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

/* RESET */

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}

img, textarea {border:none;}

a {text-decoration:none;}

.clear {clear:both;}

body { background:url(../images/background.png) repeat; font-family:Arial, Helvetica, sans-serif}

#wrapper {max-width:1200px; min-width:240px; margin:0 auto;}

#top { height: 44px; background-color: #22227d; text-align: center; width: 100% }

#top ul {padding-top: 10px;}

#top li {display: inline; color: #fff; padding: 0 1% 0 1.5%; font-size: 14px; border-left: 1px solid #fff}

#top ul li:first-child { border-left: none}

#main-top {padding-top: 25px}

#main-top .logo { float: left; margin-top: 10px}

#main-top p { float: right; font-size: 12px; line-height: 18px; color: #000; width: 338px; padding-right: 0; p}

#main-top .bold { font-weight: bold; font-size: 14px; padding-top: 10px; line-height: 20px; clear: right}

#main-top h4 { float: right; clear: right; margin: 5px 40px 0 0}

#main-top h4 img {display: inline; padding-right: 8px; }

#mobile-bar { display: none}

.call {display:none}



#nav {height: 69px; width: 99.8%; margin-top: 20px; border: 1px solid #fff;
background: -moz-linear-gradient(top,  #810202 0%, #e51a1a 79%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#810202), color-stop(79%,#e51a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* IE10+ */
background: linear-gradient(to bottom,  #810202 0%,#e51a1a 79%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810202', endColorstr='#e51a1a',GradientType=0 ); /* IE6-8 */}

#nav ul { position:relative;  text-align: center;}

#nav li { text-transform: uppercase; float: left; font-size: 24px; list-style-type: none;}

#nav ul li {width:9%}

#nav ul li + li {width:10%}

#nav ul li + li + li {width:13%}

#nav ul li + li + li + li {width:13%}

#nav ul li + li + li + li + li {width:13%}

#nav ul li + li + li + li + li + li {width:10%}

#nav ul li + li + li + li + li + li + li {width:14%}

#nav ul li + li + li + li + li + li + li + li {width:18%}

#nav a { color: #fff; padding: 20px 19px 20px 19px; background:url(../images/border.jpg) left no-repeat; text-align:center; display: block;
}

#nav .first { background:none}

#nav a:hover { background-color:#FFFFFF; color: #810202}

#header-wrapper { padding: 1%; background-color:#FFFFFF; width: 98%;}

#header { float: left; width: 68%;}

#header img { width: 100%; max-width: 798px}

#quick_form { float: right; width: 27%; margin-left: 1%; padding: 2%; background: url(../images/form-bg.jpg) repeat; text-align:center}

#quick_form label span { float: left; clear: left; width: 90%; margin-top: 11px;  color:#fff; font-size: 12px;  }

#quick_form textarea {margin-top: 5px; width:96%; height:85px; background:#fff; color:#000; border:1px solid #9f9d9d; font-size:12px;  padding:2px 5px 0 3px;}

#quick_form .submit {width: 84px; height: 30px; margin:15px 0 0 0;}

#quick_form .field:focus {background:#efecec; border:1px solid #928f8f}

#quick_form textarea:focus {background:#efecec; border:1px solid #928f8f}

#quick_form .code img {float:left; margin:10px 0 0 0}

#quick_form .field {margin: 0; width:96%; background:#fff; border:1px solid #9f9d9d;  height:22px;  padding:2px 5px 0 3px; }

#quick_form #captcha {margin: 0; width:96%; background:#fff; border:1px solid #9f9d9d;  height:22px;  padding:2px 5px 0 3px; }

#quick_form h3 { font-weight: normal; font-size: 12px; color: #fff; margin-top: 25px}

form { margin-top:20px; text-align:left}

#content { background:url(../images/shadow.png) top no-repeat #ce1717; padding: 3%; padding-top: 30px; width: 94%}

#content p { color: #fff; font-size: 18px; margin-top: 25px; line-height: 28px}

#content h3 { font-size: 18px; color: #fff; line-height: 28px; font-weight: normal; margin-top: 15px}

#tables .table{ width: 19%; float: left; margin-right: 1%}
#last {}

#tables .box { background-color:#FFFFFF; width: 100%; height: 600px}

#tables .box img {width: 100%}

#tables .box h2 { background-color: #ce1717; font-weight: normal; color: #fff; font-size: 18px; text-transform: uppercase; text-align: center; width: 100%; padding: 10px 0}

#tables .box ul { padding: 10px; margin-top: 10px}

#tables .box ul li { color: #010101; font-size: 14px; list-style-type: none; padding: 0 0 7px 30px; background:url(../images/bullet.png) no-repeat left top;
}

#tables .shadow img { width: 100%}

#coupon { text-align: center; margin-top: 20px}

#coupon img { width: 26%; display: inline; margin-right: 0.5%; max-width: 287px}

#coupon img:last-child { margin-right: 0;}

#coupon p { font-szie: 16px; color: #1b3d7f; text-transform: uppercase; margin-top: 15px}

#logos-wrapper { width: 100%; background: url(../images/border-top.png) repeat-x top #fff; margin-top: 40px}

#logos {max-width:1200px; min-width:240px; margin:0 auto; padding: 10px; text-align: center}

#logos img { width: 100%; max-width: 1042px}

#footer-wrapper { width: 100%; background: url(../images/footer.png) repeat-x top #020246;}

#footer {max-width:1200px; min-width:240px; margin:0 auto; padding-top: 10px; height: 200px}

#footer ul {  float: left; width: 100%; margin-top: 20px}

#footer li {display: inline; font-size: 11px; padding: 0 1%; border-left: 1px solid #aaa5a5;}

#footer a { color: #aaa5a5;  outline:0}

#footer li:first-child { padding-left: 0; border-left: none}

#footer a:hover { color: #736f6f}

#footer p { float: left; font-size: 11px; margin-top: 15px; color: #aaa5a5;}

#footer h1 { float: left; font-size: 11px; margin-top: 15px; color: #aaa5a5; font-weight: normal; width: 50%; clear: left; line-height: 16px}

#footer h2 {color: #aaa5a5; font-size: 11px;  font-weight: normal; margin-top:-15px; float: right }

#footer img { float: right; clear: right; margin: 20px 112px 0 0}

#sub { background:url(../images/shadow.png) top no-repeat #fff; padding: 3%; padding-top: 30px; width: 94%}

#sub h2 { font-size: 22px; font-weight: normal; text-transform: uppercase; color: #fb0101; margin-top: 20px}

#sub p {font-size: 14px; line-height: 22px; margin-top: 20px; color: #000; }

#sub p:first-of-type { margin-top: 30px}

#sub img { float: right; max-width: 292px; margin: 0 0 2% 2%; width: 100%; margin-top: 40px}

#sub h4 { font-size: 18px; color: #666666; font-weight: normal; margin-top: 40px}

#gallery { width: 100%; margin-top: 10px}

#gallery img { max-width: 282px;  float: left; width: 23.7%; padding-right: 1%; margin: 10px 0 0 0; float: none; }

#facebook { float: right; width: 292px; text-align: center}

#facebook img { margin-top: 20px; max-width: 250px; float: none}

#facebook iframe { margin-top: 15px}

#sub-left {float: left; width: 70%}

#sub ul {float: left; width: 25%; margin-top: 30px}

#sub ul li { list-style-type: none; background: url(../images/bullet.png) no-repeat left; padding: 5px 0 5px 25px; font-size: 14px}

#gallery1 img { max-width: 180px; float: none; width: 26%; margin: 0; padding-right: 1% }

#gallery1 { float: left; width: 100%; margin-top: 40px}

#sub .operator { width: 100%; max-width: 292px}

#contact_form {  width: 100%; }

#contact_form label span { float: left; clear: left; width: 90%; margin-top: 15px;  color:#474747; font-size: 14px;  }

#contact_form textarea {margin-top: 5px; width:96%; height:120px; background:#ebebeb; color:#000; border:1px solid #bbbaba; font-size:12px;  padding:2px 5px 0 3px;}

#contact_form .submit {width: 84px; height: 30px; margin:15px 0 0 0;}

#contact_form .field:focus {background:#e1e1e1; border:1px solid #928f8f}

#contact_form textarea:focus {background:#e1e1e1; border:1px solid #928f8f}

#contact_form .code img {float:left; margin:10px 0 0 0}

#contact_form .field {margin:5px 0 0 0; width:96%; background:#ebebeb; border:1px solid #bbbaba;  height:25px;  padding:2px 5px 0 3px; }

#contact_form #captcha {margin:5px 0 0 0; width:96%; background:#ebebeb; border:1px solid #bbbaba;  height:25px;  padding:2px 5px 0 3px; }

#contact_form h3 { font-weight: normal; font-size: 12px; color: #fff; margin-top: 25px}





/* SUB */

@media all and (min-width:1090px) and (max-width:1180px)  {
#sub ul { width: 25%;}
#gallery1 img {width: 25%; padding-right: 1%; max-width: 160px }
}

@media all and (min-width:930px) and (max-width:1089px)  {
#sub-left { width: 65%}
#sub img { max-width: 292px; }
#sub ul { width: 24%; padding-right:1%}
#gallery1 img {width: 23%; padding-right: 0.5%; max-width: 160px }
}

@media all and (min-width:830px) and (max-width:929px)  {
#sub-left { width: 60%}
#sub-left h4 { font-size: 15px}
#sub img { max-width: 292px; }
#sub ul { width: 24%; padding-right:1%; }
#sub ul li { font-size: 12px; line-height: 18px}
#gallery1 img {width: 23%; padding-right: 0.5%; max-width: 160px }

}

@media all and (min-width:780px) and (max-width:829px)  {
#sub-left { width: 55%}
#sub-left h4 { font-size: 15px; margin-top: 20px}
#sub img { max-width: 292px; }
#sub p { font-size: 12px; margin-top: 10px}
#sub ul { width: 24%; margin-right:1%; }
#sub ul li { font-size: 12px; line-height: 16px; padding: 2px 0 2px 15px; background:url(../images/bullet1.png) no-repeat left }
#gallery1 img {width: 48%; padding-right: 0.5%; max-width: 280px }
#gallery1 { margin-top: 20px}
}

@media all and (min-width:480px) and (max-width:779px)  {
#sub-left { width: 100%; float: none}
#facebook iframe { display: none}
#facebook { float: none; width: 100%;  align: center;}
#facebook img {float: none;  margin: 0.5%; width: 100%; max-width: 250px}
#sub-left h4 { font-size: 15px; margin-top: 20px}
#sub p { font-size: 12px; margin-top: 10px}
#sub img { max-width: 292px; }
#sub ul { width: 23%; margin-right:2%; margin-top: 20px }
#sub ul li { font-size: 12px; line-height: 16px; padding: 2px 0 2px 15px; background:url(../images/bullet1.png) no-repeat left }
#gallery1 { margin-top: 20px}
#gallery1 img {width: 23%; padding-right: 0.5%; max-width: 280px }
#nav { width: 98.5%;}
}



@media all and (min-width:350px) and (max-width:479px)  {
#sub-left { width: 100%; float: none}
#facebook iframe { display: none}
#facebook { float: none; width: 100%;  align: center;}
#facebook img {float: none;  margin: 0.5%; width: 100%; max-width: 250px}
#sub-left h4 { font-size: 15px; margin-top: 20px; padding-left: 1%}
#sub p { font-size: 12px; padding: 1px; padding-left: 1.5%}
#sub ul { width: 47%; margin-right:2%; margin-left: 1%; margin-top: 20px }
#sub ul li { font-size: 12px; line-height: 16px; padding: 2px 0 2px 15px; background:url(../images/bullet1.png) no-repeat left }
#gallery1 { margin-top: 20px; text-align: center}
#gallery1 img {width: 44%; padding-right: 0.5%; max-width: 240px; float: none }
}

@media all and (max-width:349px)  {
#sub-left { width: 100%; float: none}
#facebook iframe { display: none}
#facebook { float: none; width: 100%;  align: center;}
#facebook img {float: none;  margin: 0.5%; width: 40%; max-width: 250px}
#sub-left h4 { font-size: 15px; margin-top: 20px; padding-left: 1%}
#sub p { font-size: 12px; padding: 1.5px; padding-left: 2%; margin-top: 15px}
#sub ul { width: 47%; margin-right:2%; margin-left: 1%; margin-top: 20px }
#sub ul li { font-size: 12px; line-height: 16px; padding: 2px 0 2px 15px; background:url(../images/bullet1.png) no-repeat left }
#gallery1 { margin-top: 20px; text-align: center}
#gallery1 img {width: 44%; padding-right: 0.5%; max-width: 240px; float: none }
}
.phone {display:none}
@media all and (max-width:500px)  {
.phone {display:block}
}


/* GALLERY */

@media all and (min-width:760px) and (max-width:1200px)  {
#gallery img { width: 23.5%}
}

@media all and (min-width:650px) and (max-width:759px)  {
#gallery img { width: 23.8%; padding-right: 0.6%; }
}

@media all and (min-width:560px) and (max-width:649px)  {
#gallery img { width: 23.6%; padding-right: 0.6%; }
}

@media all  and (max-width:559px)  {
#gallery img { width: 48%; padding-right: 1%; }
}





/* FOOTER */

@media all and (min-width:610px) and (max-width:680px)  {
#footer li { padding: 0 0.4%}
#footer h2 { font-size: 10px}
#footer h1 {font-size: 10px}
#footer p {font-size: 10px; margin-top: 0; width: 60%}
#footer img { margin-right: 105px}
}

@media all and (min-width:400px) and (max-width:609px)  {
#footer { text-align: center; height: 280px}
#footer ul { float: none}
#footer h2 { float: none;  margin-top: 20px}
#footer h1 {float: none; width: 98%; margin: 1%; margin-top: 15px}
#footer p {float: none}
#footer img {float: none; margin-right: 25px}
}

@media all and (max-width:399px)  {
#footer { text-align: center; height: 310px}
#footer ul { float: none}
#footer h2 { float: none;  margin-top: 20px; font-size: 10px; padding: 0 0.5%}
#footer h1 {float: none; width: 98%; margin: 1%; margin-top: 15px; font-size: 10px}
#footer p {float: none; font-size: 10px}
#footer img {float: none; margin-right: 25px}
}


/* COUPON */

@media all and (min-width:690px) and (max-width:1220px)  {
#coupon img { width: 24%}
}

@media all and (min-width:560px) and (max-width:689px)  {
#coupon p { font-size: 14px; padding: 0 10px}
#coupon img { width: 23%}
}

@media all and (min-width:350px) and (max-width:559px)  {
#coupon img { width: 45%; margin: 1%}
#coupon img:last-child { margin:1%}
#coupon p { font-size: 14px; padding: 0 10px}
}

@media all and (max-width:349px)  {
#coupon img { width: 90%; margin: 2%}
#coupon img:last-child { margin:2%}
#coupon p { font-size: 14px; padding: 0 10px}
}

/* TABLES */

@media all and (min-width:880px) and (max-width:960px)  {
#tables .box{ height: 650px}
}

@media all and (min-width:815px) and (max-width:879px)  {
#tables .box{ height: 650px;}
#tables .box ul li { font-size: 13px; padding: 3px 0 4px 30px;}
}

@media all and (min-width:700px) and (max-width:814px)  {
#tables .box{ height: 690px;}
#tables .box ul li { font-size: 13px; padding: 3px 0 4px 28px;}
}

@media all and (min-width:650px) and (max-width:699px)  {
#tables .box{ height: 650px}
#tables .box ul li { font-size: 12px; padding: 2px 0 3px 26px; line-height:14px}
}
@media all and (min-width:550px) and (max-width:649px)  {
#tables .box{ height: 610px }
#tables .box ul {padding: 5px}
#tables .box ul li { font-size: 12px; padding:3px 0 3px 15px; background: url(../images/bullet1.png) no-repeat left; line-height:14px;}
}

@media all and (min-width:490px) and (max-width:549px)  {
#tables .box h2  { font-size: 16px;}
#tables .box{ height: 630px; }
#tables .box ul {padding: 3px}
#tables .box ul li { font-size: 12px; padding:2px 0 2px 13px; background: url(../images/bullet1.png) no-repeat left; line-height:14px;}
}

@media all and (min-width:420px) and (max-width:489px)  {
#tables .table h2  { font-size: 16px; width:100%}
#tables .box img { max-width: 230px; margin: 15px; padding: 5px; border: 2px solid #ce1717;}
#tables .table { width: 100%; float: none; text-align: center}
#tables .box ul { width: 300px; text-align: left; margin-left:18%}
#tables .box ul li { font-size: 14px; padding:0 0 7px 30px;}
#tables .box { height: 630px}
} 

@media all and (min-width:351px) and (max-width:419px)  {
#tables .table h2  { font-size: 16px; width:100%}
#tables .box img { max-width: 230px; margin: 15px; padding: 5px; border: 2px solid #ce1717;}
#tables .table { width: 100%; float: none; text-align: center}
#tables .box ul { text-align: left; margin-left:12%; margin-top: 10px}
#tables .box ul li { font-size: 13px; padding:0 0 6px 30px;}
} 

@media all and (max-width:350px)  {
#tables .table h2  { font-size: 16px; width:100%;}
#tables .box img { max-width: 232px;margin:10px;  padding: 5px; border: 2px solid #ce1717;width: 100%}
#tables .box { height: 550px}
#tables .table { width: 100%; float: none; text-align: center}
#tables .box ul { text-align: left; margin-left:8%}
#tables .box ul li { font-size: 12px; padding:0 0 5px 30px;}
} 

/* CONTENT */

@media all and (min-width:350px) and (max-width:600px)  {
#content p { color: #fff; font-size: 12px; margin-top: 15px; line-height: 18px}
#content .large { font-size: 16px; line-height: 24px}
}

@media all and (max-width:350px)  {
#content p { color: #fff; font-size: 11px; margin-top: 15px; line-height: 17px}
#content .large { font-size: 14px; line-height: 20px}
}



/* HEADER-WRAPPER */
@media all and (min-width:1120px) and (max-width:1190px)  {
#quick_form { padding: 1.5%; width: 28%; }
#quick_form textarea {margin-top:0;  height:90px;}
#quick_form form { margin-top:0}
}

@media all and (min-width:1080px) and (max-width:1119px)  {
#quick_form { padding: 1.5%; width: 28%; }
#quick_form label span { margin-top: 8px;}
#quick_form textarea {margin-top:0;  height:95px;}
#quick_form form { margin-top:0}
}

@media all and (min-width:1000px) and (max-width:1079px)  {
#quick_form { padding: 1.5%; width: 28%; }
#quick_form label span { margin-top: 8px;}
#quick_form .field { height: 14px}
#quick_form textarea {margin-top:0;  height:90px;}
#quick_form form { margin-top:0}
}

@media all and (min-width:890px) and (max-width:999px)  {
#quick_form { padding: 1.5%; width: 28%; }
#quick_form label span { margin-top:3px;}
#quick_form .field { height: 13px}
#quick_form textarea {margin-top:0;  height:85px;}
#quick_form form { margin-top:0}
}


@media all and (min-width:781px) and (max-width:889px)  {
#quick_form { padding: 1.5%; width: 28%; }
#quick_form label span { margin-top:2px; font-szie: 11px}
#quick_form .field { height: 12px}
#quick_form textarea {margin-top:0;  height:65px;}
#quick_form form { margin-top:0}
#quick_form img { width: 100%}

}


@media all and (min-width:450px) and (max-width:780px)  {
#header { width: 100%; float: none}
#quick_form { padding: 1.5%; width: 96%; float: none; margin-top: 15px }
#quick_form img { margin-top: 20px}
.code { float: left; margin-right: 50px}
#quick_form form { margin:10px; width: 98%;}
}

@media all and (min-width:351px) and (max-width:449px)  {
#header { width: 100%; float: none}
#quick_form { padding: 1.5%; width: 96%; float: none; margin-top: 15px }
#quick_form img { margin-top: 20px}
.code { float: left; margin-right: 50px}
#quick_form form { margin:10px; width: 96%;}
}


@media all and (max-width:350px)  {
#header {display: none}
#quick_form { padding: 1.5%; width: 96%; float: none; margin-top: 15px }
#quick_form img { margin-top: 20px}
.code { float: left; margin-right: 50px}
#quick_form form { margin:10px; width: 94%;}
#build-menu-button { display: none}
}


/* TOP */
@media all and (min-width:1025px) and (max-width:1110px)  {
#top li { font-size: 13px }
}

@media all and (min-width:890px) and (max-width:1024px)  {
#top  {height: 40px}
#top li { font-size: 12px; padding: 0 0.5% 0 1; }
}

@media all and (min-width:710px) and (max-width:889px)  {
#top li { font-size: 11px; padding: 0 0.2% 0 0.7% }
}

@media all and (min-width:480px) and (max-width:709px)  {
#top  {height: 60px}
#top li { font-size: 12px; padding: 0 0.5% 0 1%; line-height: 20px }
}

@media all and (min-width:399px) and (max-width:479px)  {
#top  {height: 60px}
#top li { font-size: 11px; padding: 0 0.5% 0 1%; line-height: 20px }
}

@media all and (max-width:399px)  {
#top  {height: 120px}
#top li {  font-size: 12px; padding:0; border: none; line-height: 17px; display: block; background:none}
}




/* MAIN-TOP */

@media all and (min-width:790px) and (max-width:900px)  {
#main-top .logo { max-width: 430px}
}

@media all and (min-width:710px) and (max-width:789px)  {
#main-top .logo {  max-width: 350px}
}

@media all and (min-width:570px) and (max-width:709px)  {
#main-top .logo {  max-width: 290px; margin-top: 15px}
#main-top p { font-size: 11px; width: 260px; line-height: 16px}
#main-top .bold { font-size: 13px; line-height: 17px; padding-top: 8px}
#main-top h4 { margin-right: 10px}
#main-top h4 img { max-width: 40px }
}

@media all and (min-width:500px) and (max-width:569px)  {
#main-top .logo {  max-width: 240px; margin-top: 25px}
#main-top p { font-size: 10px; width: 240px; line-height: 15px}
#main-top .bold { font-size: 12px; line-height: 16px; padding-top: 7px}
#main-top h4 { margin-right: 0}
#main-top h4 img { max-width: 40px; padding-right: 5px}
}

@media all and (max-width:499px)  {
#main-top { text-align: center; }
#main-top .logo { float: none; max-width: 330px; width: 90%; margin-top: 0 }
#main-top p {float: none; padding-top: 20px; width: 80%; margin-left: 8%}
#main-top .bold { float: none; padding-top: 10px; font-size: 13px }
#main-top h4 { float: none; margin-right: 0}
#main-top h4 img { max-width: 45px}
}

@media all and (max-width:350px)  {
#main-top .google { display: none}
}


/* NAV */

@media all and (min-width:950px) and (max-width:1090px)  {
#nav li { font-size: 20px}
#nav a {padding: 22px 19px 22px 19px;}
}

@media all and (min-width:785px) and (max-width:949px)  {
#nav { height: 65px}
#nav li { font-size: 15px}
#nav a {padding: 23px 19px 23px 19px;}
}

@media all and (min-width:680px) and (max-width:784px)  {
#nav { height: 65px}
#nav li { font-size: 14px}
#nav a {padding: 24px 16px 24px 16px;}
}

@media all and (min-width:550px) and (max-width:679px)  {
#nav { height: 50px}
#nav li { font-size: 13px}
#nav a {padding: 17px 7px 17px 7px;}
}

@media all and (min-width:460px) and (max-width:549px)  {
#nav { height: 48px}
#nav li { font-size: 11px}
#nav a {padding: 17px 5px 17px 5px;}
}

@media all and (max-width:459px)  {
#nav ul li {width:100%; float: none;}
#nav { display: none}


#mobile-bar { height: 75px;display:block; background:#ce0205; margin-top: 30px; border: 1px solid #fff;
background: -moz-linear-gradient(top,  #810202 0%, #e51a1a 79%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#810202), color-stop(79%,#e51a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #810202 0%,#e51a1a 79%); /* IE10+ */
background: linear-gradient(to bottom,  #810202 0%,#e51a1a 79%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#810202', endColorstr='#e51a1a',GradientType=0 ); /* IE6-8 */}

#mobile-bar a {display:block;  color: #fff; padding-top: 25px; text-align:center; font-size:20px; background:url(../images/navigation.png) no-repeat center left; height: 78px;}
}






/* mobile nav */

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 240px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  margin-top:320px;
}



#build-menu ul li a {font-size:13px; color:#000; text-transform:uppercase}

#build-menu ul li {padding:0; background: none; margin:2px 0 0 10px; list-style-type:none}

#build-menu p {font-size:13px; color:#fff; padding:10px; line-height:20px; color:#cdccc8}

#build-menu p #build-menu-button {display:block; width:29px; height:29px; text-indent:-9999px; outline:0; float:right; background:url(../images/close.png) no-repeat; margin-right:60px;}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}