@charset "utf-8";
/* CSS Document *
/**************************** RESET ****************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/**************************** SITE STYLES ****************************/
.clear { clear:both; }
body { background-color: #d06301; color:#000000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; }
h1 { color:#000000; font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; font-size:30px; margin-bottom:15px; }
h2 { color:#000000; font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; font-size:24px; margin-bottom:15px; }
h3 { color:#000000; font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; font-size:20px; margin-bottom:15px; }
p { font-size:14px; line-height:18px; margin-bottom:14px; text-align:left; }
b, strong { font-weight:700; }
i { font-style:italic; }
a { color:#000000; }
.btn { background: #000000; background-image: -webkit-linear-gradient(top, #000000, #333333); background-image: -moz-linear-gradient(top, #000000, #333333); background-image: -ms-linear-gradient(top, #000000, #333333); background-image: -o-linear-gradient(top, #000000, #333333); background-image: linear-gradient(to bottom, #000000, #333333); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; }
.btn:hover { background: #d06301; background-image: -webkit-linear-gradient(top, #d06301, #000000); background-image: -moz-linear-gradient(top, #d06301, #000000); background-image: -ms-linear-gradient(top, #d06301, #000000); background-image: -o-linear-gradient(top, #d06301, #000000); background-image: linear-gradient(to bottom, #d06301, #000000); text-decoration: none; }
#wrapper { margin:0 auto; width:1200px; }
#header { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGI0YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cf6100 0%, #f3a51d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf6100), color-stop(100%, #f3a51d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cf6100 0%, #f3a51d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cf6100 0%, #f3a51d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cf6100 0%, #f3a51d 100%); /* IE10+ */ background: linear-gradient(to bottom, #cf6100 0%, #f3a51d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf6100', endColorstr='#f3a51d', GradientType=0 ); /* IE6-8 */
height:100%; position:relative; z-index:100; }
#logo { margin-bottom:0; padding-top:7px; text-align:left; width:725px; }
#logo a { color:#000000; text-decoration:none; }
/*** DROPDOWN MENU ***/
#nav hr { backgroud-color:#668122; color:#668122; height:5px; margin:0; padding:0; }
#nav, #nav ul { background: #000000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQwMmYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000000 0%, #402f1b 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(50%, #402f1b), color-stop(100%, #000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%, #402f1b 50%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%, #402f1b 50%, #000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%, #402f1b 50%, #000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%, #402f1b 50%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-8 */
color:#fff; float: left; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; list-style: none; line-height: 1; padding: 0; border: none; margin: 0; text-align:center; text-transform:uppercase; width:1200px; }
#nav a { display: block; width: 200px; color: #fff; text-decoration: none; padding:10px 0; text-align:center; }
#nav li { float: left; padding: 0; width: 170px; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 200px; font-weight: normal; border-width:0; margin: 0; }
#nav li li { padding-right:0; width: 200px }
#nav li ul a { background-color:#cccccc; width: 200px; }
#nav li ul ul { margin: 0 0 0 200px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover{ background: #f3a51d; }
#nav li:hover a, #nav li.sfhover a { color:#333333; }
/*** /DROPDOWN MENU ***/
li.highlight { background:#f3a51d; }
#footer { background-color:#000000; color:#fff; margin-bottom:35px; padding-bottom:10px; padding-top:10px; text-align:center; }
/******* HOME *******/
#btm-content { background-color:#874e0b; color:#ffffff; padding:35px; }
#btm-content h1 { color:#ffffff; }
#btm-content h2 { color:#ffffff; }
#btm-content img { float:right; margin-left:35px; }
#btm-logos { background:#000000 url(../images/bg.gif) repeat top center; color:#ffffff; padding:35px; }
#btm-logos h1 { color:#ffffff; }
#btm-logos h2 { color:#ffffff; }
#btm-logos img { float:left; margin-right:50px; }
.logo-container { display: table; width: 100%; }
.logos { display: table-cell; text-align: center; vertical-align: middle; }
/******* SUBSEQUENT PAGES *******/
.content { background-color:#ffffff; padding:35px; }
/******* PRODUCTS PAGES *******/
#products #listing-container { border:3px solid #000000; width:1125px; }
#products #listing-container .listing { clear:both; padding:25px; }
#products #listing-container .listing .listing-image { float: left; margin-right:25px; width:20%; }
#products #listing-container .listing .listing-text { float: left; margin-right:25px; width:55%; }
#products #listing-container .listing .button { float: left; padding-top:15px; text-align:center; width:20%; }
#products #listing-container .dark { background-color: #999999; }
#products #listing-container .light { background-color: #cccccc; }
/******* /PRODUCTS PAGES *******/
/******* DETAIL PAGES *******/
.column { float:left; height:100%; }
#detail .detail-image { width: 300px; }
#detail .detail-text { width: 600px; padding-left:25px; }
/******* /DETAIL PAGES *******/
/******* ABOUT US PAGES *******/
#about img { float:right; }
/******* /ABOUT US PAGES *******/
.service-padding {padding-left:30px;}
#Listing {
    width:600px;
}
#Listing LI.leftside
{
    font-weight:bold;
    text-align:left;
    width:200px;
    padding-bottom:10px;
}
#Listing LI.rightside {
    text-align: left;
    width: 400px;
    margin-top:-23px;
    float:right;
    padding-bottom:10px;
}

#container {
    width: 900px;
    margin: 0 auto;
}
#leftside {
    float: left;
    width: 400px;
    padding-right:10px;
}

#rightside {
    float: right;
    width: 475px;
    padding-right:10px;
}

.editrow input
{
    
}

.imageclass{
  align-content:center;
  padding-right:600px;
}