@charset "utf-8";
/* CSS Document */

/* Table of Contents

==================================================

    #Base 1182 Grid

    #Tablet (Portrait)

    #Mobile (Portrait)

    #Mobile (Landscape)

    #Clearing */



/* #Base 1182 Grid

================================================== */

    

/* #Tablet (Portrait)

================================================== */

    /* Note: Design for a width of 320px */ /* we use 302px width*/

@media only screen and (max-width: 767px) {
img{ border:none;}
.clr{ clear:both;}

body{ margin:25px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#474748; font-size:13px; background:url(../images/bg.jpg) top left repeat-x #db7922; width:320px !important;
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;}

#container{ 
margin:0 auto;
padding:0;
-webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 22);
box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 22);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background:#FFF;
width:302px !important;}

#header{ margin:0; padding:23px 10px 5px 10px;
background: #f3f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f2f2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f2f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.header_left{ margin:0; padding:0px 0 0 0; float:left; width:302px !important;}
.header_left span.logo{margin:0px; padding:0px; float:left; width:290px !important;}
.header_left span.logo img{ width:260px !important; margin:0px; padding:0px; float:left !important;}
.header_left h1{ margin:0; padding:0; font-family: 'Anaheim', sans-serif; letter-spacing:0px; font-size:43px; color:#1e4f89; font-weight:normal;}
.header_left h1 span{ margin:0; padding:0; font-family: 'Anaheim', sans-serif; font-size:33px; color:#db7921; font-weight:normal;}
.header_left p.bonded{margin:15px 0px 0px 5px; padding:0px; font-family: 'Anaheim', sans-serif; font-size:18px !important; color:#1e4f89; font-weight:normal;}
.header_right span.a-plus{margin:5px 0px; padding:0px; float:left !important;}
.header_right{ margin:5px 0px !important; padding:0; float:left !important; width:302px !important;}
.header_right h2{ margin:5px 0px !important; padding:0; font-size:21px !important; color:#dc7b27; font-weight:normal !important; text-align:center !important; width:260px;}
.header_right h2 span{ margin:0; padding:0; font-size:21px !important; color:#1f4f89; font-weight:normal !important; text-align:center !important;}
.header_right h3{ margin:0px 55px 0px 0px !important; padding:0; font-size:17px; color:#dc7b27; font-weight:normal !important; text-align:right !important;}
.header_right h3 span{ margin:0; padding:0; font-size:21px !important; color:#1f4f89; font-weight:normal !important; text-align:right !important;}

#banner{
margin:5px 12px 15px 12px;
padding:10px 3px 10px 3px;
background:none !important;
width:302px !important;
border-radius:8px;
}

.menu{ margin:0 0 0 0px; padding:0; float:left !important; width:256px !important; background:#f4f3f3 !important;}
.menu ul{ margin:0; padding:0; width:256px !important; float:left;}
.menu ul li{ margin:0; padding:0 0 0 15px; float:left; list-style:none; font-size:19px; font-weight:normal;}
.menu ul li:hover{ color:#ffffff; background:url(../images/hoverbg.png) left no-repeat;}
.menu ul li a{ margin:0 12px 0 0; padding:14px 15px 13px 33px; float:left; text-decoration:none; color:#939393; border-bottom:solid 1px #dfdedd; width:186px; background:url(../images/hoverbg.png) left no-repeat;}
.menu ul li a:hover{ color:#ffffff; background:url(../images/hoverbg.png) left no-repeat;}
.menu ul li.select{ color:#ffffff; background:url(../images/hoverbg.png) left no-repeat;}

.menu ul li a.home{ background:url(../images/home.png) center left no-repeat;}
.menu ul li a.home:hover{ background:url(../images/home_hover.png) center left no-repeat;}
.menu ul li a.home.select{ color:#FFF; background:url(../images/home_hover.png) center left no-repeat;}

.menu ul li a.about{ background:url(../images/about.png) center left no-repeat;}
.menu ul li a.about:hover{ background:url(../images/about_hover.png) center left no-repeat;}
.menu ul li a.about.select{ color:#FFF; background:url(../images/about_hover.png) center left no-repeat;}

.menu ul li a.garage{ background:url(../images/garage.png) center left no-repeat;}
.menu ul li a.garage:hover{ background:url(../images/garage_hover.png) center left no-repeat;}
.menu ul li a.garage.select{ color:#FFF; background:url(../images/garage_hover.png) center left no-repeat;}

.menu ul li a.gates{ background:url(../images/gates.png) center left no-repeat;}
.menu ul li a.gates:hover{ background:url(../images/gates_hover.png) center left no-repeat;}
.menu ul li a.gates.select{ color:#FFF; background:url(../images/gates_hover.png) center left no-repeat;}

.menu ul li a.contact{ background:url(../images/contact.png) center left no-repeat;}
.menu ul li a.contact:hover{ background:url(../images/contact_hover.png) center left no-repeat;}
.menu ul li a.contact.select{ color:#FFF; background:url(../images/contact_hover.png) center left no-repeat;}

.menu .payment{ margin:10px 0px 0px 5px; padding:0px; width:250px; float:left;}

.banner_right{
margin:10px 0px !important;
padding:0;
width:302px !important;
float:left !important;
background:#4468ac;
border-radius:8px;
}
.banner_right h1{ margin:0; padding:5px 0 0 0; font-size:19px; color:#ffffff; font-weight:normal;}
h2.free{margin:0px; padding:0px; font-size:40px; font-weight:normal; font-family: 'Anaheim', sans-serif;}
.left_box{ margin:5px 10px; padding:0; float:left; width:250px !important;}
.right_box{ margin:0px 0px 0px 0px; padding:12px 40px 0 19px; float:right; width:302px !important; background:url(../images/rightbg-2.png) left no-repeat; height:382px; }
.right_box p{ margin:0; padding:8px 0 0 0; font-size:13px; color:#dc7b27; font-weight:bold; float:left; width:118px;}
.right_box p.txt{ margin:0; padding:8px 0 0 0; font-size:13px; font-weight:normal;}
.right_box p.txt a{ text-decoration:none; color:#1f4181;}

.right_box input{
margin:0 0 7px 0;
padding:7px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:solid 1px #a3a2a2;
box-shadow:inset 1px 1px 5px #828182;
width:189px;
color:#939393;
font-size:13px;}

.right_box select{
margin:0 0 7px 0;
padding:7px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:solid 1px #a3a2a2;
box-shadow:inset 1px 1px 5px #828182;
width:209px;
color:#939393;
font-size:13px;}

.right_box select.subselt{
margin:0 0 7px 0;
padding:7px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:solid 1px #a3a2a2;
box-shadow:inset 1px 1px 5px #828182;
width:109px;
color:#939393;
font-size:13px;}

.right_box textarea{
margin:0 0 5px 0;
padding:7px 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:solid 1px #a3a2a2;
box-shadow:inset 1px 1px 5px #828182;
width:189px;
height:35px;
color:#939393;
font-size:13px;}

.right_box p.submit{
margin:6px 0 0 0;
padding:0;
font-size:18px;
font-weight:bold;
text-align:center;
cursor:pointer;}

.right_box p.submit a{ margin:0 28px 0 0; padding:7px 22px; text-decoration:none; color:#ffffff;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:none;
background: #fbab19; /* Old browsers */
background: -moz-linear-gradient(top,  #fbab19 0%, #f47c20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbab19), color-stop(100%,#f47c20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbab19 0%,#f47c20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbab19', endColorstr='#f47c20',GradientType=0 ); /* IE6-9 */
width:75px;}
.right_box p.submit a:hover{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: #486eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #486eb5 7%, #204181 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#486eb5), color-stop(100%,#204181)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #486eb5 7%,#204181 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #486eb5 7%,#204181 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #486eb5 7%,#204181 100%); /* IE10+ */
background: linear-gradient(to bottom,  #486eb5 7%,#204181 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486eb5', endColorstr='#204181',GradientType=0 ); /* IE6-9 */
}

.top-coupon{
margin:0px auto;
padding:0px;
width:933px;	
}
.top-coupon h2{margin:0px 5px 10px 5px; padding:0px;font-size:24px; color:#1e4f89; font-weight:normal;}
.top-coupon ul{margin:0px 0px 20px 0px; padding:0px; width:933px; float:left;}
.top-coupon ul li{margin:0px; padding:0px 8px; list-style:none; display:inline; float:left;}


.service{ margin:0; padding:18px 0 0 0;}
.service ul{ margin:0; padding:0;}
.service ul li{ margin:0; padding:0 0 13px 20px; list-style:none; font-size:16px; color:#dbe6f5; background:url(../images/serviceimg.png) top left no-repeat;}

#body{ margin:0; padding:0;}

.top{ margin:15px 0px; padding:0 20px;}
.top h2{margin:10px 5px 5px 5px; padding:0px;font-size:24px; color:#1e4f89; font-weight:normal;}
.top h4{ margin:0; padding:0; font-size:19px; color:#214282; font-weight:normal; text-align:center;}
.top_img{ margin:0; padding:10px 0; text-align:center;}
.top p{ margin:0; padding:0 21px;}
.top p.read{ margin:0; padding:10px 21px 0 0; text-align:right; font-size:13px;}
.top p.read a{ text-decoration:none; color:#214282;}
.top p.read a:hover{ color:#db7922;}
.top p.read span{ margin:0; padding:0; font-size:13px; color:#fbb063;}
.top p.read span a{ text-decoration:none; color:#fbb063;}
.top p.read span a:hover{ color:#db7922;}

.top p.subtxt{ margin:0; padding:0 21px 15px 21px;}

.top_bg{ margin:0; padding:14px 0;}

.top_left{ margin:0; padding:12px 0; float:left; width:298px; background:url(../images/top_left_bg.png) left no-repeat;}
.top_mid{ margin:0 0 0 15px; padding:12px 0; float:left; width:298px; background:url(../images/top_left_bg.png) left no-repeat;}
.top_right{ margin:0; padding:12px 0; float:right; width:298px; background:url(../images/top_left_bg.png) left no-repeat;}

.testimonails{margin:0px auto; padding:0px; width:933px;}
.testimonials h2{margin:10px 5px 5px 15px; padding:0px;font-size:24px; color:#1e4f89; font-weight:normal;}
.testimonials p{margin:0px 0px 15px 0px; padding:0px 15px;font-size:16px; color:#474748; font-weight:normal; float:left;}
.testimonials span.quotes{margin:0px; padding:0px;}

.center{ margin:14px 0; padding:16px 20px 0 20px; background:url(../images/centertopbg.jpg) top center no-repeat;}
.center h5{ margin:0; padding:0 0 18px 0; font-size:18px; color:#db7922; font-weight:normal;}

.listview{ margin:0; padding:0;}
.listview ul{ margin:0; padding:0;}
.listview ul li{ margin:0; padding:0 0 22px 40px; list-style:none; font-weight:bold; font-size:15px; color:#3e63a6; background:url(../images/listviewimg.png) top left no-repeat;}

.center_left{ margin:0; padding:12px 0 0 0; float:left; width:292px;}
.center_mid{ margin:0 0 0 22px; padding:12px 0 0 0; float:left; width:292px;}
.center_right{ margin:0; padding:12px 0 0 0; float:right; width:292px;}

.bottom{
margin:0;
padding:25px 20px;
background: #e6d9ce; /* Old browsers */
background: -moz-linear-gradient(top,  #e6d9ce 0%, #c9b19a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6d9ce), color-stop(100%,#c9b19a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6d9ce 0%,#c9b19a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6d9ce 0%,#c9b19a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6d9ce 0%,#c9b19a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6d9ce 0%,#c9b19a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d9ce', endColorstr='#c9b19a',GradientType=0 ); /* IE6-9 */
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}

.bottom h6{ margin:0; padding:0; font-size:15px; color:#414141; font-weight:bold;}
.bottom p{ margin:0; padding:12px 8px 8px 0; font-size:12px; color:#666767;}
.bottom p.call{ margin:0; padding:0; font-size:17px; color:#54514e; font-weight:bold;}

.button{
margin:15px 0 0 0;
padding:0;
font-size:15px;
font-weight:bold;
cursor:pointer;}
.button a{
margin:0; 
padding:6px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:none;
background: #fbab19; /* Old browsers */
background: -moz-linear-gradient(top,  #fbab19 0%, #f47c20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbab19), color-stop(100%,#f47c20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbab19 0%,#f47c20 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbab19 0%,#f47c20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbab19', endColorstr='#f47c20',GradientType=0 ); /* IE6-9 */
width:115px; text-decoration:none; color:#FFF;}
.button a:hover{
background: #486eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #486eb5 7%, #204181 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#486eb5), color-stop(100%,#204181)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #486eb5 7%,#204181 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #486eb5 7%,#204181 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #486eb5 7%,#204181 100%); /* IE10+ */
background: linear-gradient(to bottom,  #486eb5 7%,#204181 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486eb5', endColorstr='#204181',GradientType=0 ); /* IE6-9 */
}

.list{ margin:0; padding:0;}
.list ul{ margin:0; padding:12px 0 3px 0;}
.list ul li{ margin:0; padding:0 0 9px 15px; list-style:none; font-weight:bold; font-size:12px; background:url(../images/listimg.png) top left no-repeat;}
.list ul li a{ text-decoration:none; color:#666767;}
.list ul li a:hover{ color:#3e63a6;}

.bot_box1{ margin:0; padding:0; float:left; border-right:solid 1px #ad9986; width:210px;}
.bot_box2{ margin:0; padding:0 0 0 12px; float:left; border-right:solid 1px #ad9986; width:220px;}
.bot_box3{ margin:0; padding:0 0 0 12px; float:left; border-right:solid 1px #ad9986; width:220px;}
.bot_box4{ margin:0; padding:0 0 0 23px; float:left; border-right:none; width:214px;}

strong.orange{ color:#db7922;}

#footer{ margin:0 auto; padding:15px 0; width:961px; text-align:center; font-size:12px; color:#fff;}

/* Dallas Contact */

.dallas_contact{ margin:0 0 25px 0; padding:0 20px;}
.dallas_contact p.subtitle{ margin:0; padding:0; font-size:25px; color:#1f4f89; font-weight:normal;}
.dallas_contact p.contact{ margin:0; padding:8px 0 0 0; font-size:25px; color:#dc7b27; font-weight:bold;}
.dallas_contact p.contact span{ margin:0; padding:0; font-size:25px; color:#1f4f89; font-weight:bold;}
.dallas_contact p.service{ margin:0; padding:8px 0; font-size:17px; color:#dc7b27; font-weight:bold;}
.dallas_contact p.service span{ margin:0; padding:0; font-size:17px; color:#1f4f89; font-weight:bold;}
.dallas_contact p.address{ margin:0; padding:8px 0 35px 0; font-size:17px; color:#000000; font-weight:normal; line-height:19px; border-bottom:solid 1px #ebe9e8;}

.dallas_contact_left{ margin:0; padding:0; float:left; width:470px;}
.dallas_contact_right{ margin:0; padding:0; float:right; width:430px;}

/* Dallas Garage Door */

.dallas_garage{ margin:0 0 25px 0; padding:0 20px;}
.dallas_garage p{ margin:0; padding:0 21px 0 0; font-size:15px; line-height:21px;}
.dallas_garage p.subtitle{ margin:0; padding:0; font-size:25px; color:#1f4f89; font-weight:normal;}

.top p.garagesubhead{ margin:0; padding:0; font-size:17px; color:#dd7227; font-weight:bold; text-align:center;}
.top p.garagehead{ margin:0; padding:15px 0; font-size:20px; color:#1f4f89; font-weight:normal;}
.top p.garagetxt{ margin:0; padding:15px 20px; font-size:15px; line-height:21px;}

.garage_left{ margin:0; padding:12px 0; float:left; width:298px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.2);}

.garage_mid{ margin:0 0 0 13px; padding:12px 0; float:left; width:298px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.2);}

.garage_right{ margin:0; padding:12px 0; float:right; width:298px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.2);}

/* Dallas About US */

.dallas_about{ margin:0; padding: 0 20px;}
.dallas_about p.abouttitle{ margin:0; padding:0; font-size:25px; color:#1f4f89; font-weight:normal;}
.dallas_about p.abouttxt{ margin:0; padding:15px 20px 15px 0; font-size:15px; line-height:21px;}


/* Dallas Gates */

.dallas_gates{ margin:0; padding: 0 20px;}
.dallas_gates p.gatestitle{ margin:0; padding:0; font-size:25px; color:#1f4f89; font-weight:normal;}
.dallas_gates p.gatestxt{ margin:0; padding:15px 20px 15px 0; font-size:15px; line-height:21px;}

.gates_mid{ margin:0 0 0 13px; padding:0; float:left; width:298px;}
.top p.gatessubhead{ margin:0; padding:0 0 0 25px; font-size:17px; color:#dd7227; font-weight:bold; text-align:left;}

.gateslist{ margin:0; padding:0;}
.gateslist ul{ margin:0; padding:10px 0 0 25px;}
.gateslist ul li{ margin:0; padding:3px 0 5px 0; list-style:none; font-size:15px; font-weight:normal;}
.gateslist ul li a{ margin:0; padding:0; color:#2b2b2b; text-decoration:none;}
.gateslist ul li a:hover{ color:#1f4f89;}

.dallas_gates_service{ margin:0; padding:25px 20px;}
.dallas_gates_service p.gatesservicetitle{ margin:0; padding:0; font-size:25px; color:#db7922; font-weight:normal;}
.dallas_gates_service p.gatesservicetxt{ margin:0; padding:15px 20px 15px 0; font-size:15px; line-height:21px;}

.gatesservicelist{ margin:0; padding:0;}
.gatesservicelist ul{ margin:0; padding:10px 0 0 0;}
.gatesservicelist ul li{ margin:0; padding:3px 0 15px 35px; list-style:none; font-size:15px; font-weight:normal; background:url(../images/gateserviceimg.jpg) top left no-repeat;}
.gatesservicelist ul li a{ margin:0; padding:0; color:#1f4f89; text-decoration:none;}
.gatesservicelist ul li a:hover{ color:#db7922;}


	.errm {
    color: #224484;
    display: none;
    font-size: 14px;
    padding-left: 3px;
    text-shadow: none;
	 border: 2px solid #4368ab;

}
.err {
    background-color: #fcb244;
    border: 2px solid #4368ab;
}

	
}