body {
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:#eaeff4;
color:#000;
margin:0;
padding:0;
}

ul {
list-style:none;
margin:0;
padding:0;
}

iframe {
float:left;
margin:0;
padding:0;
}

p {
text-align:justify;
line-height:20px;
color:#000;
text-indent:15px;
margin:0;
padding:5px 30px 5px 25px;
}

a:link,a:visited {
color:#033363;
}

a:hover {
color:#666;
}

table {
margin:10px auto;
}

table td {
padding:5px;
}

table p {
text-indent:0;
}


#banner {
width:1100px;
margin:0 auto;
border:0;
padding:0;
display:block;
}

ul#menu  {
list-style:none;
width:1080px;
height:38px;
}

ul#menu li {
display:inline;
margin:5px 0 0 10px;
padding:0px;
float:left;
position:relative;
font-weight: bold;
list-style:none;
}

ul#menu li a {
display:block;
padding:8px 9px 8px 9px;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#000;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
border-top-right-radius:10px;
border-top-left-radius:10px;
border-top: 2px solid #D3E1ED;
border-right: 2px solid #D3E1ED;
border-left: 2px solid #D3E1ED;
background: #D3E1ED;
}

ul#menu li img {
margin: 0px;
padding: 0px;
border: none;
}

ul#menu li.page-item-16 a {
color: #fff;
background-color: #003e7c;
border-top: 2px solid #003e7c;
border-right: 2px solid #003e7c;
border-left: 2px solid #003e7c;
}

ul#menu li.page-item-16 a:hover {
background-color: #cd3333;
color: #FFF;
border-top: 2px solid #cd3333;
border-right: 2px solid #cd3333;
border-left: 2px solid #cd3333;
}

ul#menu li a:hover, ul#menu li.current_page_item a {
background-color: #cd3333;
color: #FFF;
border-top: 2px solid #cd3333;
border-right: 2px solid #cd3333;
border-left: 2px solid #cd3333;
}

ul#menu li:hover ul {
display:block;
}

ul#menu li ul {
display:none;
position:absolute;
top:31px;
left:0;
float:left;
width:270px;
z-index:1000;
background: #FFF;
margin:0px;
border-top: 2px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 2px solid #CCC;
}

ul#menu li ul li {
border-bottom:1px solid #ccc;
margin:0px;
padding:0px;
display: block;
float: none;
}

ul#menu li ul li a {
display:block;
text-decoration:none;
color:#333;
font-weight:bold;
margin:0px;
padding:7px 15px 7px 15px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
border-top-right-radius:0px;
border-top-left-radius:0px;
border-top: 0px solid #cd3333;
border-right: 0px solid #cd3333;
border-left: 0px solid #cd3333;
background: #E3EDF4;
}

ul#menu li ul li a:hover, ul#menu li ul li.current_page_item a {
border:none;
}

ul#menu li ul li a:hover + .hidden, .hidden:hover {
display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
font-weight:bold;
text-decoration: none;
color: #fff;
background: #003e7c url(images/menu-button.gif) no-repeat left center;
text-align: center;
padding: 10px 0;
display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
display: block;
}

#container {
width:1080px;
background:#FFF;
text-align:left;
clear:both;
border:1px solid #CCC;
margin:0 auto;
padding:10px;
}

#contentwrap {
overflow:hidden;
position:relative;
clear:both;
border-top: 1px solid #D3E1ED;
}

.leftbox {
width:270px;
text-align:left;
float:left;
background:url(images/sidecall.gif) no-repeat left bottom;
position:absolute;
left:0px;
top:10px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 145px;
}

ul.leftmenu {
width:250px;
border:1px solid #CCC;
overflow:hidden;
-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
box-shadow:0 2px 4px rgba(0,0,0,0.2);
margin:0px 0px 10px 10px;
padding:0 0 2px;
}

ul.leftmenu li.menutitle {
background:#003e7c;
font-size:14px;
font-weight:700;
color:#fff;
text-align:center;
margin:1px;
padding:8px 0 7px;
}

ul.leftmenu li {
list-style:none;
position:relative;
margin:0;
padding:0;
}

ul.leftmenu li a {
display:block;
text-decoration:none;
color:#333;
font-weight:bold;
border-bottom:1px dotted #CCC;
margin:0 5px;
padding:6px 0px 6px 20px;
background:url(images/arrow-menu.gif) no-repeat left center;
}

ul.leftmenu li a:hover, ul.leftmenu li.current_page_item a {
color:#ed1b24;
background: url(images/arrow-hover.gif) no-repeat left center;
}

#content {
background:url(images/bottom-phone.gif) no-repeat center bottom;
min-height:1000px;
margin:0 0 0 275px;
padding:0 0 75px;
}

#content ul {
text-align:justify;
margin:5px 30px 15px 45px;
}

#content ul li {
background:url(images/bullet.gif) no-repeat 0 1px;
list-style:url(none) none outside;
padding-left:25px;
margin-left:0;
line-height:19px;
margin-bottom:4px;
}

#content ul li p {
margin:5px 0 2px;
padding:0;
}

#content ul li ul li {
list-style:url(none) none outside;
padding-left:20px;
margin-left:0;
line-height:19px;
margin-bottom:4px;
background:url(images/subbullet.gif) no-repeat left 3px;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
font-weight:700;
text-align:center;
font-size:12px;
border-bottom:1px solid #CCC;
margin:10px 5px 10px 0;
padding:0 0 7px;
}

#content ul.featured {
list-style:none;
overflow:hidden;
margin:15px 5px 10px 15px;
padding:0;
}

#content ul.featured a:link,#content ul.featured a:visited {
color:#000;
}

#content ul.featured li#isp1 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-aluminum.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li#isp2 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-vinyl.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li#isp3 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-chain.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li#isp4 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-turnstile.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li#isp5 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-gate.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li#isp6 {
list-style:none;
float:left;
width:235px;
height:240px;
background:url(images/feature-operator.jpg) no-repeat;
margin:0 10px 5px;
padding:0;
}

#content ul.featured li ul {
list-style:none;
margin-left:8px;
margin-top:110px;
padding:0;
}

#content ul.featured li ul li {
list-style:none;
background:url(images/list-arrow.jpg) no-repeat left center;
line-height:23px;
margin:0;
padding:0 0 0 23px;
}

#content ul.featured p {
font-size:11px;
font-weight:700;
text-indent:0;
line-height:15px;
text-align:left;
margin:105px 10px 5px;
padding:0;
}

#content .headline {
text-align:center;
font-size:12px;
font-weight:700;
margin:0;
padding:4px 2px 2px 0;
}

#content ul.featured li a:link,#content ul.featured li a:visited {
font-size:11px;
font-weight:700;
}

#content ul.featured li a:hover {
color:#e4402b;
}

#content ul.productlist {
list-style:none;
overflow:hidden;
margin:10px 0 10px 60px;
padding:0;
}

#content ul.productlist li {
list-style:none;
background-image:none;
float:left;
width:210px;
margin:0 10px 10px 0;
padding:0;
}

#content ul.productlist p {
text-indent:0;
text-align:center;
margin:0;
padding:0 4px;
}

#content ul.productlist li div {
border:2px solid #DFDFDF;
text-align:center;
background-color:#eaeff4;
padding:10px;
}

#content ul.productlist li div img {
background:#FFF;
border:1px solid #777;
padding:1px;
}

.costquote {
width:250px;
text-align:center;
margin-left: 10px;
}

.costquote img {
border-style:none;
}

#content img.productpic {
float:left;
background:#FFF;
border:1px solid #CCC;
margin:10px 10px 5px;
padding:5px;
}

#content ul.products li p {
font-size:12px;
text-align:justify;
text-indent:0;
margin:5px 10px 5px 15px;
}

#content ul.products li .heading {
font-size:14px;
font-weight:700;
text-align:left;
margin-left:15px;
}

#content ul.products ul li {
list-style:url(none) none outside;
line-height:19px;
background:url(images/subbullet.gif) no-repeat left 3px;
border:none;
margin:0 15px 5px 10px;
padding:0 0 0 20px;
}

#content ul.products a:link img {
border:1px solid #CCC;
}

#content ul.products1 li p {
font-size:12px;
text-align:justify;
margin:5px 5px 5px 20px;
}

#content ul.products1 li .heading {
font-size:14px;
font-weight:700;
text-align:left;
margin-left:30px;
}

.webspecials {
border:2px dashed #cd3333;
text-align:center;
margin:10px 40px 15px 35px;
padding:10px 0;
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.35);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.35);
box-shadow:0 2px 5px rgba(0,0,0,0.35);
}

.webspecialsh1 {
text-align:center;
font-size:15px;
font-weight:700;
color:#EA0000;
margin:0;
padding:0;
}

.webspecialsh2 {
text-align:center;
font-size:14px;
font-weight:700;
margin:0;
padding:0;
}

.smallprint {
font-size:10px;
}

.list2 {
width:730px;
float:left;
margin-bottom:5px;
margin-top:5px;
margin-left:40px;
padding:0;
}

ul.col2 {
float:left;
width:710px;
list-style:none;
margin:0;
padding:0;
}

ul.col2 li {
float:left;
width:300px;
background:url(images/bullet.gif) no-repeat left top;
list-style:url(none) none outside;
line-height:12px;
margin:3px 0 0 30px;
}

.picture {
float:right;
text-align:center;
border:1px solid #CCC;
background:#FFF;
margin:0 0 5px 10px;
padding:5px;
}

.fencepicture {
float:right;
text-align:center;
border:1px solid #CCC;
background:#FFF;
margin:7px 7px 5px 10px;
padding:5px;
}

.picborderless {
float:right;
text-align:center;
margin:0 0 5px 15px;
}

img.picborderless {
float:right;
text-align:center;
border-style:none;
margin:0 0 5px 15px;
}

.slides {
margin:5px 5px 5px 135px;
}

.youtube {
margin-top:10px;
margin-bottom:10px;
margin-left:200px;
overflow:hidden;
z-index:0;
padding:5px;
}

.youtubeframe {
border:1px solid #CCC;
z-index:0;
padding:5px;
}

.datasheet {
float:right;
border:1px solid #CCC;
background:#FFF;
width:115px;
height:200px;
margin:7px 7px 5px 15px;
padding:5px;
}

.datasheet1 {
float:right;
border:1px solid #CCC;
background:#FFF;
width:200px;
height:200px;
margin:5px 5px 5px 15px;
padding:5px;
}

.datasheet2 {
float:right;
border:1px solid #CCC;
background:#FFF;
width:100px;
height:145px;
margin:7px 7px 5px 15px;
padding:5px;
}

.fencedrawing {
float:right;
background:#FFF;
width:180px;
height:190px;
text-align:center;
margin:7px 7px 5px 15px;
}

.fencedrawings {
float:right;
background:#FFF;
width:170px;
height:145px;
text-align:center;
border:1px solid #CCC;
margin:7px 7px 5px 15px;
padding:5px;
}

.datasheet img,.datasheet1 img {
display:block;
margin-right:auto;
margin-left:auto;
}

.imgButton {
margin-right:15px;
margin-left:30px;
margin-bottom:15px;
}

.bottomButtons {
width:500px;
margin-left:160px;
overflow:hidden;
margin-top:10px;
margin-bottom:5px;
}

.bottomButtons img {
float:left;
border-style:none;
}

.clearleft {
clear:left;
}

form {
margin-left:26px;
font-weight:700;
margin-top:0;
padding:0;
}

form p {
margin: 0px 0px 0px 10px;
padding: 2px;	
}

.nomdis {
display:none;
}

#content input[type=checkbox]{
display:inline;
}

.buttonSubmit {
font-weight:700;
border-top:1px solid #999;
border-right:2px outset #CCC;
border-bottom:2px outset #CCC;
border-left:1px solid #999;
cursor:hand;
color:#4a4a4a;
background:#E8E8E8;
padding:4px 6px;
}

#footer {
width:1030px;
clear:both;
margin:0 auto;
padding:0 0 20px;
}

#footer p {
text-align:center;
margin-right:5px;
margin-left:5px;
font-size:11px;
font-weight:700;
}

#footer a:link,#footer a:visited {
text-decoration:none;
}

.customerquotes {
background:url(images/quotes.gif) no-repeat left top;
text-indent:30px;
margin:0 0 10px 25px;
}

.red {
color:#E60000;
font-size:16px;
font-weight:700;
}

.biggerfont {
font-size:15px;
font-weight:700;
}

#content #wowslider-container1 ul li,#content #wowslider-container2 ul li,#content #wowslider-container3 ul li,#content #wowslider-container4 ul li,#content #wowslider-container5 ul li,#content #wowslider-container6 ul li,#content #wowslider-container7 ul li,#content #wowslider-container8 ul li,#content #wowslider-container9 ul li,#content #wowslider-container10 ul li,#content #wowslider-container11 ul li,#content #wowslider-container12 ul li,#content #wowslider-container13 ul li,#content #wowslider-container14 ul li,#content #wowslider-container15 ul li,#content #wowslider-container16 ul li,#content #wowslider-container17 ul li,#content #wowslider-container18 ul li,#content #wowslider-container19 ul li,#content #wowslider-container20 ul li,#content #wowslider-container21 ul li,#content #wowslider-container22 ul li,#content #wowslider-container23 ul li,#content #wowslider-container24 ul li,#content #wowslider-container25 ul li,#content #wowslider-container26 ul li,#content #wowslider-container27 ul li,#content #wowslider-container28 ul li {
background:url(none) no-repeat;
list-style:url(none) none outside;
}

#menus ul li a:hover,#menus ul li.current_page_item a,#menus ul li.current_page_item a span {
background-color:#cd3333;
color:#FFF;
}

#menus ul li:hover ul,ul.leftmenu li:hover ul,ul.leftmenu li li:hover ul,ul.leftmenu li li li:hover ul,ul.leftmenu li.over ul,ul.leftmenu li li.over ul,ul.leftmenu li li li.over ul {
display:block;
}

#menus ul li ul li a:hover,#menus ul li ul li.current_page_item a,ul.leftmenu li a:hover,ul.leftmenu li.current_page_item a,ul.leftmenu li.current-cat a {
background:url(images/arrow-menu-hover.gif) no-repeat left center;
color:#cd3333;
}

#content ul li ul,#content ul.products ul {
text-align:justify;
margin:5px 0 10px;
}

#content ul.products,#content ul.products1 {
list-style:none;
overflow:hidden;
margin:15px 5px 10px;
padding:0;
}

#content ul.products li,#content ul.products1 li {
list-style:none;
background:#eaeff4 url(none);
border:1px solid #CCC;
margin:5px 20px;
padding:8px;
}

#content ul.products1 a:link img,#content ul.products li div.datasheet img,#content ul.products li div.datasheet1 img,#content ul.products li div.datasheet2 img,#content ul.products li div.fencedrawings img,.fencedrawing img {
border-style:none;
}

.webspecials p,.contactbtn {
text-align:center;
}

input,textarea {
font:12px Verdana, Arial, Helvetica, sans-serif;
}


@media screen and (max-width: 650px) {
html {
-webkit-text-size-adjust: 100%;
}

body{
background: #FFF url(none);
font-size:11pt;
}

#banner {
width: 100%;
height:auto;
margin:0px;
padding:0px;
}

ul#menu {
position: static;
display: none;
width:100%;
height:auto;
border:none;
margin:0px;
padding:0px;
}

ul#menu li {
margin:0;
padding:0;
}

ul#menu li, ul#menu li a {
width: 100%;
}

ul#menu li a {
background:#D3E1ED url(none);
margin:0 3px 0 0;
padding:9px 0px 9px 8px;
border:solid 1px #EFEFEF;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
/*Display 'show menu' link*/
.show-menu {
display:block;
}

ul#menu li.page-item-16 a {
background: #3550a3 url(none);
}

#container {
width: 100%;
text-align: left;
margin: 0px auto;
border: none;
background: #FFF;
padding:0px;
}

#contentwrap {
width: 100%;
position:relative;
text-align: left;
float:left;
}

.leftbox {
width:270px;
text-align:left;
float:left;
background:url(images/sidecall.gif) no-repeat left bottom;
padding-bottom:145px;
position:relative;
left:0;
top:0;
}

#content {
padding: 0px 0px 10px;
margin-left: 0px;
background: url(none);
}

#content ul {
text-align:justify;
margin:5px 10px 5px 10px;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
font-weight:700;
text-align:center;
font-size:12px;
border: none;
margin:5px;
padding:3px;
}

#content ul.featured {
margin:5px auto;
padding:0;
}

p{
padding: 5px;
margin:5px;
line-height: 20px;
text-indent: 5px;
font-size:11pt;
}

#content ul {
text-align: justify;
margin: 5px 5px 5px 10px;
}

#content ul.productlist {
font-size:11pt;
}

#content ul.products,#content ul.products1 {
list-style:none;
overflow:hidden;
margin:5px;
padding:0;
}

#content ul.products li p, #content ul.products1 li p {
font-size: 11pt;
}

#content ul.products li,#content ul.products1 li {
list-style:none;
background:#eaeff4 url(none);
border:1px solid #CCC;
margin:5px;
padding:3px;
font-size: 11pt;
}

#content ul.productlist li {
list-style:none;
background-image:none;
float:left;
width:210px;
margin:0 10px 10px 0;
padding:0;
}

#content ul.productlist p {
text-indent:0;
text-align:center;
margin:0;
padding:0 4px;
font-size:12px;
}

#content ul.productlist li div {
border:2px solid #DFDFDF;
text-align:center;
background-color:#eaeff4;
padding:10px;
}

#content ul.productlist li div img {
background:#FFF;
border:1px solid #777;
padding:1px;
}

.picture {
margin:5px;
padding:3px;
max-width:55%;
height:auto;
}

.fencepicture {
max-width:55%;
height:auto;
margin:5px;
padding:3px;
}

.picborderless {
max-width:55%;
height:auto;
margin:5px;
}

img.picborderless {
max-width:55%;
height:auto;
margin:5px;
}

.callbtn{
display:block;
margin:0px auto;
}
#footer {
margin: 0px auto;
padding: 0px 0px 15px;
width: 100%;
clear: both;
}

#content #wowslider-container1 .ws_shadow, #content #wowslider-container2 .ws_shadow, #content #wowslider-container3 .ws_shadow, #content #wowslider-container4 .ws_shadow, #content #wowslider-container5 .ws_shadow, #content #wowslider-container6 .ws_shadow, #content #wowslider-container7 .ws_shadow, #content #wowslider-container8 .ws_shadow, #content #wowslider-container9 .ws_shadow, #content #wowslider-container10 .ws_shadow, #content #wowslider-container11 .ws_shadow, #content #wowslider-container12 .ws_shadow{
width:90%;
height:90%;
}


}