/* Website for Lets Move */
/* July 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* ----------------------------------------------- 
   INITIAL RESET PLUS LAYOUT
   ----------------------------------------------- */


/* 	----------------------------------------------- 
		Reset browser default styles to insure consistency across various browsers
  	----------------------------------------------- */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* 	----------------------------------------------- 
		Helpful fixes
  	----------------------------------------------- */

a {outline: none;}  /* get rid of Firefox link boxes */

html {
	height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with min-height on body */
}

body {
	behavior: url("../behavior/csshover.htc"); /* Win IE behavior call for hovering over elements */	
}

/* 	----------------------------------------------- 
		Layout Structure
  	----------------------------------------------- */
		
body {
	background: #b49247 url(../images/bodyTile.jpg) repeat center top;
	margin: 0;
	padding: 0;
	min-height: 101%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combinded with height on html */
}
	div#shell {
		background: url(../images/bodyTop.jpg) repeat-x center top;
		margin: 0;
		padding: 0;
	}
		div#outerContainer {
			width: 930px;
			min-height: 570px;
			background: url(../images/containerTile.jpg) repeat-y center top;
			margin: 0 auto;
			padding: 0;
		}
		div#outerContainer.frontPage {
			background: url(../images/containerTileFRONT.jpg) repeat-y center top;
		}
		/* IE doesn't support min-height, but it treats height that way, so filter for IE */
		* html div#outerContainer {
			height: 570px; 
		}		
		
			div#container {
				width: 930px;
				min-height: 540px;
				background: url(../images/containerTop.jpg) no-repeat center top;
				margin: 0;
				padding: 0;
			}
			div#outerContainer.frontPage div#container {
				background: url(../images/containerTopFRONT.jpg) no-repeat center top;
			}			
			/* IE doesn't support min-height, but it treats height that way, so filter for IE */
			* html div#container {
				height: 540px; 
			}		
						
			div#content {
				width: 530px;
				min-height: 540px;
				margin: 0;
				padding: 135px 45px 0px 355px;
				position: relative;
			}
			/* IE doesn't support min-height, but it treats height that way, so filter for IE */
			* html div#content {
				height: 540px; 
			}
			
			div#outerContainer.frontPage div#content {
				width: 900px;
				padding: 135px 15px 0 15px;
				margin: 0;
			}					
				div#topNav {
					position: absolute;
					width: 440px;
					top: 21px;
					left: 475px;
					margin: 0;
					padding: 0;
					height: 22px;
				}
				
				div#pageTitle {
					position: absolute;
					width: 540px;
					top: 75px;
					left: 355px;
					margin: 0;
					padding: 0;
					height: 40px;
				}				
										
				div#sideNav {
					position: absolute;
					width: 305px;
					top: 120px;
					left: 25px;
					margin: 0;
					padding: 0;
				}
				
					div#sideContent {
						width: 287px;
						margin: 9px;
					}
					
				div#logoLink {
					width: 327px;
					height: 82px;
					position: absolute;
					top: 25px;
					left: 34px;
				}
				/* ----------------------------------------------- 
					 Quotation on Front Page
					 ----------------------------------------------- */
				p#frontQuotation {
					width: 170px;
					height: 250px;
					margin: 0 0 0 340px;
					padding: 0 0 25px 0;
				}					
				div#frontLowerContent {
					width: 850px;
					margin: 0;
					padding: 20px 25px 0 25px;
					background: url(../images/box.jpg) no-repeat left top;					
				}
				


		div#footer {
			position: relative;
			background: url(../images/footer.jpg) no-repeat center top;
			width: 880px;
			padding: 125px 25px 0 25px ;
			margin: 0 auto;
		}
			div.logoLinkBox {
				position: absolute;
				top: 5px;
				left: 16px;
				width: 903px;
				padding: 0;
				margin: 0 0 0 0;
			}	
				div.logoLinkBox a {
					padding: 15px 0;
					margin:  4px 0 0 0;
					float: left;
				}
				div.logoLinkBox a img {
					border: 1px solid #E4BE69;
				}
				div.logoLinkBox a:hover img {
					border: 1px solid #ab4e00;
				}		
		div#footer.frontPage {
			background: url(../images/footerFRONT.jpg) no-repeat center top;
		}
			div#footerRight {
				width: 300px;
				float: right;
			}			
/* ----------------------------------------------- 
   Primary (Side) Navigation
   ----------------------------------------------- */
div#sideNav ul {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}
div#sideNav li {
	margin: 0;
	padding: 0;
	display: inline; /* because IE6 gets messed up with display: block on the a element below */
}
div#sideNav li a {
	display: block;
	height: 70px;
	width: 305px;
	text-indent: -8000px;
	margin: 0;
	padding: 0;
}


div#sideNav li#service a {
	background: url(../images/buttons.jpg) 0px 0px no-repeat;
}
div#sideNav li#service a:hover {
	background: url(../images/buttons.jpg) -305px 0px no-repeat;
}
div#sideNav li#service.current a,
div#sideNav li#service.current a:hover {
	background: url(../images/buttons.jpg) -610px 0px no-repeat;
}



div#sideNav li#homeDesign a {
	background: url(../images/buttons.jpg) 0px -70px no-repeat;
}
div#sideNav li#homeDesign a:hover {
	background: url(../images/buttons.jpg) -305px -70px no-repeat;
}
div#sideNav li#homeDesign.current a,
div#sideNav li#homeDesign.current a:hover {
	background: url(../images/buttons.jpg) -610px -70px no-repeat;
}




div#sideNav li#aging a {
	background: url(../images/buttons.jpg) 0px -140px no-repeat;
}
div#sideNav li#aging a:hover {
	background: url(../images/buttons.jpg) -305px -140px no-repeat;
}
div#sideNav li#aging.current a,
div#sideNav li#aging.current a:hover {
	background: url(../images/buttons.jpg) -610px -140px no-repeat;
}




div#sideNav li#artOrganization a {
	background: url(../images/buttons.jpg) 0px -210px no-repeat;
}
div#sideNav li#artOrganization a:hover {
	background: url(../images/buttons.jpg) -305px -210px no-repeat;
}
div#sideNav li#artOrganization.current a, 
div#sideNav li#artOrganization.current a:hover {
	background: url(../images/buttons.jpg) -610px -210px no-repeat;
}


/* ----------------------------------------------- 
   Top Navigation
   ----------------------------------------------- */
div#topNav ul {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
	float: right;
}
div#topNav li {
	margin: 0;
	padding: 0 15px 0 0;
	display: inline; /* because IE6 gets messed up with display: block on the a element below */
}
div#topNav li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
div#topNav li a:hover {
	text-decoration: underline;
}
div#topNav li a.current {
	border-bottom: 3px solid #ffffff;
}
div#topNav li a.current:hover {
	text-decoration: none;
}
div#hhstaging {
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 369px;
}