#wrap{margin:0 auto; width:100%; /* 1260px */ height:470px; }

#wrapper{position:absolute; top:50%; margin-top:-200px; width:100%; /* 1260px */ height:470px;}
	.home_long{background: #DEDBBD url('../img/header_dt_05.gif') center bottom no-repeat; }
	.about_long{background: #DEDBBD url('../img/header_hhof.gif') center bottom no-repeat; }
	.services_long{background: #DEDBBD url('../img/header_city_street.gif') center bottom no-repeat; }
	.portfolio_long{background: #DEDBBD url('../img/header_dundas_square.gif') center bottom no-repeat; }
		.clients_long{background: #DEDBBD url('../img/header_city_hall.gif') center bottom no-repeat; }
		.projects_long{background: #DEDBBD url('../img/header_dundas_square.gif') center bottom no-repeat; }
	.contact_long{background: #DEDBBD url('../img/header_dt_01.gif') center bottom no-repeat; }

#catch{float:left; width:100%; /* #BD6500 */ }
#container{margin:0 auto 0 auto; width:710px; /*height:320px;*/ }


/* MENU
----------------------- */
#menuWrap{float:left; padding:0 0 0px 0; width:100%; /*height:40px;*/ /*background:#DEDBBD;*/ background: url('../img/bg_top.gif') left bottom repeat-x; border-bottom:10px solid #F7F7E7; }
#menu{margin:0 auto; width:710px; }


#mainAreaWrap{float:left; width:710px; height:390px; background:#F7F7E7; /* #FFFBEF */}
#mainArea{margin:0 10px; width:690px; height:390px; /*background:red;*/ }



/* LEFT AREA
----------------------- */
#leftAreaWrap{float:left; width:295px; }
#leftArea{margin:0 10px 0 0; }


/* HEADER */
#headerWrap{width:100%; height:320px; /*background:green;*/ }
#header{width:100%; height:100%; }

	.home{background: url('../img/bg_home.gif') top left no-repeat; }
	.about{background: url('../img/bg_about.gif') top left no-repeat; }
	.services{background: url('../img/bg_services.gif') top left no-repeat; }
	.portfolio{background: url('../img/bg_portfolio.gif') top left no-repeat; }
	.contact{background: url('../img/bg_contact.gif') top left no-repeat; }


/* LOGO */
#logoWrap{margin:10px 0 0 0; width:100%; height:60px; /*background:#EFEBD6;*/ }
#logo{margin:0px auto 0px auto; width:100%; height:60px; background: url('../img/logo.gif') left bottom no-repeat; }



/* RIGHT AREA
----------------------- */
#rightAreaWrap{float:right; width:395px; }
#rightArea{margin:0 0px 0 0; }


/* CONTENT */
#contentWrap{width:100%; height:390px; background: url('../img/bg_content.gif') left top repeat; /* #EFEBD6 */  }
#content{padding:10px; height:340px; }

	#content #head{margin:0 0 10px 0; width:100%; height:20px; }
		.home_head{background: url('../img/pages_head_home.gif') left top no-repeat; }
		.about_head{background: url('../img/pages_head_about.gif') left top no-repeat; }
		.services_head{background: url('../img/pages_head_services.gif') left top no-repeat; }
		.portfolio_head{background: url('../img/pages_head_portfolio.gif') left top no-repeat; }
		.contact_head{background: url('../img/pages_head_contact.gif') left top no-repeat; }


	#coverWrap{width:375px; height:auto; overflow:hidden; /*overflow-y: hidden; overflow-x: hidden;*/ /*background:white;*/ }
	#coverWrap #cover{width:375px; height:340px; overflow:auto; position:relative;}
	#coverWrap #padding{margin:10px 10px 0px 0; overflow-y: hidden; }
		#coverWrap h2{margin:0 0px 15px 0; padding:0 0 0 0; font-size:12px; color:black; font-weight:bold; }
			#coverWrap h2 strong{color:black; }
		#coverWrap h3{margin:10px 0px 10px 0; padding:0 0 0 0px; font-size:11px; color:#5F5642; font-weight:bold; }
		#coverWrap h4{margin:10px 0px 10px 0; padding:0 0 0 0px; font-size:11px; color:#5F5642; font-weight:bold; }
		#coverWrap h6{margin:0 0px 10px 0; font-size:12px; color:black; line-height:20px; }
		#coverWrap span.date{display:block; margin:3px 0 0 0;  font-size:11px; font-weight:normal; text-align:left; }
		#coverWrap p{margin:0 0px 10px 0; font-size:11px; color:#5F5642; line-height:20px; text-align:justify; }
		#coverWrap p:first-letter {/*font-size:14px;*/ font-weight:bold; }
			#coverWrap p.role{margin:0 0 5px 0; font-size:11px; font-weight:normal; text-align:left; }
			#coverWrap p.viewWeb{margin:0 0 0px 0; font-weight:normal; text-align:left; }
		#coverWrap ul{margin:10px 0 10px 25px; text-align:left; }
		#coverWrap ul li{margin:0 0px 5px 0; font-size:11px; color:#5F5642; list-style-type:square; line-height:16px; }
		#coverWrap dl{margin:0 0px 15px 0px; line-height:16px; }
		#coverWrap dl dt{margin:0 0px 5px 0; font-size:11px; color:#5F5642; font-weight:bold; text-align:left; }
		#coverWrap dl dd{margin:0 0px 5px 0px; font-size:11px; color:#5F5642; }

		#coverWrap .descript{margin:5px 0 35px 0; padding:0px 0 0px 10px; /*border-top:2px solid white;*/ border-left:7px solid #DEDBBD; }

		#coverWrap .item{margin:0 0 25px 0; padding:0 0 0px 0; }

		#coverWrap .item#DLResume{margin:0; }
		#coverWrap .item#DLResume p{/*margin:0;*/ line-height:14px; }

		#coverWrap img{margin:0 0 -3px 0; }

		#coverWrap .email{background:#EFEBc0; /* #DEDBBD */}


/* disappear box */
#coverWrap .disappear{margin:5px 0 25px 0; padding:5px; border-top:1px solid #BDB284; border-bottom:1px solid #BDB284; background:#EFEBD6; }








/* FOOTER
----------------------- */
#footerWrap{float:left; margin:0 0 0% 0; padding:10px 0 10px 0; width:100%; border-top:10px solid #F7F7E7; background: url('../img/bg_bot.gif') left top repeat-x; }
#footer{margin:0 auto; padding:0 0 0px 0; width:710px; }

	#footer p{margin:0 0 0 0; font-size:9px; color:#909090; font-weight:normal; text-align:right; }
	#footer p a{color:#505050; background:none; }
	#footer p a:hover{color:#909090; }





/* MISC
----------------------- */

::-moz-selection {color:#7AA62F; background:#DEDBBD; }
::selection {color:#7AA62F; background:#DEDBBD; }
code::-moz-selection {color:#7AA62F; background:#DEDBBD; }
code::selection {color:#7AA62F; background:#DEDBBD; }




/*
http://www.mandarindesign.com/troops.html#opacitybackgroundhard
http://www.nyokiglitter.com/tutorials/tabs.html
*/