/*
Theme Name: Intex Millwork
Author: Marshall Oram
Author URI: http://www.millerdesignworks.com
*/



/* Begin Typography & Colors */
/* base tag styles */
body{
	background:#e3dad6;
	margin:0;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border:0;}

/*wp image styles*/
div.wp-caption{background:#eee;padding:5px 0 5px 10px;border:1px solid #ddd;margin-left:45px !important;}
div.wp-caption img{margin:0 0 15px 0!important;padding:0px !important;}
div.wp-caption p{width:100%!important;padding:0!important;margin:0!important;}
p.wp-caption-text{font-size:11px;text-align:center;padding:15px;line-height:1.25em;color:#0055a5;}
img.aligncenter{float:none !important;margin:5px auto !important;}
.alignleft{float:left !important;clear:left;margin:0 15px 25px 45px; !important;}
.alignright{float:right !important;clear:right;margin:0 0 25px 15px !important;}
.alignnone{float:none !important;clear:both;padding:0 !important;margin:0 !important;}

.alignleft img, .alignright img{margin:0 auto !important;}

div.gallery{background:#eee;padding:5px 0 5px 10px;border:1px solid #ddd;margin-left:45px !important;}
div.gallery img{margin:0 !important;}

/* -- END -- wp image styles*/

#wrapper{
	width:796px;
	padding:0 0 0 14px;
	overflow:hidden;
	position:relative;
	margin:8px auto 0;
}
.header-holder{
	top:0;
	left:14px;
	position:absolute;
}
#header{
	width:717px;
	height:77px;
	padding:8px 47px 0 32px;
	background:url(images/bg-header.png) no-repeat;
}
.logo{
	background: url(images/logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
}
.logo a{
	width:218px;
	height:58px;
	display: block;
	position:relative;
}
.top-menu{float:right;}
.nav,
.topnav{
	margin:2px 0 3px -7px;
	padding:0 0 6px;
	list-style:none;
	position:relative;
	line-height:12px;
	letter-spacing:-1px;
}
.topnav{ margin:0;}
.nav li{
	display:inline;
	text-transform:uppercase;
	font-size:10px;
	padding:0 0 0 14px;
	margin:0 7px 0 -1px;
	background:url(images/separator1.gif) no-repeat 0 5px;
}
.nav li a{ color:#fff;}
ul.topnav li{
	/*display:inline;*/
	float:left;
	text-transform:uppercase;
	font-size:11px;
	padding:0 7px 7px 7px;
	margin:0 3px 0 -1px;
	background:url(images/separator2.gif) no-repeat 0 5px;
	position:relative;
}

ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 0;  
    /*background: #333;  */
    margin: 0; padding: 0;
		margin-top: 16px; /*-- important to keep subnavs from closing when the parent li is blur--*/
    display: none;  
    float: left;  
    width: 168px;  
    /*border: 1px solid #111;*/
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #fcbc28; /*--Create bevel effect--*/  
    border-right: 1px solid #675c41;
		border-bottom: 1px solid #675c41; /*--Create bevel effect--*/  
		border-left: 3px solid #675c41;
    clear: both;  
    width: 168px;  
} 
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 148px;  
    /*background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  */
		background:#fcbc28;
    padding-left: 20px;  
		padding-top:5px;
		padding-bottom:5px;
		color:#675c41;
}

ul.topnav li ul.subnav li:hover{  
		border-left: 2px solid #675c41; /*-- add indent for rollover --*/
}
ul.topnav li ul.subnav li:hover a:hover{  
		width:149px; /*-- add indent for rollover --*/
		border-right:1px solid #675c41;
		text-decoration:none;
		color:#000;
}


.holder1{
	margin:88px 0 0;
	width:796px;
	overflow:hidden;
	background:url(images/bg-holder1.png) repeat-y;
}
.holder2{
	padding:0 14px 0 0;
	width:782px;
	overflow:hidden;
	background:url(images/bg-holder2.gif) no-repeat 100% 0;
}
#main{
	padding:0;
	width:782px;
	overflow:hidden;
	border-top:1px solid #000;
}
.list-visual{
	margin:0 0 25px;
	overflow:hidden;
	width:782px;
	padding:0;
	list-style:none;
	border-bottom:1px solid #000;
}
.list-visual li{
	float:left;
	border-left:1px solid #000;
	position:relative;
}
.list-visual li a{
	display:block;
	width:194px;
	height:193px;
	text-indent:-9999px;
	outline:none;
}
.list-visual li#custom-millwork a{ width:195px;}
.list-visual li#pergolas a{background:url(images/bg-pergolas.jpg) no-repeat;}
.list-visual li#railing-systems a{background:url(images/bg-rail.jpg) no-repeat;}
.list-visual li#column-wraps-newels a{background:url(images/bg-newels.jpg) no-repeat;}
.list-visual li#custom-millwork a{background:url(images/bg-custom.jpg) no-repeat;}
.list-visual li#pergolas a:hover,
.list-visual li#railing-systems a:hover,
.list-visual li#column-wraps-newels a:hover,
.list-visual li#custom-millwork a:hover,
.list-visual li#pergolas.active a,
.list-visual li#railing-systems.active a,
.list-visual li#column-wraps-newels.active a,
.list-visual li#custom-millwork.active a{ background-position:0 -193px;}
.content{
	width:772px;
	overflow:hidden;
	padding:0 9px 7px 1px;
	background:url(images/bg-content.gif) repeat-y 570px 0;
}
.box-data{
	float:left;
	width:507px;
	padding:0 0 0 27px;
}
.box-data h1{
	font-size:21px;
	line-height:24px;
	margin:0 170px 16px 0;
	color:#4a3e3f;
}
.box-text{
	margin:0 0 -10px -27px;
	width:335px;
	overflow:hidden;
	padding:32px 0 0 197px;
	background:url(images/bg-data.jpg) no-repeat;
}
.box-text h2{
	color:#000;
	font-size:13px;
	margin:0 0 15px;
}

.box-text p{
	line-height:16px;
	margin:0 0 13px;
}

.box-text p a{color:#fcbc27;text-decoration:none;}
.box-text p a:hover{color: #A36209;text-decoration:underline;}


.grow{width:392px;float:left;}
.lcol{width:140px;height:140px;float:left;margin-right:10px;}
.rcol{width:222px;float:left;}

.sidebar{
	float:right;
	width:196px;
}
.box-news{
	padding:0 0 0 8px;
	margin:0 0 15px;
}
.box-news .box-intro{
	width:181px;
	margin:0 0 12px;
	border:1px solid #dddfda;
	padding:0 0 3px 6px;
}
.box-intro .box-heading{
	width:161px;
	margin:-1px 0 16px -7px;
	background:url(images/bg-heading.gif) no-repeat;
	padding:8px 10px 6px 17px;
	position:relative;
}
.title-news{
	text-indent:-9999px;
	margin:0;
	width:137px;
	height:7px;
	overflow:hidden;
	background:url(images/text-news.gif) no-repeat;
}
.list-news{
	margin:0;
	padding:0;
	list-style:none;
}
.list-news li{
	padding:0 10px 14px 20px;
	font-size:11px;
	line-height:13px;
	background:url(images/bullet.gif) no-repeat;
}
.list-news li a{ color:#70648b;}
.btn-sign-up{
	display:block;
	margin:0 0 0 -2px;
	width:189px;
	height:28px;
	text-indent:-9999px;
	outline:none;
	background:url(images/btn-sign.gif) no-repeat;
}
.box-info .box-image{
	width:51px;
	height:61px;
	padding:3px 0 0 0px;
	float:left;
	/*background:url(images/bg-border.gif) no-repeat;*/
}
.box-image img{display:block;}
.box-info h3{
	font-size:12px !important;
	line-height:13px !important;
	color:#000;
	margin:0;
	float:left;
}
.pdf a{width:90px;padding:15px 0 0 53px;margin-bottom:10px;height:45px;background:url(images/brochure.gif) no-repeat 0 100%;display:block;}
.line a{border:solid 1px #ddd;}

#footer{
	width:776px;
	background:url(images/bg-footer.png) no-repeat;
	padding:4px 10px 20px;
	overflow:hidden;
}
.about{
	margin:0 0 20px;
	padding:0;
	list-style:none;
	text-align:center;
	line-height:11px;
	position:relative;
}
.footer-nav{
	text-align:left;
	padding:0;
	margin:0 0 0 168px;
	position:relative;
	overflow:hidden;
	list-style:none;
	height:1%;
}
.about li{
	display:inline;
	font-size:10px;
	color:#70648b;
	margin:0 16px 0 0;
	line-height:12px;
}
.about li a{color:#fcbc28;}
.footer-nav li{
	float:left;
	text-transform:uppercase;
	font-size:9px;
	line-height:12px;
	padding:0 0 0 7px;
	margin:0 6px 0 -1px;
	background:url(images/separator3.gif) no-repeat 0 70%;
}
.footer-nav li a{color:#70648b;}
/* inner page */
.inner{
	width:747px;
	padding:0 20px 44px 15px;
	background-position:583px 0;
}
.twocolumns{
	float:right;
	width:567px;
	overflow:hidden;
}
.aside1{
	float:left;
	width:390px;
}
.box-visual{
	overflow:hidden;
	margin:0 0 38px;
	border:1px solid #000;
	border-width:0 1px 1px;
	position:relative;
}
.box-visual img{display:block;}
.inner .box-text{
	margin:0;
	width:362px; /*-- changed from 322px when there was 40px left pad --*/
	padding:0 28px 0 0px; /*-- changed from 40px left pad --*/
	background:none;
}
.inner .box-text h1{
	color:#000;
	font-size:13px;
	margin:0 0 10px;
	padding-top:7px;
}
.inner .box-text h2{
	color:#000;
	font-size:13px;
	margin:0 0 8px;
	padding-top:7px;
}
.inner .box-text h3{
	color:#000;
	font-size:12px;
	margin:0 0 6px;
	padding-top:7px;
}
.inner .box-text p{
	line-height:18px;
	margin:0 0 10px;
}
.aside2{
	float:right;
	width:150px;
	padding:38px 0 0;
}

.aside2 h1{font-size:11px;text-transform:uppercase;}

.item-list{
	margin:0 0 37px;
	padding:0 25px 0 10px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.item-list li{
	margin:0 0 31px;
	float:left;
	width:110px;
	text-transform:uppercase;
	font:bold 9px/14px Verdana, Arial, Helvetica, sans-serif;
}
.item-list li a{ 
	padding:14px 0 0 31px;
	float:left;
	position:relative;
}
.item-list li.pricing a{padding:0 0 0 31px;}
/*.item-list li.pricing-qq a{padding:0 0 0 31px;}*/
.item-list li.study a{background:url(images/icon1.gif) no-repeat 0 100%;}
.item-list li.gallery a{background:url(images/icon2.gif) no-repeat 0 100%;}
.item-list li.pricing a{background:url(images/icon3.gif) no-repeat 5px 100%;}
.item-list li.email a{background:url(images/icon-mail.gif) no-repeat 0 75%;}
.item-list li.pricing-qq a{background:url(images/qq_icon.gif) no-repeat 2px 100%;}

.tree-list{list-style:none;padding:0;margin:0 15px 0 10px;}
.tree-list li{list-style:none;font-size:12px;margin:0 0 0 0;padding:5px 0;font-weight:bold;}
.tree-list li ul.pdf-list{padding-top:7px;}
.tree-list li ul.pdf-list li{font-weight:normal;}

ul.pdf-list{clear:left;}
.pdf-list{margin:0 0 37px;padding:0 25px 0 10px;list-style:none;overflow:hidden;height:1%;}
.pdf-list li{margin:0 0 5px;float:left;width:140px;text-transform:uppercase;font:bold 9px/14px Verdana, Arial, Helvetica, sans-serif;}
.wide li{width:370px;}
.pdf-list li a:link, .pdf-list li a:visited{padding:4px 0 2px 31px;float:left;position:relative;background:url(images/pdf_icon.gif) no-repeat 0 5px;font-weight:normal;min-height:25px;}
.pdf-list li a:hover, .pdf-list li a:active{}
.wide li a:link, .wide li a:visited{background-position:0 100%;}


.inner .box-info h3{
	font-size:10px;
	color:#70648b;
	margin:0 0 0 5px;
	line-height:12px;
}

.inner .box-image{ margin:0 0 8px;}
.inner .box-info h3 a{color:#70648b;}
.inner .sidebar{
	float:left;
	width:180px;
	overflow:hidden;
	padding:43px 0 0;
}
.pdf h3{margin-left:0 !important;}
.inner .box-heading{
	margin:0 0 20px;
	background:url(images/bg-heading.gif) no-repeat;
	padding:4px 10px 3px 17px;
	border-bottom:1px solid #888787;
}
.inner .box-heading h2{
	color:#000;
	margin:0;
	font-size:11px;
}

/*-- sidebar sub-nav styles--*/
.box-nav{
	overflow:hidden;
	height:1%;
}
.box-nav ul{
	margin:0;
	padding:0 0 0 17px;
	list-style:none;
}
.box-nav ul li{
	padding:0 0 7px 17px;
	background:url(images/bullet2.gif) no-repeat;
	font-size:10px;
	word-spacing:-1px;
	vertical-align:middle;
	height:1%;
	position:relative;
}
.box-nav ul li a:hover,
.box-nav ul li.active a{
	text-decoration:none;
	color:#fcbc28;
}

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

.linklove{display:none;}
#cformsform{width:372px !important;}
.reqtxt, .emailreqtxt{font-size:9px !important;}