html, body{
background:#E9E6DE url(images/bg1.jpg) repeat-x top left;
}
/******************common elements ************************/
a{
color:#9BB400;
text-decoration:none;
}
a:hover{
color:#ED5200;
}
a:focus, a:active{
outline: none;
}
td{
border:none;
}
h1{
font-size:140%;
font-family:Georgia;
font-style:italic;
font-weight:bold;
color:#686868;
}

h2{
font-size:120%;
font-family:Georgia;
font-style:italic;
font-weight:bold;
color:#686868;
}
hr{
border:0;
border-bottom:1px solid #D1D1DD;
}
/***************Layout ********************************/
#hd{
}
#bd{
padding-top:30px;
}
#ft{
padding-top:10px;
}
.box{
margin:0 auto 20px auto;
width:auto;
padding:10px 10px;
}
.box h1{
color:#ED5200;
}
.box blockquote{
margin:15px 0px;
font-size:125%;
font-family:Georgia;
font-style:italic;
font-weight:normal;
color:#B7D501;
line-height:1.3em;
}
.box em{
font-style:italic;
}
.box ul{
padding-left:20px;
}
.sectionContent{
width:804px;
margin: 0 auto;
}

table.twocol td.left{
width:50%;
}
table.twocol td.right{
padding-left:10px;
}
/****************Footer *******************************/

.footer{
clear:both;
text-align:center;
text-transform:uppercase;
font-size:100%;
font-family:Trebuchet MS, "Geneva";
color:#ACACAC;
}
.footer img{
vertical-align:middle;
padding:0 0px 3px 0px;
display:inline;
}
.footer em, .footer a{
color:#9BB400;
text-decoration:none;
}


/*****************Splash Page**************************/
table.splashTable{
width:666px;
position:relative;
margin:0 auto 20px auto;
}
.splashHolder{

}
.splash{
width:666px;
height:517px !important;
margin:0;
padding:0;
overflow:hidden;
}
.splash img{
height:474px;
width:638px;
padding:15px 15px 27px 15px;
background-image:url(images/frameSplashImg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
display:inline !important;
}



/*******************CAD UPLOAD ****************************/
.upload{

}
#boxFeature{
background:url(images/bgGreenBoxTop.png) no-repeat top left;
margin:0 auto 20px auto;
width:798px;
padding:0;
clear:both;
}
#boxFeature .holder{
margin:0;
width:798px;
padding:15px 20px 15px 20px;
color:#fff;
background:url(images/bgGreenBoxBottom.png) no-repeat bottom left;
voice-family: "\"}\""; 
voice-family:inherit;
width:758px;
}
html>body .content {
  width:758px;
} 
#boxFeature .cornerImage{
float:right;
position:relative;
margin-top:-40px;
margin-right:-30px;
height:145px;
}
.upload p{
margin:10px auto;
font-size:90%
}
.upload span.help{
position:absolute;
display:block;
top:4px;
right:160px;
}
.upload span.help a{
font:italic bold 13px geogia;
}
.cadUpload2{
display:block;
margin:5px 0px 5px 0px;
width:600px;
height:27px;
position:relative;
}
.cadUpload2 button[type=submit]{
text-indent:-8000px;
background:url(images/buttonUpload.png) no-repeat;
border:none;
height:27px;
width:80px;
position:absolute;
bottom:0px;
left:315px;
}

.cadUpload2 .fileInput{
position:relative;
}
file .hidden{
visibility:hidden;
}
.cadUpload2 .fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
padding:0;
}
.cadUpload2 input[type=file]{
margin-right:15px;
margin-left:20px;
}
.cadUpload2 .fakefile input{
margin-top:3px !important;
float:left;
height:15px;
padding-top:3px;;
width:190px;
}
.cadUpload2 .fakefile{
width:310px;
}
.cadUpload2 .fakefile img{
padding-top:0px;
display:block;
padding-left:5px;
float:right;
}
.cadUpload2 input.file {
	position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 2;
letter-spacing:2px;
width:280px;
}
.upload .note{
font-size:11px;
color:darkgreen;
}
.upload .note a{
color:#0066ff;
}
.upload .frameHolder{
background:#fff;
position: absolute; 
left:50%;
margin-left:-100px;
top:-100px;
margin-top:-100px;
width:300px;
border:5px solid #ec5409;
color:#333;
text-align:center;
font-family:verdana;
padding-top:10px;
font-size:11px;
font-weight:bold;
}
.upload iframe{
height:40px;
margin:0 auto;
}
.frameHolder .closeButton {
padding:5px;
text-transform:uppercase;
text-align:right;
}
.upload h3{
font-size:15px;
font:italic bold 15px georgia;
margin-bottom:20px;
}
/*****************CONTENT BLOCKS ********************/

.contentBlock{
padding:20px 20px 20px 20px;
color:silver;
}

.contentBlock{
background:#49453D;
color:white;
margin-bottom:15px;
text-align:justify;
width:auto;
}

.contentBlock h1, .contentBlock h2{
font-size:140%;
text-transform:uppercase;
font-weight:normal;
font-family:helvetica,trebuchet ms, arial;
letter-spacing:1px;
font-style:normal;
color:#ED5200;
text-align:center;
}
.contentBlock h2{
font-size:.9em;

}
.contentBlock h3{
text-align:left;
font-size:110%;
color:#C5DE07;
margin-bottom:5px;
}
.contactInfo{
margin-top:20px;
}
.contactInfo p{
margin:8px 0;
}
.contactInfo a{
color:#C5DE07;
}


/********************** Services *******************/

.services {
clear:both;
}
.services h2{
color:#EC5409;
}
.thumbTd img, .thumb{
display:block;
background:url(images/frameThumb1.jpg) no-repeat top left;
padding:5px 9px 10px 7px;
margin:0;
border:0;
width:184px;
height:141px;
}
.services .thumbTd{
padding:0 !important;
margin:0;
}
.services .descTd{
}
.services .descTd .holder{
background-color:#CDC9C0;
margin:2px 5px 10px 5px;
height:129px;
padding:10px;
}
.services .descTd .holder table{
height:129px;
margin:0;
}
.services .descTd .desc{
color:white;
height:95px;
overflow:auto;
margin-bottom:2px;
}

.services .descTd .links{
text-transform:uppercase;font-family:Trebuchet MS;font-size:11px;color:#696969;text-align:right;letter-spacing:.8px;
}
.services .descTd .links a{color:#696969;}

/******************WHO WE ARE ************/
.whoWeAre .box{
background:#49453D;
color:white;
margin-bottom:15px;
text-align:left;
width:auto;
}
.whoWeAre .box .holder{
padding:15px;
}
.whoWeAre .box h1{
text-align:center;
font-size:140%;
text-transform:uppercase;
font-weight:normal;
font-family:helvetica,trebuchet ms, arial;
letter-spacing:1px;
font-style:normal;
color:white;
}


.whoWeAre .photos img{
background:url(images/frameMedium.jpg) no-repeat top left;
padding:6px 6px 20px 7px;
margin:0 0 5px 10px;
}
.whoWeAre .photos p{
margin:0;
}

/*************see our work ***************/
.products table{
background:url(images/bgProductsLines.png) repeat-y top center;
}
.products table{
width:750px;
}
.products table td div{
display:block;
width:198px;
margin:0 20px 20px auto;
font-size:12px;
padding-left:5px;
color:#8A8A8A;
}
.products table td div .thumb{
margin-left:-5px;
}
.products table td div a{
color:#8A8A8A;
}
.products table td div h2{
font-size:16px;
}
.products table td div h2 a{
color:#9BB400;
}
.products table th{
border:none;
text-align:center;
padding:10px 0;
font-family:helvetica, trebuchet ms, arial;
font-size:130%;
text-transform:uppercase;
letter-spacing:1px;
color:#878787;
}
/************products browser left nav **************/
.product{
position:relative;
}
.productNav{
padding-right:5px;
}
.productNav h3{
border-bottom:1px solid silver;
text-align:center;
padding:20px 0px 0 0px;
margin:0 0 5px 0;
font-family:helvetica, trebuchet ms, arial;
text-transform:uppercase;
color:#878787;
font-size:120%;
}
.productNav h3 a{
color:#878787;
}
.productNav li{
list-style-type:none;
color:#676767;
}
.productNav ul li{

font-size:12px;
font-family:Georgia;
font-style:italic;
font-weight:bold ;
margin:0;
}

.productNav ul ul{
margin-bottom:10px;
}
.productNav ul ul li{
font-family:verdana;
font-style:normal;
font-size:10px;
font-weight:normal;
text-transform:uppercase;

}
.productNav li{
display:block;
}
.productNav li a{
color:#676767;
padding:2px 1px;
display:block;
}
.productNav ul ul li a{
padding:2px 2px 3px 20px;
}
.productNav li a:hover{
color:#ED5200;
background:#EFEBDE;
}

.productNav ul ul li a:hover{
color:#ED5200;

}
.productNav li a.landed{
color:#ED5200;
}
.tickClosed .holder{
display:none;
}

a.tickClosed img.tick{
display:inline;
height:13px;
width:13px;
background:url(images/navTickCollapsed.png) no-repeat;
vertical-align:middle;
}
a.tickOpen img{
display:inline;
height:13px;
width:13px;
background:url(images/navTickExpanded.png) no-repeat;
cursor:hand;
}
.productNav li img.tickOpen{
margin-top:3px;
padding:3px;
float:right;
}
.productNav li.selected.cat{
/*background:#DFDBCE;*/
}
.productNav li.selected a{
color:#9BB400;
}
/************Product detail ****************/
.productDetail h1 {
    color: #ED5200;
    padding-left: 75px;
    text-align: center;
}


.productDetail h1.prodCat {
    color: #AAAAAA;
    font-size: 12px;
    left: 155px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 635px;
    display:none;
}

.productDetail .prevNext{
float:right;
color:#B7D501;
font-family:georgia;
font-style:italic;
font-weight:bold;
font-size:11px;
}
.productView{
clear:both;
padding:16px 0;
text-align:center;
}
.productView .imgMainHolder{
display:inline;
background:url(images/bgImageShadowLeft.jpg) no-repeat bottom left;
padding:0;

}
.productView .imgMain{
background:url(images/bgImageShadowRight.jpg) no-repeat bottom right;
padding:0;

}
.productView .imgMain img{
padding:10px;
background:white url(images/bgImageGradientBox.jpg) repeat-x center center;
margin-bottom:13px;
}
.productView .notes,
.productList .notes{
padding:15px 20px;
font-size:12px;
color:#686868;
}
.productView .notes strong{
color:#ED5200;
}

.productThumbs{
width:100%;
}
.productThumbs td{
text-align:center;
}
.productThumbs img{
background:url(images/frameThumb2.jpg) no-repeat top left;
padding:3px 3px 8px 5px;
margin:0;
border:0;
width:93px;
height:93px;
}
.productView .productThumbs a{
margin:5px;
}
.productGrid {
float:left;
padding:12px 11px;
}
.productGrid .toolTipProduct{
display:none;
}
.thumb{
display:block;
background:url(images/frameThumb1.jpg) no-repeat top left;
padding:5px 9px 10px 7px;
margin:0;
border:0;
width:184px;
height:141px;
}
.productList{
padding:27px 0px 0 0px;
width:auto;
}
.productList h1{
padding-left:0;
margin-left:0;
}
.productList .listing {
padding:0 5px;
margin:10px 0 0 0;
}
.productList .listing td.right{
padding-left:10px;
}


/**************** FORMS ********************/


.tbmain{ 
width:100%;
padding:0 !important;
margin:0;
}
.tbmain img{
display:block;
border:3px solid #ED5200;
margin-bottom:3px;
width:160px;
}

.tbmain td{
padding:3px;
}
.tbmain .left{

}
.tbmain .head{
  color:#333333;
}
.tbmain .head h2{
 border-bottom:1px dotted #555;
margin:10px 0;
}
.tbmain td.left {
width:25%;
}
.tbmain td.right{

}
span.required{
  font-size: 13px !important;
  color: red !important;
}

.tbmain table{
margin:20px 0 0 0;
}
label span.required { color: #FF0000; font-weight: bold; }
input { 
font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
background:white url(images/bgFormInput.jpg) repeat-x top left;
border: solid 1px #999; 
padding:2px;
}
input.textbox { 

padding: 2px; 
border: solid 1px #c0c0c0; 
}
input.validation-failed{ 
background-color: #ffc0cb; 
}


.tbmain textarea{
width: 250px; 
background:white url(images/bgFormInput.jpg) repeat-x top left;
border: solid 1px #999;
}


div#ClientValidationSummary { background-color: #FF0000; width: 350px; padding: 5px; color: white; }
div#ClientValidationSummary a { color: white; }

div.validation-inline-error-message{ display: block; float: left; padding-left: 10px; color: #ff0000; 
}

table.formOutput{
border:2px solid #e3e3e3 !important;
}
table.formOutput td{
padding:3px 5px;
background:white;
border:0;
}

.errors{
border:1px solid #ED5200;
padding:20px;
background:#f9f9f9;
margin:20px;
}
.errors h3{
color:#ED5200;
}
.errors ol {
list-style-type:decimal;
color:#ED5200;
margin:10px 20px;
}
input.btn {
border:0;
padding:0;
margin:30px 0 0 0;
}
label.error{
font-size:90%;
color:red;
display:block;
}
input:focus,textarea:focus { background:#e3e3e3; border:1px solid #a1e301;}
input.error,textarea.error { border: 1px dotted #ED5200; }