/* Basic styles */
*{margin:0;padding:0}
body{line-height:1}
img,fieldset{border:0}
img{vertical-align:bottom}
a,a:hover{cursor:pointer;text-decoration:none;outline:none}
ul{list-style:none}
option{padding:0 .5em 0 1px}
input{font-size:1em;padding:1px}
input[type=submit]{cursor:pointer;padding:0}
label{display:inline-block;}
table{border-collapse:separate;border-spacing:0}
th{vertical-align:top;text-align:left;font-weight:normal}
td{vertical-align:top}
p,li{line-height:103%}
address{font-style:normal}
.clear{clear:both}
.clearfix:after{content:"";display:block;clear:both}

/* Html,body,#body */
html{background:#898989 url(/images/html_bg.png) repeat-x;}
body,input,textarea,select{color:#545454;font-size:11px;font-family:arial,sans-serif;}
#body{width:944px;margin:0 auto;min-height:1135px;height:auto;position:relative;}
#body:after{content:"";display:block;clear:both}

/* CONTENT Styles */
.c p,.c table,.c form{margin:0 0 10px}
.c h1,.c h2,.c h3,.c h4{font-size:1.1em;}
.c p,.c li{line-height:18px;}
.c a, .clients font a {color:#000;text-decoration:underline;}
.c a:hover{color:#fff}
.c h1{color:#000;font-size:14px;margin:0;}
.c h2{color:#000;font-size:12px;margin:0 0 10px;}
.c h3{color:#000;font-size:14px;margin:0 0 5px;}
.c ul{margin:0.5em 0 1em 0;list-style:disc}
.c ul li{margin:0 0 0 1.5em}
.c ul li li{margin:0 0 0 1.5em;padding:0;background:none;list-style:disc}
.c ol{list-style:decimal;margin:0.5em 0 1em 0}
.c ol li{margin:0 0 0 2em}
.c dl{margin:0.5em 0 1em 0}
.c dl dt{margin:0 0 .2em;font-weight:bold}
.c dl dd{margin:0 0 1em 3em}
.c blockquote{margin:1em;}
.c hr{height:1px;margin:2em 0;border:0;border-top:1px dashed #666}
.c img.right{float:right;margin:0 0 1em 2em}
.c img.left{float:left;margin:0 2em 1em 0}

.body-contact_about_us{background:url(/images/body_bg_contact_about_us.jpg) no-repeat;}
.body-architectural_metalwork{background:url(/images/body_bg-architectural_metalwork.jpg) no-repeat;}
.body-custom_sliding_doors{background:url(/images/body_bg-custom_sliding_doors.jpg) no-repeat;}
.body-furniture_displays{background:url(/images/body_bg-furniture_displays.jpg) no-repeat;}
.clients{float:left;width:44%;padding: 15px;overflow: auto; height:390px;}

#left{width:132px;float:left;}
#logo{margin:27px 0 0 27px;display:block;}
#logo img{margin:0;}

#nav{margin:0 0 0 27px;}
#nav a{display:block;width:105px;}
#nav a:hover img{visibility:hidden;}
#nav li.active img{visibility:hidden;}
#nav-about_us {height:31px;background:url(/images/nav-about_us-h.png);}
#nav-about_us img {height:31px;}
#nav-clients {height:30px;background:url(/images/nav-clients-h.png);}
#nav-clients img {height:30px;}
#nav-architectural_metalwork {height:93px;background:url(/images/nav-architectural_metalwork-h.png);}
#nav-architectural_metalwork img {height:93px;}
#nav-contact {height:31px;background:url(/images/nav-contact-h.png);}
#nav-contact img {height:31px;}
#nav-blog {height:31px;background:url(/images/nav-blog-h.png);}
#nav-blog img {height:31px;}
#nav-custom_sliding_doors {height:93px;background:url(/images/nav-custom_sliding_doors-h.png);}
#nav-custom_sliding_doors img {height:93px;}
#nav-furniture_displays {height:93px;background:url(/images/nav-furniture_displays-h.png);}
#nav-furniture_displays img {height:93px;}

#content{width:775px;height:1000px;float:left;background:url(/images/page_mask_bg.png) no-repeat; padding-top:27px;}
#content h1{height:93px;}

#content-2{padding:44px 36px;width:570px;}
#content-2 h1{margin:0 0 -10px 0;height:35px;}
#content-clients{padding: 20px 36px;}
#content-text{padding:10px 36px 0;width:570px;}

#nav2{overflow:hidden;list-style:none;margin:0;}
#nav2 li{float:left;margin:0;}
#nav2 img{display:block;}
#nav2 a{display:block;}

#contact-data{float:left;width:325px;border-right:1px solid #fff;}
#contact-request{float:left;width:205px;padding:0 0 0 22px;}

#btn-architectural_metalwork {width:164px;height:21px;display:block;background:url(/images/btn-architectural_metalwork-h.png);}
#btn-architectural_metalwork:hover img{visibility:hidden;}
#btn-custom_sliding_doors {width:147px;height:22px;display:block;background:url(/images/btn-custom_sliding_doors-h.png);}
#btn-custom_sliding_doors:hover img{visibility:hidden;}
#btn-furniture_displays {width:129px;height:21px;display:block;background:url(/images/btn-furniture_displays-h.png);}
#btn-furniture_displays:hover img{visibility:hidden;}
#btn-view_projects{width:110px;height:24px;display:block;background:url(/images/btn-view_projects-h.png);}
#btn-view_projects:hover img{visibility:hidden;}
#btn-back_to_contact {width:109px;height:22px;display:block;background:url(/images/btn-back_to_contact-h.png);position:absolute;top:74px;left:724px;}
#btn-back_to_contact:hover img{visibility:hidden;}

#project-info{padding:36px;width:570px;}
#project-info h1{margin:0 0 10px;height:auto;font-size:21px;color:#545454;font-weight:normal;}
#project-info p{line-height:18px;margin:1em 0;}
#project-info span{font-weight: bold; text-decoration: underline;cursor:pointer;}

#h1-architectural_metalwork img, #h1-custom_sliding_doors img, #h1-furniture_displays img {height: 93px}

#projects{position:absolute;top:120px;left:748px;padding:15px 0 0 10px;width:148px;background:url(/images/projects_column_mask_bg.png) no-repeat;height:680px;}
#projects h2{padding-left: 8px;}
#projects div {padding: 10px 0px 5px 8px;text-decoration: underline;font-weight: bold;}
#projects ul{margin:0 0 15px}
#projects li{color:#545454;	font-size:10px;	padding: 4px 0px;}
#projects li a{display:block;color:#545454;padding:0 0 0 8px;}
#projects li a:hover, #projects li.active{color:#000;background:url(/images/ico-li_dot.png) left center no-repeat}

/* form styles */
.c .rf{margin:0 0 10px;overflow:hidden;}
.c label{color:#545454;font-size:11px;}
.c input,.c textarea{color:#545454;font-size:11px;background:#fff;border:0;padding:2px;}
.c input[type=submit]{font-weight:bold;}
.c .rf label{float:left;line-height:18px;}
.c .rf input{float:right;margin:0 0 0 10px;}
.c .rfrc{margin:0 0 20px;overflow:hidden;}
.c .rfrc p{color:#545454;font-size:11px;float:left;line-height:18px;width:120px;margin:0 1em 0 0;}
.c .rfrc label{margin:0 1em 0 0;}
.c .rfrc div{margin:1em 0 0;}
.c .rfrc input{background:transparent;}
.c .rf2{margin:0 0 30px;}
.c .rf2 label{display:block;padding:0 0 .5em;}
#btn-submit{width:65px;height:22px;background:url(/images/btn-submit.png) no-repeat;overflow:hidden;outline:none;font-size:0;color:#a6bc37;padding:22px 0 0;}
#btn-submit:hover{background:url(/images/btn-submit-h.png) no-repeat;color:#fff;}

#contact_info{float:left;width:250px;margin:0 70px 0 0;}
#project_description{float:left;width:250px;margin:0 0 0;}

#sliding_doors_items{overflow:hidden;}
#sliding_doors_items li{float:left;width:140px;height:120px;margin:30px 0 0;}
#sliding_doors_items li img{margin:0 0 5px 10px;}
#sliding_doors_items li a{display:block;}
#sliding_doors_items li a p{color:#9e9e9e;padding:0 0 0 10px;background:url(/images/ico-arrow.png) no-repeat left center;}
#sliding_doors_items li a:hover p{color:#6e6e6e;background:url(/images/ico-arrow-h.png) no-repeat left center;}

#project_pdf {float:right;height:80px;width:80px;text-align: center;}
#project_pdf div {padding-top: 3px;}

/* pdf tooltip */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFF;
	padding: 8px 8px 4px;
	background: url(/images/bg-tooltip.png) top left;
	text-align:center;
}
 
.tool-text {
	text-align:center;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/bg-tooltip.png) bottom right;
}

.pdf_tips img {
	width: 36px;
	height: 72px;
}

/* fValidator*/
.fValidator-msg {
	float: right;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 3px;
	text-align: center;
	width: 173px;
}

#feed_wrapper { width: 415px; height: 186px; position:absolute; top:120px; right:37px; background-color:#4e4e4e;}
#feed_content {width: 415px; position:absolute; top:120px; right:37px; color: #FFF;}
#feed_content div { margin: 25px 0 25px 25px; padding-right: 23px;}
#feed_content .left-column {width:200px; border-right: solid 2px #a2a3a2; line-height: 13px; font-size: 10px;}
#feed_content .right-column {width: 115px; float: right; margin-left:0;}
#feed_content h3 {color:#FFF;font-size:14px;font-weight:normal;}
#feed_content a {color:#FFF; font-size:10px;}
#feed_content span.pub-date {display:block; padding:10px 0 5px 0; font-size:10px;}

#header-text {width: 553px; height: 93px; position: relative;}
#header-text #image {float: left;}
#header-text .text {font-weight: normal !important; font-size: 28px; color: white; padding-top: 47px; text-shadow: 1px 1px 1px #999; position: absolute; left: 47px;}