/*/*/
/* Bleu Site Styles - Copyright Bleu Inc 2006 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/

body {
	background: #ADBC79 url(slices/bodyBackground.gif) repeat-x left -16px;
	margin: -10px auto 0 auto;
	font: normal .7em/1.3em Arial, Helvetica, sans-serif;
text-align: center;
}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 {
	font-size: 110%;
	color: #346799;
	margin: 0 0 .3em 0;
	}
	h2 {
	color: #346799;
	font-size: 100%;
}

p {
	margin: 0 0 1.5em 0; 
	padding: 0;
}
ul {margin-top: -1em; margin-bottom: 1.5em; list-style-type: square;}


a:link {color: #9F5127; text-decoration: underline;}
a:visited {color: #8B9465; text-decoration: underline;}
a:hover, a:active {text-decoration: underline; color: #848F64;}


#header {
	margin: 0 auto;
width: 770px;
	background: url(slices/headerBackground.jpg) repeat-x top;
	}
	img.left {float: left;}
	img.right {float: right;
}

#topNav {
	width: 738px;
	padding: 0px 15px 0 15px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: -.01em;
	margin: 0 auto;
}
	#topNav ul {
	float: right;
	margin: 52px 0 0 0;
	}
	#topNav li {
	position: relative;
	display: inline; 
	margin-left: 9px;
	}
	#topNav li.itemOne {letter-spacing: .005em;}
	#topNav li.itemThree {letter-spacing: -.08em;}
	#topNav li.itemFour {letter-spacing: -.01em; word-spacing: -.2em;}
	#topNav a {
	border-bottom: none;
	text-decoration: none;
	color: #111111;
	padding-left: 8px;
	}
	#topNav a:hover {
	background: url(images/glowingBullet.gif) no-repeat 0px 50%;
}

#pageBackground {
	background: #666666 url(slices/pageBackground.gif) repeat-x;
	width: 100%;
	}
#page {
	background: #FFF url(slices/contentBackground.gif) repeat-x;
	width: 725px;
	margin: 0 auto;
	text-align: left;
}
	#page img.logo {
	margin: 72px 0 6px 0;
	}

#brand {
	float: left;
	position: relative;
	width: 200px;
	height: 300px;
	text-align: center;
	background: url(slices/brandWetFloor.jpg) repeat-x 0px 265px;
	}
	#brand a {border-bottom: none;}
	#brand span {
	margin-top: 0px;
	display: block;
	background: url(slices/squarePattern.gif);
	height: 50px;
}
	
#content {
	float: left; 
	width: 505px;
	background: #FFFFFF url(slices/mainContentBackground.gif) repeat-y left top;
	padding: .8em .5em .8em 1em;
	}
	p.decoText {
	text-align: right;
	width: 100%;
	}
	.highlight {
	color: #346799;
	font-size: 100%;
	margin: 0 0 .3em 0;
}
	
#subFooter {
	width: 100%;
	height: 61px;
	background: url(slices/subFooterBackground.gif) repeat-x;
	text-align: center;
	padding: 0;
	line-height: 0;
}
	#subFooter img.left {float: none; margin-right: 715px;}
	#subFooter img.right {float: none;}

#footer {
	width: 770px;
	background: url(slices/footerBackground.jpg) repeat-x top;
	margin: 0 auto;}
	#footer img.right {
	float: right;
	}
	#footer img.left{
	float: left;
	}
	#footer p {
	text-align: center;
	color: #EBEEDF;
	padding: .6em 0 0 0;
	}
	#footer a {
	z-index: 2;
	text-decoration: none;
	border-bottom: none;
	color: #EBEEDF;
	}
	#footer a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.clearing {clear: both;}



/****************************************
*           PORTFOLIO STYLES            *
****************************************/

#siteBlocks {
	position: relative;
	height: 24em;
	}
	#siteBlocks p {
	position: relative;
	margin: 0 0 10px 0; 	
	padding: 0 0 5px 0;
	float: left;
	}
	#siteBlocks a {
	display: inline; 
	text-decoration: none; 
	border-bottom: none;
	}
	#siteBlocks img { border: 2px solid #FFF; }
	
	#siteBlocks a:hover img {border: 2px solid #ADBC79; }
#siteBlocks a:hover img.thumb {
border: none; 
float: right; 
margin: 0 0 0 5px; 
padding: 0;
}
	#siteBlocks a:hover {background-color: #FFF;} /* Forces IE6 to trigger the hover */
	#siteBlocks a span {display: none;}
	#siteBlocks a:hover span.expoText {
	position: absolute;
	display: inline; 
	left: 0px;
	top: 100%;
	width: 470px;
	color: #333; 
	border: 1px dotted #CCC;
	border-left: none;
	border-right: none;
	padding: .7em 5px;
}
	#siteBlocks a:hover span.highlight {
	display: inline;
	font-weight: bold; 
	color: #3399CC !important;
	}
	#siteBlocks a:hover span.heading {
	display: inline; 
	font-weight: bold;	
}

/* Correct Portfolio Images */
	img.ieNudge {padding-left: 3px;} /* For IE */
	body>div img.ieNudge {padding-left: 0px;} /* For Everyone else */