/* Main CSS Start */
*{
padding:0;
margin:0;
}

html, body{
height: 100%;
}

body{
/* Prevent iPhone from resizing text */                                      
-webkit-text-size-adjust: none;
background-color: #dcdcdc;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
}

body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

a:link{
text-decoration: none; 
color:#222222;
}
a:visited{
text-decoration: none; 
color:#222222;
}
a:hover{
text-decoration:none; 
color: #f77e21;
}
a:active{
text-decoration: none;
color: #222222; 
outline:none; 
position: relative; 
top: 1px;
}


h1{
margin-top: -14px;
text-indent: -9000px;
}

h2{
clear: both;
float: left;
font-size: 28px;
color: #222222;
margin: 50px 0 5px 0;
font-weight: normal;
}

h3{
font-size: 20px;
color: #222222;
font-weight: normal;
clear: both;
}

h4{}

h5{}

h6{}

p{}

ul{}

ul li{}

.clear{
clear: both;
}

/* Home */
#wrapper{
width: 1200px;
min-height: 90%;
margin: 0 auto;
background: url(images/bg-glow.jpg);
background-repeat: no-repeat;
}
#main-content{
width: 942px;
margin: 0 auto;
padding: 43px 0 105px 0;
}
#menu{
margin: 43px 0 0 0;
}
#menu-left{
float: left;
}
#menu-left ul{
list-style: none;
}
#menu-left ul li{
float: left;
margin-right: 44px;
}
#menu-left ul li a{
color: #3e3e3e;
font-size: 18px;
}
#menu-left ul li:hover{
border-bottom: solid 4px #3e3e3e;
}
#menu-left ul li.current_page_item{
border-bottom: solid 4px #3e3e3e;
}
#menu-right{
float: right;
}
#search #query{
float: left;
border: none;
width: 126px;
height: 27px;
margin-right: 4px;
background:url(images/search-field.jpg) no-repeat;
}
#search #submit{
float: left;
border: none;
width: 65px;
height: 29px;
background:url(images/search-btn.png) no-repeat;
cursor: pointer;
margin-top:-1px;
}
#hero{
position: relative;
top: 20px;
left: -20px;
}
#bottom-panels{
margin-top: 35px;
}
#bottom-panels #panel1{
float: left;
width: 314px;
margin-right: 27px;
}
#bottom-panels #panel1 span{
float: left;
width: 298px;
height: 17px;
background: black;
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#bottom-panels #panel1 .fadein { position:relative; }
#bottom-panels #panel1 .fadein img { position:absolute; left:0; top:16px; }
#bottom-panels #panel2{
float: left;
width: 314px;
margin-right: 27px;
}
#bottom-panels #panel2 span{
float: left;
width: 298px;
height: 17px;
background: url(images/home-bar2.jpg);
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#bottom-panels #panel3{
float: left;
width: 255px;
}
#bottom-panels #panel3 span{
float: left;
width: 239px;
height: 17px;
background: black;
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#bottom-panels #panel3 p{
float: left;
width: 239px;
height: 192px;
background: white;
color: black;
font-size: 14px;
padding: 4px 8px 4px 8px;
margin-bottom: 4px;
line-height: 22px;
}
#bottom-panels #panel3 p a{
color: #f77e21;
}
#bottom-panels #panel4{
float: left;
width: 314px;
margin: 30px 27px 0 0;
}
#bottom-panels #panel4 .panel-title{
float: left;
width: 298px;
height: 17px;
background: url(images/home-bar4.jpg);
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#home-event-title{
font-size: 22px;
}
#home-event-date{
font-size: 22px;
color: #f77e21;
}
#bottom-panels #panel4 p{
clear: both;
float: left;
width: 298px;
height: 192px;
background: white;
color: black;
font-size: 14px;
padding: 4px 8px 4px 8px;
margin-bottom: 4px;
line-height: 22px;
}
#bottom-panels #panel4 p a{
color: #f77e21;
}
#bottom-panels #panel5{
float: left;
width: 314px;
margin: 30px 27px 0 0;
}
#bottom-panels #panel5  .panel-title{
float: left;
width: 298px;
height: 17px;
background: black;
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#bottom-panels #panel5 p{
clear: both;
float: left;
width: 298px;
height: 192px;
background: white;
color: black;
font-size: 14px;
padding: 4px 8px 4px 8px;
margin-bottom: 4px;
line-height: 22px;
}
#bottom-panels #panel5 p a{
color: #f77e21;
}
#bottom-panels #panel6{
float: left;
width: 255px;
margin: 30px 0 0 0;
}
#bottom-panels #panel6 span{
float: left;
width: 239px;
height: 17px;
background: black;
color: white;
font-size: 16px;
padding: 5px 8px 4px 8px;
margin-bottom: 4px;
}
#bottom-panels #panel6 p{
clear: both;
float: left;
width: 239px;
height: 192px;
text-align: center;
background: white;
color: black;
font-size: 14px;
padding: 4px 8px 4px 8px;
margin-bottom: 4px;
line-height: 22px;
}
#bottom-panels #panel6 p a{
color: #f77e21;
}
/* /Home */

/* Inner content */
#inner-content #left-sidebar{
clear: both;
float: left;
line-height: 26px;
margin-top: 20px;
}
#sort-by{
font-size: 18px;
color: #3e3e3e;
}
#clear-all{
font-size: 14px;
color: #7c7c7c;
}
#inner-content-category{
float: left;
width: 130px;
font-size: 13px;
color: #3e3e3e;
margin-top: 15px;
}
#left-sidebar p{
width: 130px;
font-size: 14px;
color: #3e3e3e;
}
#left-sidebar p input{
margin-right: 5px;
}
#cutting-samples{
margin-top: 20px;
float: left;
width: 202px;
padding: 0 12px 0 12px;
background: #d8d8d8;
font-size: 12px;
}
#inner-content #right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#inner-content #right-content p{
float: left;
margin-bottom: 15px;
}
#back-to-products{
float: right;
font-size: 12px;
font-weight: normal;
color: #f77e21;
}
#back-to-products a{
color: #f77e21;
text-decoration: underline;
}
#back-to-products a:hover{
color: #f77e21;
text-decoration: none;
}
#full-image{
border-style: solid;
border-color: #d8d8d8;
border-width: 8px;
margin-top: 9px;
}
#right-content-left{
float: left;
width: 256px;
margin-top: 30px;
}
.right-content-left-sample{
float: left;
margin-right: 7px;
padding: 0px !important;
}     
.right-content-left-sample img{
border-style: solid;
border-color: #d8d8d8;
border-width: 3px;
margin-top:15px;
}
.right-content-left-sample span{
float: left;
margin-top: -8px;
line-height: 12px;
font-size: 10px;
width: 110px;
}
#right-content-right{
width: 504px;
float: left;
margin-top:32px;
font-size: 14px;
}
#right-content-right ul{
display: block;
margin-left: 19px;
margin-bottom: 20px;
}
#right-content-right ul li{
clear: both;
line-height: 27px;
}
#right-content-right h3{
float: left;
font-weight: bold;
font-size: 16px;
clear: both;
margin-top: 10px;
width: 504px;
line-height: 30px;
}
#right-content-right p{
width: 504px;
float: left;
font-size: 14px;
margin-bottom: 20px;
clear: both;
line-height: 27px;
}
#specifications {
float: left;
border-collapse: collapse;
margin-top: 0px;
margin-left: -10px;
margin-bottom: 12px;
font-size: 14px;
}
#spec-title{
float: left;
border-bottom-style: solid;
border-top-style: solid;
border-bottom-color: #2b2b2b;
border-top-color: #2b2b2b;
border-bottom-width: 5px;
border-top-width: 5px;
padding: 10px 9px 10px 9px;
width: 475px;
font-size: 16px;
}
#specifications .table-center-line {
/*
padding: 0 9px 0 18px;
border-right: 1px solid #8b8b8b;
*/
}
#specifications td {
padding: 10px 9px 10px 9px;
}
#specifications tr td ul{
list-style: none;
}
#spec-footnote{
float: left;
width: 484px;
border-bottom-style: solid;
border-top-style: solid;
border-bottom-width: 5px;
border-top-color: #2b2b2b;
border-top-width: 1px;
line-height: 14px;
font-size: 10px !important;
padding: 10px 9px 10px 9px;
}
#dotted-line{
float: left;
width: 502px;
height: 1px;
border-top-style: dotted;
border-top-color: #2b2b2b;
border-top-width: 1px;
margin-bottom: 100px;
clear: both;
}

.pagination{
float: right;
clear: both;
margin-top: 18px;
}
.pagination ul{
list-style: none;
}
.pagination ul li{
float: left;
display: block;
margin-left: 5px;
padding: 0 8px;
background: white;
border-style: solid;
border-color: #c3c3c3;
border-width: 1px;
}
.pagination ul li.pagination-first{
border-style: none;
}
.pagination ul li.pagination-last{
border-style: none;
margin-top: 2px;
}
.pagination ul li.page-active{
background: #ececec;
}
.pagination a{
color: #474747;
}
.product-thumbnails a{
color: #222222;
}

.products-grid-li{
float: left;
margin-right: 17px;
height: 280px;
}
.products-grid-li img{
border-style: solid;
border-color: #d8d8d8;
border-width: 10px;
margin-top:15px;
}
.products-grid-li p{
float: left;
line-height: 18px;
font-size: 14px;
width: 172px;
text-align: center;
}
.products-grid-li p span{
font-size: 10px;
}


/* /Inner content */

/* About Us */
#inner-content #about-left-sidebar{
clear: both;
float: left;
line-height: 20px;
margin-top: 20px;
}
#about-left-sidebar p{
width: 130px;
font-size: 14px;
color: #3e3e3e;
margin-bottom: 15px;
}
#about-left-sidebar a{
color: #3e3e3e;
border-bottom: solid 1px #000000;
}
#about-left-sidebar a:hover{
color: #3e3e3e;
border-bottom: none;
}
#about-left-sidebar p.active a{
color: #f77e21 !important;
border-bottom: solid 1px #f77e21;
}
#about-left-sidebar p.active a:hover{
color: #f77e21 !important;
border-bottom: none;
}
.sidebar-link{
color: #3e3e3e;
font-size: 15px;
}
#about-right-content h3{
float: left;
margin-bottom: 10px;
}
#inner-content #about-right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#inner-content #about-right-content p{
clear: both;
width: 723px;
float: left;
margin-bottom: 10px;
font-size: 14px;
}
#inner-content #about-right-content ul{
width: 723px;
float: left;
clear: both;
list-style-position: inside;
}
.dotted-line{
float: left;
border-top-style: dotted;
border-top-color: #2b2b2b;
border-top-width: 1px;   
clear: both;
margin: 20px 0;
}

#about-right-content-partners{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#about-right-content-partners p{
float: left;
margin-bottom: 10px;
font-size: 14px;
}
.partners-logo{
float: left;
margin-top: 20px;
margin: 20px 20px 0 0;
}
.partners-text{  
float: left;
padding: 10px 0 20px 0; 
border-bottom: 1px dotted #2b2b2b;
width: 544px;
}
.partners-text.first{
border-top: 1px dotted #2b2b2b;
}
.partners-text a:link{  
padding-top: 1px;
border-bottom: solid 1px #3e3e3e;
}
.partners-text a:hover{  
padding-top: 1px;
border-bottom: none;
}
.dotted-line-partners{
border-top: 1px dotted #2b2b2b;
height: 1px;
width: 544px;
}

/* /About Us */

/* Contact Us */
#contact-left-sidebar{
clear: both;
float: left;
line-height: 20px;
margin-top: 20px;
}
#contact-left-sidebar p{
width: 130px;
font-size: 14px;
color: #3e3e3e;
margin-bottom: 15px;
}
#contact-right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#contact-right-content p{
float: left;
margin-bottom: 10px;
font-size: 15px;
clear: both;
}
.contact_header{
margin-top: 20px;
font-size: 20px !important;
clear: both;
float: left;
}
.contact_header.first{
margin-top: 0px;
}
#contact-left{
float: left;
width: 340px;
}
#contact-right{
width: 400px;
float: left;
}
#contact-right h3{
float: left;
margin-bottom: 18px;
}
#form input{
width: 326px;
height: 32px;
clear: both;
float: left;
border: 1px solid #c3c3c3;
margin-bottom: 10px;
padding: 0 4px;
}
#form textarea{
width: 334px;
height: 162px;
clear: both;
float: left;
border: 1px solid #c3c3c3;
margin-bottom: 10px;
}
#form .submit{
background:url(images/send-btn.jpg) no-repeat;
cursor: pointer;
border: none;
}
#form label
{
  color: #818181;
}
#statusText2
{
float: left;
clear: both;
width: 336px;
}
#statusText{
font-size: 16px;
}
/* /Contact Us */

/* Events */
.sidebar-link-sub{
color: #3e3e3e;
font-size: 12px;
float: left;
margin: 0 0 15px 10px;
}
#events-right-content h3{
float: left;
margin-bottom: 10px;
}
#inner-content #events-right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#inner-content #events-right-content p{
float: left;
clear: both;
width: 723px;
margin-bottom: 10px;
font-size: 14px;
}
#inner-content #events-right-content .events-sub-title{
float: left;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
padding: 4px 0 2px 0;
font-size: 20px;
}
#events-thumbs{
float: left;
width: 755px;
margin-top: 20px;
}
#events-thumbs img{
float: left;
margin: 0 10px 20px 0;
border: 10px solid #d8d8d8;

}
#events-upcoming-right-content h3{
float: left;
margin-bottom: 10px;
}
#inner-content #events-upcoming-right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#inner-content #events-upcoming-right-content p{
clear: both;
width: 723px;
float: left;
margin-bottom: 10px;
font-size: 16px;
}
#inner-content #events-upcoming-right-content .line{
clear: both;
float: left;
padding: 7px 0;
width: 100%;
border-bottom: 5px solid #000;
margin-bottom: 20px;
}
#inner-content #events-upcoming-right-content h4{
clear: both;
width: 723px;
float: left;
margin: 20px 0 10px 0;
font-size: 22px;
color: #7a1878;
}
/* /Events */

/* Past Projects */
#past-right-content h3{
float: left;
margin-bottom: 10px;
}
#inner-content #past-right-content{
background: white;
float: left;
width: 760px;
line-height: 26px;
margin-top: -3px;
padding: 23px 26px 23px 26px;
}
#inner-content #past-right-content p{
float: left;
clear: both;
width: 723px;
margin-bottom: 10px;
font-size: 14px;
}
#past-right-content #past-thumbs{
float: left;
width: 755px;
margin-top: 20px;
}
#past-right-content #past-thumbs div{
float: left;
width: 364px;
margin: 0 10px 40px 0;
}
#past-right-content #past-thumbs div p{
float: left;
width: 364px;
line-height: 18px;
padding-bottom: 8px;
border-bottom: 3px solid #222;
}
#past-right-content #past-thumbs div img{
border: 10px solid #d8d8d8;
}

#past-right-content #past-thumbs2{
float: left;
width: 755px;
margin-top: 20px;
}
#past-right-content #past-thumbs2 div{
float: left;
width: 364px;
margin: 0 10px 10px 0;
}
#past-right-content #past-thumbs2 div p{
float: left;
width: 364px;
line-height: 18px;
padding-bottom: 8px;
border-bottom: 3px solid #222;
}
#past-right-content #past-thumbs2 div img{
border: 10px solid #d8d8d8;
}
/* /Past Projects */

/* Footer */
#footer{
background-repeat: repeat-x;
float: left;
width: 100%;
height: 105px;

background: url(images/footer-bg-repeat.png);
}
#footer #footer-content{

margin: 0 auto;
color: #c0c0c0;
font-size: 12px;
background: url(images/footer-bg.png);
width: 942px;
height: 105px;
}
#footer #footer-content div{
float: left;
}
#footer #footer-content div #footer-left{
float: left;
width: 572px;
margin-top: 55px;
}
#footer #footer-content div #footer-right{
float: right;
width: 370px;
margin-top: 41px;
}
/* /Footer */