/***************COLORS
	bluesmid: #02486E
	dark: #01324D
	lighter: #C0E9FF
	light: #82D3FF

	google green: #a7cc95	dk: #758F68
	border blue: #80a4b6
	map tan: #EBE6DC
	map yellow: #FFFA73
	map shadow: #545641
	
	border wheel:
		#80A3B6	mid
		#5A727F	dk
		#ECF8FF	light
		#D9F2FF	bright
		
	error red: #AA0009

********************/

	body {
		margin:0px;
		padding:0px;
		font-family:verdana, arial, sans-serif;
		font-size: .9em;
		color:black;
		text-align:center;
		background:#01324D;
		}

	* {margin:0px;padding:0px;}
	p{line-height:1.6em;}
	img{/*behavior: url(hacks/iepngfix.htc);/*fix for IE6*/}

	a {
		text-decoration:none;
		color:#1f4682;
		}

	a:link {}
	a:visited {}
	a:active {}
	a:hover {
		background-position:0 0;
		}

	a img{border: none;}

	p{
		text-align:left;
		margin:0px 10px 1em 10px;
		}
		
	#about p{
		/*text-align:center;*/
		}
		
	big{font-size:110%;}

	blockquote{
		margin:1em 0;
		}

	h1, h2{
		color:#02486E;
		font-weight:normal;
		text-align:left;
		margin:0 0 .5em 6px;
		font-size:1.6em;
		}
		
	h3{
		color:#02486E;
		margin:.5em 0 0 10px;
		font-size:1.1em;
		font-weight:normal;
		text-align:left;
		}

	.underline{
		border-bottom:1px solid #C0E9FF;
		}

	#border{
		width:96%;
		background:white;
		margin:0 auto;
		min-width:840px;
		}
	
	#container{
		/*border:1px solid black;/*test border*/
		position:relative;
		width:90%;
		max-width:1000px;
		margin:0 auto;
		padding:0 0 2em 0;
		}
		
	* html body #container{width:800px;}
	
	.rightimg{
		width:35%;
		float:right;
		border:2px solid #80a4b6;
		}
		
	#boxes .rightimg{border:0px solid white;}

/*BRANDING*/

	#branding{
		/*border:1px solid black;/*test border*/
		position:relative;
		display:block;
		color:#02486E;
		/*height:400px;*/
		}

	#branding #nametitle{
		/*border:1px solid black;/*test border*/
		position:relative;
		text-align:left;
		/*display:block;*/
		top:30px;
		left:10px;
		font-weight:normal;
		font-size:32px;
		z-index:50;
		}

	#branding h2{
		text-align:right;
		font-weight:normal;
		font-size:24px;
		z-index:50;
		color:#02486E;
		}

	a#vidlink{
		background:transparent url('images/white75.png') scroll 0px 0px;
		display:block;
		font-size:1em;
		padding:.5em 1em .5em 1em;
		/*border:1px solid black;/*temp border*/
		position:absolute;
		bottom:80px;
		bottom:10%;
		left:8px;
		z-index:200;
		font-weight:bold;
		}

	a#vidlink:hover{
		cursor:pointer;
		}
	
/*NAVIGATION*/

	#nav{
		/*border:1px solid black;/*test border*/
		position:relative;
		float:right;
		font-size:14px;
		z-index:100;
		top:2px;
		}
		
	#nav li{
		/*border:1px solid black;/*test border*/
		display:block;
		/*padding:2px 5px;*/
		}
		
	a.first{
		background:black;
		color:black;
		width:500px;
		}
		
	#nav .tooltip{
		display:none;
		padding:5px;
		background:transparent url('images/white75.png') scroll repeat 0 0;
		position:absolute;
		top:32px;
		left:5px;
		border:1px solid #80A3B6;
		cursor:pointer;
		white-space:nowrap;
		}

		
/*FLYOUTS*/
	#nav ul{
		list-style-type:none;
		}

	#nav ul li {
		/*border:1px solid green;/*temp border*/
		position:relative;
		float:left;
		}

	#nav li ul {
		position:absolute;
		left:0px;
		top:6px;
		padding-top:26px;
		display:none;
		text-align:left;
		}
		
	* html body #nav li ul{top:0px;}

	.topdrop{
		border-right:1px solid #e3ebef;
		position:relative;
		}

	.topdrop:hover{
		background:transparent url('images/topdrophover.png') scroll repeat-x 0 0;
		}
		
	.topdrop a.nolink{cursor:default;}
		
	#nav a{
		/*border:1px solid red;/*temp border*/
		display:block;
		}
		
	#nav a:hover{
		background:transparent url('images/topdrophover.png') scroll repeat-x 0 0;
		}

	#nav .icon{
		position:relative;
		position:relative;
		bottom:1px;
		cursor:pointer;
		}
		
	/*dropdown list*/
	#nav li ul a{
		border-bottom:1px solid #02486E;
		width:95px;
		background:transparent url('images/white80.png') repeat scroll 0px 0px;
		font-size:12px;
		}

	#nav li ul a:hover{
		font-weight:normal;
		color:#02486E;
		text-decoration:none;
		background:white;
		}

	#nav ul li a {
		display: block;
		padding:8px 8px 0px 8px;
		text-decoration: none;
		clear:both;
		float:left;
		color:#1F4682;
		height:26px;
		}
		
	#nav li ul li a{
		padding:10px 0 5px 9px;
		height:auto;
		}


	/* Fix IE. Hide from IE Mac \*/
		* html #nav ul li {float:left;}
		* html #nav li ul li{clear:left;}
		* html #nav ul li a { height: 1%; }
		/* End */

	#nav li:hover ul, #nav li.over ul{
		display: block;
		 }

	#flashcontent{
		/*border:1px solid black;/*temp border*/
		padding:0px;
		clear:both;
		/*width:100%;
		overflow:hidden;*/
		/*height:350px;*/
		/*display:block;
		position:relative;*/
		/*top:50px;
		left:0px;*/
		}

	#flashcontent img{
		margin:0 -1px;
		padding:0;
		}

	/*CURRENT PAGE INDICATOR*/
	body#home a#homebtn,
	body#about a#aboutbtn,
	body#galleries a#galleriesbtn,
	body#contact a#contactbtn,
	body#clients a#clientsbtn
		{/*background:#4a4036;cursor:default;*/}

	body#galleries #content{
		height:550px;
		}

	/*CONTENT*/
	#content{
		/*border:1px solid silver;/*test border*/
		z-index:200;
		clear:both;
		padding:10px;
		}

	#content a:hover{
		text-decoration:underline;
		}


	span.quote{
		/*border:1px solid black;/*temp border*/
		float:left;
		font-family:georgia, serif;
		font-weight:bold;
		font-size:7em;
		line-height:0.25em;
		padding-top:.3em;
		padding-right:.1em;
		margin:1px;
		margin-bottom:-0.33em;
		color:silver;
		color:#a7cc95;
		color:#EBE6DC;
		}

	p.quote, p.cite{padding-left:50px;}

	p.cite{
		font-size:90%;
		color:#73716C;
		margin-top:1em;
		margin-bottom:2em;
		}

	#ads, #bios{
		display:block;
		width:200px;
		float:right;
		margin:1em 0 1em 1em;
		border-left:1px solid #EBE6DC;
		padding-bottom:1em;
		}

	#ads h1, #bios h1{
		text-transform:uppercase;
		background-color:#EBE6DC;
		font-size:16px;
		font-weight:normal;
		color:#02486E;
		color:#545641;
		padding:.25em 0;
		margin:0 0 1em 0;
		text-align:center;
		}

	#ads h2, #bios h2{
		font-size:14px;
		font-weight:normal;
		color:#02486E;
		margin-top:.5em;
		margin-bottom:.5em;
		}

	#ads p, #bios p{
		font-size:11px;
		text-align:left;
		line-height:1.3em;
		}

	#movingtipsbox{
		width:60%;
		margin-left:5%;
		background-color:#EBE6DC;
		border:1px solid #80a4b6;
		}

	#movingtipsbox h3{
		padding-left:10px;
		text-align:center;
		font-size:18px;
		}

	#movingtipsbox img{
		float:left;
		position:relative;
		top:-10px;
		left:5px;
		}

	#movingtips{
		margin:7px 10px 10px 70px;
		font-size:14px;
		text-align:left;
		}
		
	#contact iframe#map{
		float:right;
		width:320px;
		height:280px;
		border:2px solid #80a4b6;
		margin:2em;
		}
		
	#contact address{
		text-align:left;
		margin:15px 30px;
		}
		
	ul#solutions{
		text-align:left;
		margin:1em 1em 1em 1em;
		/*font-size:1em;*/
		min-height:270px;
		list-style-type:none;
		list-position:inside;
		}
		
	ul#solutions li{
		margin:.5em 0;
		background:transparent url('images/boxicon.jpg') scroll no-repeat 0 2px;
		padding-left:30px;
		min-height:18px;
		}
		
	ol#why{
		text-align:left;
		margin:25px 0 20px 60px;
		}
	
	ol#why li{
		color:#02486E;
		font-size:24px;
		font-style:italic;
		}
		
	ol#why p{
		color:black;
		font-size:14px;
		margin:0 0 10px 0;
		padding:0;
		font-style:normal;
		}
		
		
	p#special{
		font-family:arial, sans-serif;
		letter-spacing:1px;
		float:right;
		padding:1.7em;
		background:#a7cc95;
		background:#5A727F;
		font-size:16px;
		color:white;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		}
		
	p.emphasis{
		width:80%;
		padding:1em;
		margin:0 auto;
		font-weight:bold;
		font-style:italic;
		color:#02486E;
		font-size:1.1em;
		}
		
/* FORM */

	#estimate{
		background:white;
		padding:1em;
		}

	#estimate p.form_instructions{
		font-size:12px;
		margin:0;
		padding:0;
		position:absolute;
		top:0px;
		left:20px;
		z-index:200;
		text-align:left;
		}
		
	#handshake h2{
		text-align:center;
		}
		
	#handshake p{
		text-align:center;
		width:70%;
		margin:0 auto;
		}
		
	#estimate span{color:#AA0009}
	
	#handshake{display:none;}
	
	input.error, .textinput:focus.error{
		border:3px solid #AA0009;
		}
		
	label.error{
		font-size:10px;
		display:block;
		width:0px;
		height:0px;
		overflow:hidden;
		}
		
	#emailfield{
		position:relative;
		}
		
	* html body #emailfield{position:static;}
		
	#emailfield label.error{
		height:auto;
		width:90px;
		position:absolute;
		left:50px;
		top:25px;
		color:#AA0009;
		}
		
	* html body #emailfield label.error{color:white;}
	* html body a#date1_ID_Link, * html body a#date2_ID_Link{display:none;}
	* html body a#estimatelink{display:none;}
	#nav ul li a#IE6estimatelink{display:none;}
	* html body #nav ul li a#IE6estimatelink{display:block;}

	.formblock{
		/*display:block;
		width:auto;*/
		float:left;
		margin:2px;
		text-align:left;
		}
		
	.formblock small{
		font-size:9px;
		margin:0 0 0 5px;
		display:block;
		}
		
	.textinput{
		font-family:verdana, arial, sans-serif;
		padding:2px;
		border:3px solid #e4e4e4;
		font-size:12px;
		}
		
	select option{
		font-family:verdana, arial, sans-serif;
		padding:1px 2px;
		font-size:10px;
		}
		
	select{
		font-size:11px;
		}
		
	select.levels option{
		padding-bottom:3px;
		font-size:11px;
		}

	#estimatebutton{
		display:block;
		width:140px;
		height:70px;
		background:transparent url('images/estimatebutton.png') scroll no-repeat left top;
		border:0px solid black;
		text-align:center;
		font-size:16px;
		padding-bottom:5px;
		}

	#estimatebutton:hover{
		background:transparent url('images/estimatebutton.png') scroll no-repeat left bottom;
		cursor:pointer;
		}
		
	.textinput:focus{
		border:3px solid #80A3B6;
		}

	#inputfields{
		position:relative;
		margin:0;
		top:15px;
		}
		
	.inputcat{
		/*background:#EBE6DC;*/
		/*background:#D9F2FF;
		background:#a7cc95;*/
		margin:0 0 .5em 0;
		background:white;
		}
		
	#inputfields h3{
		margin:.5em 0 0em 0;
		color:#02486E;
		/*background:#ffffff url('images/h3estformback.png') scroll no-repeat 0 0;
		display:block;
		width:400px;
		height:40px;*/
		font-size:1em;
		padding:0 0 0 .5em;
		}
		
	.leftbox{
		float:left;
		width:48.5%;
		}
		
	.rightbox{
		float:right;
		width:49%;
		}

	#buttonbox{
		position:relative;
		top:25px;
		left:15px;
		}

/* SLIDESHOW */
	
	#slideshow1, #slideshow2{
		float:right;
		display:block;
		width:40%;
		width:365px;
		height:273px;
		margin:1em;
		position:relative;
		overflow:hidden;
		border:2px solid #80a4b6;
		}

	#slideshow1 img, #slideshow2 img{
		width:100%;
		}
		
/* VIDEO */

	#video_ad{
		float:right;
		margin:1em;
		}
		
	#video_ad embed{
		width:350px;
		height:265px;
		}

	#siteinfo{
		width:100%;
		background:#EBE6DC url('images/footer.png') scroll repeat-x 0 0;
		font-family:arial, sans-serif;
		}
		
	#siteinfo p{
		margin:0;
		color:#73716C;
		text-align:center;
		font-size:1em;
		padding:1em 1em 2.4em 1em;}

	#siteinfo span.ph{
		font-weight:bold;
		margin-left:1px;
		}
		
	#siteinfo a{color:#73716C;}
	#siteinfo a:hover{color:#545641;text-decoration:none;}
	
	#siteinfo #bbb{
		/*position:relative;
		top:20px;
		left:20px;*/
		float:right;
		margin:15px 20px 10px 10px;
		display:block;
		}
		
	#siteinfo #bbb td{
	
	}

	.clear{clear:both;}
	.clearleft{clear:left;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url('images/macFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e3ebef;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}


/* TOOLTIP */
.tooltip{
	 /*position: absolute; top: 0; left: 0; z-index: 500; display: none; */
	position: absolute;
	z-index: 3000;
	border: 1px solid #80a4b6;
	background:transparent url('images/white80.png') repeat scroll 0px 0px;
	padding: .5em;
	color:#02486E;
	font-size:12px;
	top: 40px;
	left: 0px;
	display: none;
}

	
#tooltip h3, #tooltip div { margin: 0; }