/***********************************
*
* DAISYCAKE.COM - Stylesheet
* Design & Code By Andrew Coppola, Warehouse Agency 2.
*
/***********************************/


/**********************************************************************************  GENERAL STYLES */
body { 
	padding:0; margin:0; 
	background: url(../img/link_bg.gif) -239px 0px;
	color: #aaaaaa;
	font: 76% "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	}
* {margin:0; padding:0;outline:0;}

.float-right { float:right;}
.float-left { float:left;}
.clear {clear:both;}

h1, h2, h3, h4, h5 {	
	color:#f6c743; 
	margin: 0 0 1em 0;
	text-transform: uppercase;
}
h4,h5 {color:white;}

p {padding: 0 0 2em; }
blockquote { width: 80%;
	background: #222;
	padding: 10px;
	font-style: italic;
	margin: -1em auto 1em;
}
a { color: #d0c7ad; text-decoration: none; display:block; }
a:hover {color:white; }
 a img { border:0; }
a.download {cursor: url(../test.cur), pointer;}
.white {color:white;}
small {
	font-size: .8em;
	letter-spacing:.25px;
}
.kill_botpad {
	padding-bottom:0;
	}
/********************************************************************************** STRUCTURE & LAYOUT */
#top_bar { 
	height: 82px; 
	width: 100%; 
	background: url(../img/top_bar_bg.png) repeat-x top; 
	z-index:19; 
	position: fixed; 
	top:0px; }
#top_bar_center {
	height: 32px; 
	width: 1250px; 
	background: url(../img/top_bar_center.jpg) no-repeat 40px 0;  
	z-index: 20;  
	position:fixed; 
	left: 0; 
	top:0;}
	
	#top_nav {
		
		margin: 0px 0px 0px 380px;
		list-style-type:none;
		position:relative;
		width: 582px;
		height: 32px;
		 background: url(../img/top_nav.jpg) no-repeat; 
	}
	
	#top_nav li {
		margin: 0;
		padding: 0;
		position:absolute;
		top: 0;
	}
	#top_nav li a span { display:none;}
	#top_nav a {
		display:block;
		height:31px;
		width: 146px;
		text-align:center;
	}
	#top_nav  a:hover span {
		background:#E8C729;
		color:black;
		position:relative;
		top: 32px;
		margin: 0 auto;
		text-align:center;
		display:block;
		padding:0px 2px;
		border-width: 0 1px 1px;
		border-style: solid;
		border-color:black;
		text-transform:uppercase;
		letter-spacing:-1px;
		font-weight:bold;
	}
	.nav_home {left: 0;}
	.nav_home a:hover {background: url(../img/top_nav.jpg) 0px -32px no-repeat; }
	body#home .nav_home a {background: url(../img/top_nav.jpg) 0px -32px no-repeat; }
	.nav_gallery  { left: 146px;	}
	.nav_gallery a:hover { background: url(../img/top_nav.jpg) -146px -32px no-repeat; }
	body#gallery .nav_gallery a { background: url(../img/top_nav.jpg) -146px -32px no-repeat; }
	.nav_specs  { left: 291px; }
	.nav_specs a:hover { background: url(../img/top_nav.jpg) -291px -32px no-repeat; }
	body#specs .nav_specs a { background: url(../img/top_nav.jpg) -291px -32px no-repeat; }
	/* .nav_questions  { left: 348px;}
	.nav_questions a:hover { background: url(../img/top_nav.jpg) -348px -32px no-repeat; }
	body#faq .nav_questions a { background: url(../img/top_nav.jpg) -348px -32px no-repeat; }	 */
	.nav_contact a:hover { background: url(../img/top_nav.jpg) -436px -32px no-repeat; }
	body#contact .nav_contact a { background: url(../img/top_nav.jpg) -436px -32px no-repeat; }
	.nav_contact { width: 146px; left: 436px;
	}
	
#sidebar {
	width:280px; 
	position:fixed; 

	top:0; 
	left:72px; 
	height: 100%; 
	z-index:30;
	}
	
	#side_top {
		height: 70px; 
		position:relative; 
		top:0; 
		left:0; 
		background: url(../img/side_chain_top.png) no-repeat;}
	
	#side_logo {
		height: 138px;
		background: url(../img/side_logo.png) no-repeat; 
		top:0;
		}
		
		#side_logo a {margin: 0;}
		#side_logo a span{ display:none;}
		
	#side_wrapper {
		height:100%; 
		position:relative; 
		top:0px; 
		left:0; 
		background: url(../img/side_chain.png) 0 -18px repeat-y;}
		
		#side_content {
			
			background: url(../img/side_chain_black.png) 0 -18px repeat-y;
			text-align:center;
			}
			
		.sideBanner {
			padding: 9px 0 31px;
		}
		
		#side_content_close {
			height:62px; 

			background: url(../img/side_chain_bottom.png) 0 0px repeat-y;}

#centercol { 
	
	width: 583px; 
	position: absolute; 
	top: 56px; 
	left:378px;
	z-index: 15;	
}
body#home #centercol {
	top:116px;
}
	
	.content_top {
		background: url(../img/content_box_top.gif) no-repeat;
		height:20px;
		width: 583px;
		margin: 2px 0 0 1px;
	}
	.content_mid {
		background: url(../img/content_box_mid.gif) repeat-y;
		overflow:auto;
		width: 552px;
		margin: 0 0 0 1px;
		padding: 5px 15px 15px;
	}
	.content_bottom {
		background: url(../img/content_box_bottom.gif) no-repeat;
		height:44px;
		width: 583px;
		margin: -18px 0 0 1px;
	}
	
	/*********************************************************************** HOMEPAGE */
	#home-hotspots {
		overflow:auto;
		margin: 0 0 2em;
	}
	#home-gal  {float:left;}
	#home-spec img { margin: 0 0 3px;}
	#home-contact {}
	h2.homeheader {
		clear:both;
		text-transform: none;
		letter-spacing: -1px;
		margin: -.5em 0 1em ;}
	#introtext {padding: 0 0 1em;}
	#twtr-widget-1 {
		margin-top: 20px;
	}
	.twtr-tweet a {
		display: inline;
	}
	#twtr-widget-1 .twtr-tweet {
	border-bottom:1px dotted #333333;
	}
	/*********************************************************************** FAQ */
	ul#faq_list,
	ul#faq_list ul	{
		list-style-type:none;
	}
	ul#faq_list li,
	ul#faq_list ul li {
		margin: 0 0 15px 0;
	}
	ul#faq_list ul {
		margin: 15px 0 0 2em;
	}
	#faq_list li strong{
		display:block;
		/* margin: 0 0 5px 0; */
		font-weight: bold;
		color:white;
	}
	body#faq .content_mid {padding-bottom: 6px;}
	
	/*********************************************************************** SPECS  */
	
	.indent {
		width: 515px;
		margin: 0 0 0 3em;
	}
	.constructions div {
		display:block;
		width: 50%;
		float:left;
	}
	.constructions div img {
		padding: 0 1em 0 0;
	}
	.chainstyles {
		background: #4a4a4a;
		border: 1px solid #cccccc;
		overflow:auto;
		padding:10px;
		width: 495px;
	}
	
	body#specs p span {
		color:white;
	}
	.indent p {
		width:475px;
	}
	.indent p + a img {
		margin: -1em 0 0em;
		display:block;
		
	}
	.indent p + a i {
		margin: 0em 4em 2em 0;
		display:block;
		font-size: .8em;
		text-align:right;
	}
	
	.indent a:hover{
			color: white;
	}
	
	/************************************************************* GALLERY  */
		.gallery_right,
	.gallery_left {
		background: url(../img/gallery_bg_right.gif) no-repeat;
		height: 218px;
		width: 568px;
		padding: 20px 0 0 15px;
	}
	.gallery_left {
		margin: -77px 0 -79px;
		background: url(../img/gallery_bg_left.gif) no-repeat;
		padding: 120px 15px 0 0px;
		text-align:right;
		overflow:visible;
	}
	 
	.gallery_right img,
	.gallery_left img {
		width: 225px; 
		height: 169px; 
		margin: 4px 19px;
	}
	
	.gallery_left img {
		margin: -95px 18px 0 19px;
		overflow:visible;
	}
	.gallery_right h3 ,
	.gallery_left h3 {
		font-size: 1.5em;
		letter-spacing: -1px;
		margin: 0;
		text-transform: uppercase;
	}
	.gallery_right a, .gallery_left a { position:relative; display:block; overflow:visible;}
	.gallery_right a span, .gallery_left a span {display:none;}
	.gallery_right a:hover span, .gallery_right a:active span{
		position:absolute;
		top: 50%;
		left: 50%;
		overflow:visible;
		margin: -18px 0 0 -45px;
		display:block;
		background:black;
		padding:4px;
		width: 91px;
		height: 43px;
		text-align:center;
		z-index:17;
		text-indent: -9999px;
		background: url(../img/viewbutton.png) no-repeat;
	}
	.gallery_left a:hover span, .gallery_left a:active span {
		position:absolute;
		top: 50%;
		left: 50%;
		margin: -64px 0 0 -45px;
		display:block;
		background:black;
		padding:4px;
		width: 91px;
		height: 43px;
		text-align:center;
		overflow:visible;
		z-index:17;
		text-indent: -9999px;
		background: url(../img/viewbutton.png) no-repeat;
	}
	.gallery_right a:hover img, .gallery_left a:hover img { 
		opacity: .5; 
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
	}
	
	.hiddengallery { display:none;}
	/********************************************************************* CONTACT   */
	
	.contact_right_col {
		float:right;
		width: 48%;
	}
	
	.contact_left_col {
		float:left;
		width:48%;
		border-right:1px white solid;
	}
	
	/** LEGACY CONTACT PAGE CSS 
	#contactinfo { position:relative; height: 195px;}
	#contactinfo ul {
		list-style-type:none;
	}
	#contactinfo ul li {
		margin: 0 0 3px;
	}
	#contactinfo ul ul li a{
		padding: 0 -0 0 25px;
		width:175px;
	}
	#contactinfo a {
		width:200px;
		display:block;
		
	}
	#contactinfo a.selected {
		background: white;
		color:black;
	}
	#contactinfo a.selected:before {
		content: "  > ";
	}
	
	#contactinfo div {
		display:block;
		position:absolute;
		height: 195px;
		border-left: 1px solid white;
		padding: 0 0 0 10px;
		left: 200px;
		top:0;
	}
	#contactinfo div a {display:inline;}
	#contactinfo div p em {
		font-style:normal;
		color:white;
	}
	span.regionalcontact {
		
		color:#D0C7AD;
	}
	**/
	/************************************************ SAMPLE REQUEST */
	
	body#samplerequest {
		background: url(../img/links_nosidebar_bg.png) -239px ;
	}
	
	body#samplerequest #top_bar_center {
	background: none;/* url(../img/top_bar_center.jpg) no-repeat 40px 0; */
		}
	body#samplerequest #centercol { 

	width: 583px; 
	left: 78px;

	z-index: 15;	
}
	
	/******************************** FORM */
	
	form .lefthalf, form .righthalf { width:47%;float:left;}
	form .righthalf {margin: 0 0 0 22px;}
	form input.text , form select.select, form textarea, input.submit{
		height: 16px;
		background: #787878;
		border: #ccc solid 1px;
		padding: 1px;
		line-height:12px;
		width: 100%;
		display:block;
		margin: 0 0 10px;
		
		background: url(../img/thin_form_bg.png) repeat-x;
		background-color:  #b9b9b9 ;
		vertical-align:middle;
	}
	form label {color:white;}
	form label.city {float: left;}
	form input.city {width: 90%; display:inline;}
	form input.zip {width: 50%;}
	form label.state {width: 25%;
	}
	form input.state { width: 42%; display:inline;  }
	form select.country {height:20px;}
	
	form textarea.textarea {
		width: 98%;
		height: 53px;
		background: url(../img/tall_form_bg.png) repeat-x;
	}
	form select.shipping {
		display:inline;
		width: 100px;
		height:20px;
	}
	form input.accnumber {
		display:inline;
		width: 100px;
	}
	input.submit {
		width: 85px;
		height:25px;
		text-transform:uppercase;
		font-weight:bold;
		background: url(../img/tall_form_bg.png) repeat-x;
		margin:0;
		padding: 0 0 5px;
	}
	input:hover {
		background-position: -10px -10px;
	
	}
	#sampleForm .error-message {
		
		border: 1px solid red;
	}
	
#bottom_gradient { 
	height: 50px; 
	width: 100%; 
	background: url(../img/bottom_gradient.png) repeat-x; 
	position: fixed; 

	bottom: 0px; 

	z-index:200;
	}