@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}



body {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	background-color: #707070;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-position: left;
}

p{
	padding: 5px;
}

h1 {
	font-size: 120%;
	font-weight: bold;
	color: #234C93;
}

h2 {
	font-size: 140%;
	font-weight: bold;
	color: #234C93;
	padding: 5px 0 5px 0;
}

a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



a:link, a:visited{

	color: #244c94;

}



#container {

	width: 990px;

	background-color: #e9e9d8;

	padding: 10px;

}



#menu {

	background-image: url(images/menu_bg.gif);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #234C93;

	height: 40px;

	width: 990px;

	margin-top: 7px;

	margin-bottom: 7px;

	text-align: center;

}



#menu ul {

	padding: 0px;

	margin: 0px;

}



#menu  li {

	display: inline;

	padding: 0px;

	list-style-type: none;

	margin: 0px;

}



#menu  a {

	color: #FFFFFF;

	text-decoration: none;

	float: left;

	font-weight: bold;

	font-size: 14px;

	line-height: 2.8em;

}



#menu a:hover, a#menu_about_active, a#menu_services_active, a#menu_finishes_active, a#menu_contact_active, a#menu_handrails_active, a#menu_doors_active, a#menu_cab_active {

	color: #F19827;

	background-color: #2756A5;

}



.border_rt {

	background-image: url(images/menu_vert.gif);

	background-repeat: no-repeat;

	background-position: right center;

}



#menu_about, #menu_about_active {

	width: 129px;

}



#menu_services, #menu_services_active {

	width: 129px;
}



#menu_finishes, #menu_finishes_active {
	width: 129px;
}



#menu_contact, #menu_contact_active {
	width: 129px;
}



#menu_handrails, #menu_handrails_active {

	width: 129px;

}



#menu_doors, #menu_doors_active {

	width: 180px;

}



#menu_cab, #menu_cab_active {

	width: 149px;

}



/*Featured Page styles*/



#featuredBox{

	margin: 0 auto;

	text-align: center;

}



#featuredInfo{

	text-align: left;

	margin: 0 auto;

	width: 618px;

	padding: 0 0 20px 0;

}



#featuredInfo h4{

	padding: 5px 0 0 0;

	margin: 0;

}



#featuredInfo .credit{
	font-size: 80%;
	color:#999;

}



/*Contact Form Styles*/



.notification_error{
	border: 1px solid #A25965;
	height: auto;
	width: 90%;
	padding: 4px;
	background: #F8F0F1;
	text-align: left;
	-moz-border-radius: 5px;
}



.notification_ok{

border: 1px #567397 solid;

height: auto;

width: 90%;

padding: 8px;

background: #f5f9fd;

text-align: center;

-moz-border-radius: 5px;

}



.info_fieldset {border: none;}



.button{
	border: 1px solid #999999; 
	border-top-color: #CCCCCC; 
	border-left-color: #CCCCCC; 
	background: white;
	color: #333333; 
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
}



/* Label */

label  { width: 140px; padding-left: 5px; margin: 2px; float: left; text-align: left; }



/* Input, Textarea */

input, textarea

{

margin: 2px;

padding-left: 5px; 

float: left;



border: 1px solid #999999; 

border-top-color: #CCCCCC; 

border-left-color: #CCCCCC; 



color: #333333; 



font: 11px Verdana, Helvetica, Arial, sans-serif;



-moz-border-radius: 3px;

}



#flashbox1 {

	border: 1px solid #777d7e;

	width:990px;

}

#flashbox2 {

	margin: 0px;

}



#content {

	text-align: left;

	margin-top: 5px;

	margin-bottom: 5px;

	line-height: 1.8em;

}

#rt_col {

	float: right;

	width: 245px;

	line-height: 1.4em;

}

#left_col {

	float: left;

	width: 347px;

	text-align: right;

}

#left_col a {

	font-weight: bold;

	color: #F19827;

	text-decoration: none;

}

#left_col a:hover .addline {

	text-decoration: underline;

}





#mid_col {

	margin-left: 365px;

	width: 360px;

}

.sidebar_ttl {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #777d7e;

	font-size: 120%;

	font-weight: bold;

	color: #234C93;

	padding: 3px 0 5px 0;

}

#rt_col a {

	color: #F19827;

	text-decoration: none;

}

#rt_col a:hover {

	text-decoration: underline;

}

.clearboth {

	clear: both;

	height: 1px;

}



/*Metal navigation styles*/



#metalNav {

	position: absolute;

	background-image: url(images/subnav_bg.gif);

	background-repeat: no-repeat;

	background-position: top left;

	width: 382px;

	margin: -15px 0 4px 10px;

	padding: 0;

	font-size: 90%;

}



#metalNav li{

	float: left;

	list-style-type: none;

	margin: 14px 0 8px 20px;

	padding: 0;

}





#metalNav li .active{

	color: #F19827;

	font-weight: bold;

}



#metalNav  a {

	text-decoration: none;

}



#metalNav  a:hover {

	text-decoration: underline;

}



/*Sub navigation styles*/

#nav_sub #active a, #nav_sub_services #active a{

	color: #F19827;

}



#nav_sub, #nav_sub_services {

	padding: 2px;

	width: 520px;

	border: 1px solid #ccc;

	background-color: #f4f4f4;

	float: left;

}



#nav_sub_services {

	width: 570px;

	padding: 8px;

}



#nav_sub a:link, #nav_sub a:visited, #nav_sub_services a:link, #nav_sub_services a:visited{

	color: #244c94;

	text-decoration: none;

}



#nav_sub_services a:link, #nav_sub_services a:visited{

	margin: 0 0 0 5px;

}



#nav_sub a:hover, #nav_sub_services a:hover{

	text-decoration: underline;

}



#nav_sub ul, #nav_sub_services ul{

	margin: 0 0 15px 5px;

	padding: 0;

}



#nav_sub li, #nav_sub_services li{

	list-style-type: none;

	float: left;

	margin: 0 10px 0 0;

}



/*Subpage styles */

#subpage_left_col {

	float: left;

	width: 580px;

	text-align: left;

	padding: 20px 0 0 0;

}



#subpage_left_col li{

	margin: 0 0 10px 30px;

}



#subpage_rt_col {

	float: right;

	width: 280px;

	padding-right: 5px;

}



#subpage, #subpage_metal{

	margin: 15px 0 0 0;

	padding: 15px 0 0 0;

	width: 970px;

}



#subpage p, #subpage h1, #subpage h2, #subpage h3, #subpage h4{

	padding: 20px 0 0 5px;

}



#subpage_rt_col_contact{

	width: 420px;

	float: right;

	padding-right: 5px;

}



#subpage_left_col_contact{

	float: left;

	width: 500px;

	text-align: left;

	padding: 20px 0 0 0;

}



#subpage_rt_col_services, #subpage_rt_col_finishes{

	float: right;

	width: 355px;

	text-align: left;

	padding: 0;

}

#subpage_featured {

	margin: 0px;

	width: 970px;

	padding-top: 10px;

	padding-left: 5px;

}


/*Environment Styles */

.environmentNav{
	float: left;
	width: 210px;
	background-color: #f4f4f4;
	padding: 2px;
}

.environmentNav a:link, .environmentNav a:visited{
	display: block;
	margin: 5px 0 0 0;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #d5d5d5;
}

.environmentNav a:hover, .environmentNav a.current  {
	color: #F90;
	background-image: url(images/nav_environment_active.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #f4f4f4;
}

.environmentContent{
	float: left;
	margin: 0 0 0 20px;
}

.environmentContent h2{
	font-size: 14px;
}

.environmentContent h3{
	font-size: 13px;
	padding: 10px 0 0 5px;
}

#categoryLinks h2{
	margin: 10px 10px 10px 0;
	border-bottom: 1px solid #ccc;
}

#categoryLinks{
	margin: 10px 10px 10px 0;
	padding: 5px 10px 10px 10px;
}

.pdfLink{
	background-image: url(images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	display: block;
}

.pdfLink:hover{
	color #333;
}

/*Finishes styles*/



#header_subpage_finishes{

	margin: 0;

	padding: 0;

}



.finish_viewer{

	margin: 0;

	padding: 0;

}



.finish_viewer li{

	list-style-type: none;

	float: left;

	margin: 0 10px 0 0;

}



#preview{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	display:none;

	color:#fff;

}



/* Stone Page Styles */



#stoneNav{

	padding: 2px;

	width: 415px;

	border: 1px solid #ccc;

	background-color: #f4f4f4;

	text-align: right;

}



#stoneNav a:link, #stoneNav a:visited{

	color: #244c94;

	text-decoration: none;

	margin: 0 5px 0 0;

}



#stoneNav .viewMore{

	float: right;

}



#stoneNav .viewLess{

	float: left;

}



#footer {

	background-image: url(images/footer_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #234C93;

	height: 20px;

	padding-top: 8px;

	color: #FFFFFF;

	font-size: 80%;

	text-align: left;

	padding-right: 5px;

	padding-left: 5px;

	margin-bottom: 10px;

}

#credit {

	float: right;

	color: #6F85B3;

}

#credit a {

	color: #6F85B3;

	text-decoration: none;

}

#credit a:hover {

	text-decoration: underline;

}

input {

	margin-bottom: 8px;

}

#submit {

	margin-top: 8px;

}



/*Surrounds Styles */



.surrounds_viewer{
	margin: 0;
	padding: 0;
}



.surrounds_viewer li{
	list-style-type: none;
	float: left;
	margin: 0 0 10px 65px;
}



.surrounds_viewer span, .surrounds_viewer a{
	display: block;
}



.surrounds_viewer span{
	text-align: center;
	background-color: #f4f4f4;
	border: 1px solid #d5d5d5;
	border-bottom: none;
}





.caption{

	color:#333333;

	width:400px;

	padding: 0 0 0 5px;

	margin: 0;

	float: left;

}



.demo{

	margin-top: 10px;

}

.gallery_demo{

	width:450px;

	float:left;

}

.gallery_demo li{

	float:left;

	width:98px;

	height:70px;

	border:3px double #eee;

	margin: 0 2px 2px 0;

	background:#eee;

}

.gallery_demo li.hover{

	border-color:#bbb;

}

.gallery_demo li.active{

	border-color:#333;

}

.gallery_demo li div{

	left:240px;

}

.gallery_demo li div .caption{

	font:italic 0.7em/1.4 georgia,serif;

}

	

.galleria_container{

	margin:0;

	padding: 0;

	height:400px;

	width:515px;

	float:right;

	background-image: url(images/finish_viewer_bg.jpg);

	background-repeat: no-repeat;

	background-position: bottom right;

}

#doors .galleria_container{
	height:500px;
	width:272px;
	background-image: url(images/doors_viewer_bg.jpg);
	margin: 0 20px 30px 0;
}

#doors .gallery_demo li{
	float:left;
	width:120px;
	height:120px;
	border:3px double #eee;
	margin: 0 5px 5px 0;
	background:#eee;
}

#doors .gallery_demo li:hover{
	border:3px double #333;
}

#doors .gallery_demo{
	width:680px;
	float:left;
}


#doors .caption{
	color: #333333;
}

#doors .galleria_container img{
	margin: 0;
}



#frames .galleria_container{

	height:350px;

	width:500px;

	background-image: url(images/frame_viewer_bg.jpg);

	margin: 0 0 30px 0;

}



#frames .caption{

	color: #333333;

}



#frames .gallery_demo li{

	float:left;

	width:100px;

	height:67px;

	border:3px double #eee;

	margin: 0 5px 1px 0;

	background:#eee;

}



#frames .gallery_demo li.hover, #frames .gallery_demo li.active{

	border-color:#333;

}



#handrails .galleria_container{

	height:350px;

	width:430px;

	background-image: url(images/handrail_viewer_bg.jpg);

	margin: 0 0 30px 0;

}



#handrails .gallery_demo li{

	float:left;

	width: 122px;

	height: 100px;

	border:3px double #eee;

	margin: 0 2px 2px 0;

	background-color: #E9E9D8;

}



#handrails .gallery_demo li.hover{

	border-color:#bbb;

}



#handrails .gallery_demo li.active{

	border-style:double;

	border-color:#222;

}



#handrails .caption{

	color: #333333;

}



.info{

	text-align:left;

	margin:30px 0;

	border-top:1px dotted #221;

	padding-top:30px;

	clear:both;

}



.info p{

	margin-top:1.6em;

}

.heather{

	font-size:90%;

	text-align: right;

	margin: 0;

	width: 775px;

	padding: 0 0 5px 0;

}