@import url(normalize.css);
@import url(color2.css);
@import url(typography2.css);
@import url(nav-global.css);
@import url(nav-left-menu.css);
@import url(lightbox.css);

/*---------------------------------------------------------------
This document contains layout styles including display properties, 
floats and positioning, widths and heights, and margins and padding.
--------------------------------------------------------------- */

html {text-align:center; }
body {width:960px; margin: 0 auto; text-align:left; position:relative}
.hide {display: none;}
.clrfloat {clear:both;}

/* GLOBAL NAVIGATION */

div#header{ background:url(/IMAGES/enduris-header-new.jpg) no-repeat bottom; width:960px; height:145px; }

div#logo { cursor:pointer; width:300px; height:150px; float:left; }

div#contact-nav { float:right; margin-top:8px; height:45px; }
div#phone { float:right; clear:right; margin-right:30px; height:50px;}
div#fence-studio {top: 121px; position:absolute; left:760px; }

div#nav_global {width:100%;}
/* For first tier styles, see 'nav-global.css' file */
div#tier2 {height: 20px; overflow: visible; min-height:20px; }
div#tier2 a {display: block; margin: 1px 24px 1px 5px; float:left; padding-top: 1px;}
a#latestad {margin-top:-1px; margin-left: 0px !important; height:18px; width:245px;}
a#latestad:link, a#latestad:visited {display:block; background-image:url(../images/ad-1.gif); background-repeat:no-repeat; background-position:top left;}
a#latestad:hover { background-image:url(../images/ad-2.gif); background-repeat:no-repeat; background-position:top left;}
a#fencestudio {padding-left:3px; padding-right:3px; vertical-align: middle; min-height: 17px; }

/* CONTENT*/
div#content { width:100%; margin: auto; min-height:500px;}

div#sub-menu {float:left; width:185px; min-height:245px; }

	#feature-download {margin-top:15px; padding:10px; float:left;}
		

div#page-content { width:750px; margin-left:200px;}

div.page-inner {margin:30px; }
div#useful-tools {float:right; width:210px; margin-left:20px; margin-top:20px;
}

	div#useful-tools .tool {padding-bottom:10px; background:url(/IMAGES/graphic-tool-back.jpg) no-repeat;
 margin-bottom:10px;  padding:10px; cursor:pointer;  }
	

.c_main { min-height:435px; vertical-align:top;}
.c_main :first-child {padding-top: 0px;}
.c_main h2 img {padding: 0px !important; margin: 0px !important;}

.c_main img.warranty {float:right; margin-left:20px; }

.c_sub div.pad {margin-left:12px;}
.gallery-holder {padding:10px; border:1px solid #747474; background:#EDEDED; width:390px;}
ul.gallery { margin: 10px 0 10px 0; }
ul.gallery li { display:inline; }
ul.gallery li a img { margin: 0; padding: 0 !important; border-style: solid; border-width: 1px; cursor: pointer; }

div#info-window { width: 383px;  border-top:5px solid #CFCFCF; border-bottom:2px solid  #CFCFCF;   color:#666; margin:10px 0 45px 0; min-height:170px; }
div#info-window ul { margin: 5px 10px 3px 0; padding-top: 3px; border-top-style: solid; border-top-width: 1px; list-style:none; width:160px; float:left; }

div#info-window ul li { margin-left: 6px; }



/* Homepage */
#banner {border:none; min-height:305px;}

#banner .hp-column {float:right; min-height:300px; margin-left:10px; width:170px; }
	#banner .hp-column img {margin-top:10px;}
	
	#banner .hp-column .button a { display:block;
							background:url(/IMAGES/btn-hp-sections.jpg) top left no-repeat;
							width:165px;
							height:35px;
							text-transform:uppercase;
							font-size:14px;
							padding:15px 0 0 15px;
	}
	
	#banner .hp-column .button a:hover { background-position:0 -54px; }
	#banner .hp-column h1 {padding:5px 0 0 0; color:#294536; }
	#banner .hp-column h1 a {padding:0; color:#294536; }
	#banner .hp-column p {font-size:13px; color:#808080; line-height:1.5em;}
	
	 #shadow {width:100%; background:url(/IMAGES/graphic-hp-shadow.jpg) repeat-x; height:30px; border:none; }


/* CONTENT (Page Specific) */
div.decking_inner {margin:15px 75px 40px 40px;}
img#decking_logo {position:absolute; right:0; top:39px; width:198px; height:69px;}
li#enter-fencing {float:left; width:263px; padding-right:5px;}
li#enter-decking {float:left; width:263px; padding-right:5px;}
li#enter-railing {float:left; width:264px;}
div#msg-about {position: absolute; top: 190px; left: 145px; width: 290px; padding: 8px; border-style: solid; border-width: 6px; }
div#content.faq dl {padding:20px 65px 20px 45px;}
div#content.faq dt {min-height: 20px; margin-top: 8px; padding-top: 6px; padding-left: 27px; }
div#content.faq dd {margin-bottom: 16px; padding-top: 8px; padding-left: 27px; }
ul#links_list1 { text-align: center; position: absolute; top: 25px; left: 50px; width: 300px; }
ul#links_list2 {position: absolute; top: 75px; left: 400px; width: 300px;}
ul#links_list1 li {margin-bottom:18px;}
ul#links_list2 li {margin-bottom:13px;}
div#content.locator form { position: absolute; top: 140px; left: 100px; width: 420px; text-align: center;}
div#content.locator_results {padding:65px 0 40px 0;}
div#contact_info { position: absolute; top: 70px; left: 120px; width:255px;}
div#contact_canduris { position: absolute; top: 70px; left: 400px; width:175px;}

div#cards { top:0; left:0; min-height: 235px; width:100%;}
div.card { min-height: 90px; }
div#cards img { float:left; margin-right:20px;}

div#sales-team, div#cust-support { width:290px; margin:0px 0 10px 8px;}
div#sales-team li, div#cust-support li { padding-right:2px;}

/* SITE INFO (FOOTER)*/
/*div#site_info { position:relative; width:100%; height:120px; clear: both; }*/
div#site_info {width:960px; margin: 50px 0; clear:both;}
ul#company_links li {display:inline;}
ul#company_links a { display:block; float:left; padding:0 4px; border-left-style: solid; border-left-width: 1px; }
ul#company_links li:first-child a { padding-left:0; border-left-width: 0; }

/* TABLE STYLES */
.tbl_style1 th {text-align: center; vertical-align: bottom; padding: 3px; }
.tbl_style1 td {padding: 4px; }
.tbl_style1 tr.divider1 {height: 13px; margin: 0; padding: 0; }

.tbl_downloads {margin-left:12px;}
.tbl_downloads td {padding:20px 8px 0px 8px;;}

/* ABSOLUTE CLEARING FIX (INMAN) */
.clear_children,.cc_tallest { position: relative; } /**/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/*!!!!!!!!!!! Menu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}

.qmmc {}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc div a {float:none;}.qmmc div {display:none;position:absolute;}