/* structure *******************/
html {
	margin: 0;
	border: 0;
	padding:0;
}
body {
	margin: 0;
	border: 0;
	padding:0;
	font-size: 85%;
	color:#333;
	text-align:center;/* for ie6 */
	font-family:"Trebuchet MS", sans-serif;
	background:url(../gfx/warehouseBG.jpg) center 100px no-repeat #B3ACA4;
	line-height:1.3;
}

body#home{
	background-position:center 570px;
}

.pagewidth{
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;/*clearing*/
}

#header{
	background:url(../gfx/header_BG.jpg) center top repeat-x #636363;
	min-height:120px;
	overflow:visible;
	z-index:150;
	position:relative;
}

#header .pagewidth{
	overflow:visible;
}

#logo{
	position:absolute;
	right:0;
	top:12px;
	width:156px;
}

#header h1{
	color:#FFF;
	width:585px;
	font-size:130%;
	float:left;
	padding:54px 0 0;
	min-height:48px;
	background:0;
	font-style:italic;
}
#home #header{
	background-image:url(../gfx/homeheader_BG.jpg);
	min-height:580px;
	margin-bottom:-50px;
	z-index:0;
}

#contentwrapper{
	background-color:#D4D4D4;
	position:relative;
	margin-bottom:40px;
	clear:both;
}

#contentwrapper .right{
	padding-top:37px;
}

#contentwrapper .right.topalign{
	padding-top:0;
}

#home #contentwrapper .right{
	padding-top:0;
}


.left{
	width:585px;
	float:left;
	margin-left:35px;
	margin-top:35px;
}
.right{
	width:290px;
	float:right;
	margin-right:35px;
	margin-top:35px;
}


/* home slider **********************************/
#sliderwrapper{
	clear:both;
	height:345px;
	margin:0 35px 0;/*space fro abs pos nav*/
	overflow:hidden;
	top:58px;
	position:relative;
}
#slidercontent{
	height:345px;
	width:4000px; /* 980+20*4 */
}
.slider{
	width:910px;
	height:345px;
	margin-right:90px;
	float:left;
	position:relative;
}
.slider .left, .slider .right{
	margin:0;
}
.slider img{
	border:1px solid #FFF;
}
.slider h2{
	color:#5FBBE5
}

#sliderwrapper .right {
	position:absolute;
	bottom:-3px;
	right:0;
	padding-top:0;
	float:none;
	color:#fff;
}

.slidernav{
	margin:0;
	padding:20px 0 0;
	list-style:none;
}
.slidernav li{
	width:86px;
	float:left;
	margin:0;
	padding:0 15px 0 0;
}

.slidernav li.last{
	padding-right:0;
}

.controls{
	position:absolute;
	top:300px;
	width:980px;
	z-index:250;
}

.controls .next, .controls .prev{
	width:20px;
	height:20px;
	float:right;
	overflow:hidden;
	text-indent:-400px;
	background:url(../gfx/next.png) no-repeat;
	cursor:pointer;
}
.controls .prev{
	float:left;
	background-image:url(../gfx/prev.png);
}

/*gallery ****/
#gallery{
	height:378px;/*343 plus padding*/
	position:relative;
}
#gallery .left{
	position:relative;
	min-height:343px;
}
#gallery .caption{
	position:absolute;
	width:583px;
	height:35px;
	left:0;
	bottom:4px;
	background-color:#000;
	opacity:0.7;
}
#gallery .caption h3{
	color:#FFF;
	padding:7px 10px 0;
}
#gallery .right {
	position:absolute;
	bottom:-9px;
	right:-10px;/* for gutters*/
	width:300px;
	float:none;
	padding-top:0;	
}
.gallerynav{
	margin:0;
	padding:0;
	list-style:none;
}
.gallerynav li{
	width:140px;
	float:left;
	margin:0;
	padding:0 10px 5px 0;
}
.gallerynav li img{
	cursor:pointer;
}

/* quicklinks ***********************/
.quicklinks{
	padding:0;
	margin:20px 0 0;
	list-style:none;
}
.quicklinks li{
	padding:10px 0 0;
	margin:0 0 10px;
	width:50%;
	float:left;
	color:#3183A6;
    
}
.right .quicklinks li{
	width:auto;
	float:none;
	margin:20px 0px;
}

.quicklinks a{text-decoration:none;}
.quicklinks a:hover{text-decoration:underline;}

.quicklinks img{
	vertical-align: middle;
	float:left;
	margin-top:-10px;
	padding-right:5px;
}

.quicklinks li.twoline, .quicklinks li.twoline img{
	padding-top:0;
	margin-top:0;
}



/* nav *******************/
#nav{
	position:absolute;
	left:0;
	top:88px;
	width:790px;
	padding:0;
	margin:0;
	list-style:none;
	z-index:150;
}

#nav>li{
	width:auto;
	min-height:41px;
	float:left;
	padding:0;
	margin:0;
	margin-right:15px;
	position:relative;
}
#nav>li>a{
	display:block;
 	width:90px;
	min-height:31px;
	padding-top:10px;
	text-align:center;
	background:url(../gfx/nav_bg.png) top center no-repeat;
	color:#FFF;
	text-decoration:none;
}

#nav>li>a:hover, #nav>li.down>a, #nav>li:hover{
	color:#B6E1F3;
}

#nav ul.level1{
	 display:none;/* also hide initially in jQ */
	 position:absolute;
	 left:0;
	 top:30px;
	 width:220px;
	 margin:0;
	 list-style:none;
	 padding:10px 0 0;
	 background:url(../gfx/nav_lev1_bg.png) top left no-repeat #419BC7;
	 z-index:200;
}

#nav ul.level1 li{
	padding:0 5px 5px;
	margin:0;
	float:none;
	position:relative;
}
#nav ul.level1 li a{
	display:block;
	padding:4px 5px 5px;
	background:none;
	border-bottom:1px solid #FFF;
	width:200px;
	text-decoration:none;
	color:#FFF;
}

#nav ul.level1 li.down a, #nav ul.level1 li a:hover{
	color:#A2D9F0;
}

#nav ul.level1 li.down a:hover{
	color:#FFF;
}

/* salvage **********************************/
.item{
	padding:5px;
	background-color:#FFF;
	margin-top:20px;
	overflow:hidden;
}
.price{
	font-size:120%;
	font-weight:bold;
	color:#EE7405;
	margin:0;
	padding-bottom:0;
}

.imagewrapper{
	float:left;
	margin-right:20px;
	width:300px;
	height:200px;
	background:url(../gfx/imageawaited.gif) center no-repeat #DEDEDE;
}



/* other stuff ******************************/
.testimonial{
	background:url(../gfx/quoteL.png) top left no-repeat #A9C5D1;
	padding: 15px 15px 10px;
}
.testimonial p{
	background:url(../gfx/quoteL.png) bottom right no-repeat;
	margin:0 -15px -10px 0;
	padding: 0 15px 10px 0;
}
.testimonial .name{
	font-size:90%;
	display:block;
	padding-top:.5em;
}

#map{
	height:350px;
	margin-bottom:15px;
}

#contactform td{
		vertical-align: top;
	}
	
#contactform label{
	display:block;
	padding-right:10px;
	width:120px;
}
#contactform img{
	display:block;
}

#contactform input,#contactform textarea{
	width:320px;
	border:1px solid #999;
	background-color:#FFF;
	padding:2px 5px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:100%;
}





#footer{
	clear:both;
	margin:0 35px 15px;
	padding-top:35px;
	font-size:85%;
}

#footer>p{
	border-top:1px dotted #999;
}

#cookies{
	position:absolute;
	width:950px;
	padding:15px;
	font-size:110%;
	bottom:0;
	left:0;
	background-color:#636363;
	z-index:250;
}
#cookies .close{
	font-family:'Trebuchet MS', sans-serif;
	font-size:80%;
	display:block;
	width:auto;
	float:right;
	text-decoration:none;
}




/* basic text formatting *******************/
img{border:0;}
a:focus, a:active {border: 0;outline: 0;}
a{color:inherit;text-decoration:underline;}
a:hover{color:inherit;text-decoration:none;}

h1,h2,h3{font-family:Georgia, serif;font-weight:normal;color:#3183A6;}

h1{font-size:180%;margin:0; padding:0 0 .2em;}
h2{margin:0;padding:.5em 0 .2em;font-size:150%;}
h3{margin:0;padding:0.5em 0 .4em;font-weight:normal;font-style:italic;font-size:120%;}

h4{margin:0;padding:.7em 0 0;font-size:100%;}
p{margin:0;padding:.2em 0 .7em;}

ul, ol{margin:.5em 0; padding:0 2em;}
li{margin:0; padding-bottom:0.5em;}

.smaller{font-size:85%;}


p{margin:0;padding: .2em 0 .8em;}

.smaller{font-size:85%}

.morelink{
	/*color:#EE7405;darker*/
	color:#E98C0A!important;
}



/* handheld/tablet/mobile **************************/
@media handheld {
	body{font-size:12pt;}
	
}

/*iPad *****************************/
@media only screen and (max-device-width: 768px) { 
html {
	-webkit-text-size-adjust: none;
}

}
/* iPhone ************************/
@media only screen and (max-device-width: 480px){ 
html {
	-webkit-text-size-adjust: none;
	}

}