/**
 * Layout style (colour + detail agnostic)
 */

/* Style common elements */
@import url(default/elements.css);

/* Common layout */
@import url(default/layout.css);

/**
 * Header
 */

/* Custom images for cut corners */
#breadcrumbs					{ background: #69c url(business/cut-corner-tl.gif) no-repeat top left; }

/* Appropriate fade */
#header							{ background-image: url(business/fade-header.gif); }

/**
 * Content
 */

/* Space out summary from body, if it's being used */
#summary						{ margin-bottom: 30px; }

/* Navigation span needs a bit of extra space */
.navigation						{ margin-bottom: 5px; }

/* Menu background on RHS */
#text							{ background: White url(business/sidebar-bg.gif) repeat-y right;	border-width: 0 0 0 1px; }

/* Except on image pages! */
.image #text					{ background: white; border-width: 0 1px 0 1px; padding: 0 10px 5px 0; }

/* Borders */
#text, #image					{ border-color: #69c; }

/* Style links */
a:link 							{ color: #69c; }
a:visited 						{ color: #369; }

/* Custom image for headings */
h1								{ background-image: url(business/bullet-1.png); }

/* Style headings */
h1, h2, h3, h4, h5, h6, h7, h8	{ color: #69c; clear: both; }

/* H2 underline */
h2								{ border-color: #69c }

/* Navigation links in blue */
.navigation 					{ color: #69c; }

/* Slightly tighter padding for callout paragraphs. Use existing spacing. */
.callout, .quote				{ padding: 6px 8px 6px 8px; color: #036; }


/* Image padding matches paragraphs, more-or-less */
img								{ padding: 8px; } 

/* Left margin on right hand float images */
.floatright, .stackright
{
	margin: 0 0 0 8px;
        background: #def;
}

/* Right margin on left hand float images, leave top left corner cut */
.floatleft, .stackleft
{
	background: #def url(business/cut-corner-tl.gif) no-repeat top left; 
	margin: 0 8px 0 15px;
}

/*
 * Lists
 */

/* Links have a special bullet */
li a
{
	list-style: none none;
	background: url(business/small-bullet-2.png) left no-repeat;
	padding-left: 18px;
}

/* Which lights up */
li a:hover						{ background-image: url(business/small-bullet-2-over.png); }

/* Pale background for entries in text lists, callout paragraphs, and images */
.textlist li, .callout
{
	background: #def url(business/cut-corner-tl.gif) no-repeat top left; 
	padding: 8px;
}

/* Spacing for text lists */
.textlist li
{
	margin: 0 0 8px 0;
	padding: 4px 8px 4px 8px;
}

/* 
 * Gallery thumbs
 */

/* Thumbnails have a cut corner and tab below */
div.thumb a							{ background: #69c url(business/cut-corner-br.gif) no-repeat bottom right; padding: 1px 1px 5px 1px;  }
/* Which light up! */
div.thumb a:hover					{ background-color: #9cf; } 

/**
 * Fullscreen images
 */

/* No spacing on contained image */
#image								{ padding: 10px; }
#image img							{ padding: 0; margin: 0; }


/**
 * Menu layout
 */

/* Make space for menu */
#text 								{ padding-right: 125px; }

/* Menu links are white */ 
#menu a								{ color: White; }

/* The menu */
#menu
{
	/* Standard colour */
 	background-color: #69c;

	/* Attach to top right under the header */
	position: absolute;
	top: 96px;
	left: 674px;
}

/* Menu list items are unspaced */
#menu ul, #menu li					{ padding: 0; margin: 0; }

/* The anchors */
#menu a
{
	/* Display as a fixed-size block */
	display: block;
	width: 64px;
	height: 20px;
	padding-left: 20px;	

	/* Clip overflow */
 	overflow: hidden;

	/* With images */
	background: #69c url(business/menu-bg.gif) no-repeat left;

	/* Standard colour, no underline */
	color: #69c;
	text-decoration: none;
}

/* On hover... */
#menu a:hover						{ background-image: url(business/menu-bg-over.gif); }

/* Current link */
#menu a.current, #menu a:hover.current
{
	/* Switch image, bolden */
	background-image: url(business/menu-bg-current.gif);
	font-weight: bold;

	/* Shift left */
	padding-left: 16px;
}

/* Personal link */
#menu a.personal					{ margin-top: 20px; }
#menu a.personal:hover				{ padding-left: 22px; background-image: url(business/menu-bg-personal-over.gif); }

/*
 * Print button 
 */

/* Special button */
.for-print							{ padding-right: 17px; background: url(business/for-print.png) right no-repeat; }

/* Which lights up! */
.for-print:hover					{ background-image: url(business/for-print-over.png); }

/**
 * Footer 
 */

/* Custom images for cut corners */
#footer 							{ background: #69c url(business/cut-corner-br.gif) no-repeat bottom right; }

/* Footers and crumbs are white */
#footer, #footer a, #breadcrumbs, #breadcrumbs a 	{ color: White; }

/* IE warning gets a red mark */
#footer a.warning			 		{ color: #f33; }