
/* ############# GENERAL RESETS AND FIXES ############# */
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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} 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;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} 
mark  {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { background-color:#ff9; color:#000; text-decoration:none;}

/* ############# GENERAL STYLES ############# */
body {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:19px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal; margin:0; font-family:'Open Sans', sans-serif;}
h1, h2, h3 {color:#c30000;} h4, h5, h6 {color:#c30000;}
h1, h2 {font-size:20px; padding:0 0 15px;}
h3 {font-size:18px; padding:0px 0 6px;}
h4 {font-size:16px; padding:0px 0 5px;}
h5 {font-size:17px; padding:0px 0 4px;}
h6 {font-size:12px; padding:0px 0 4px;}
a:link, a:visited {color:#ff0000; text-decoration:none;}
a:focus, a:hover{color:#a30000; text-decoration:underline;}
a:active {color:#c7a450; text-decoration:none;}
p {padding:0 0 10px 0;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;} 
strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;} 
sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;} 
del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;}
ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;}
table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{} small{font-size:11px;} .red, .require, .star {color:#F00;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;} .section {float:left; width:100%; clear:both;}
 
/* FLUID COLUMN */
.one_half {width:49%; float:left; padding-right:2%; padding-bottom:12px;} .one_half.last {width:49%;float:right;padding-right:0;}
.one_third {width:32%; float:left; padding-right:2%; padding-bottom:12px;} .one_third.last {width:32%; float:right; padding-right:0;}
.two_third {width:66%;float:left; padding-right:2%;padding-bottom:12px;} .two_third.last {width:66%;float:right;padding-right:0;}
.one_fourth {width:23.5%;float:left;padding-right:2%;padding-bottom:12px;} .one_fourth.last {width:23.5%;float:right;padding-right:0;}
.three_fourth {width:74.5%;float:left;padding-right:2%;padding-bottom:12px;} .three_fourth.last {width:74.5%;float:right;padding-right:0;}
.one_half+.one_half, .one_third+.two_third, .two_third+.one_third, .one_third+.one_third+.one_third, .one_fourth+.one_fourth+.one_half, .one_fourth+.one_half+.one_fourth, .one_half+.one_fourth+.one_fourth, .one_fourth+.three_fourth, .three_fourth+.one_fourth, .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:right;padding-right:0;}

/* GRID LAYOUT */
.main, .container {width:960px; margin:0 auto; }.row {display:block; float:left; margin-bottom:20px;} 
.grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; }
.grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;}
.grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;}
.grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}


/*@media (min-width: 1220px) {
	.main { width:1200px;} .grid1 {width:80px;} .grid2 {width:180px;} .grid3 {width:280px;} .grid4 {width:380px;} 
	.grid5 {width:480px;} .grid6 {width:580px;} .grid7 {width:680px;} .grid8 {width:780px;} .grid9 {width:880px;}
	.grid10 {width:980px;} .grid11 {width:1080px;} .grid12 {width:1180px;}
}*/
@media (min-width: 980px) and (max-width: 1219px) {
	.main { width:960px;} .grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} 
	.grid5 {width:380px;} .grid6 { width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} 
	.grid10 { width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}	
}
@media (min-width: 768px) and (max-width: 979px) {
	.main { width:720px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;} 
	.grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;} 
	.grid10 { width:580px;} .grid11 {width:640px;} .grid12 {width:700px;}	
}
@media (max-width: 767px) {
	.main {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;}
	.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;}
}

/* ############# GENERAL STUCTURE ############# */
body {background:#fff; color:#484848; font-size:13px; line-height:19px; font-family:'Open Sans', sans-serif;}
.main {margin:0 auto; position:relative;}

#hwrap {}
.header {overflow:hidden; padding:10px 0px 6px;}
#top {text-align:right; margin-top:12px; color:#484848; font-size:13px; line-height:19px; font-weight:400;}
.helpline {text-align:center;}
.helpline .problem span {color:#be0000; font-weight:700;}
#top h2 {color:#be0000; font-size:30px; line-height:30px; padding-bottom:8px; font-weight:700; text-transform:uppercase;}
#top h2 span { background:url(../images/icon_phone.png) no-repeat 0 2px; padding:0 0 4px 38px; display:inline-block;}
#top .slogan {color:#fbef1d; font-size:18px; line-height:24px;}


/* ############# MAIN NAVIGATION ############# */
#nwrap {background:#020299;}
#nav .nav {height:56px;} #nav-icon {display:none;}
#nav ul {margin:0px; padding:0px; list-style:none;}
#nav ul li {float:left;}
#nav ul li a {color:#fff; font-size:22px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:15px 43px; display:block; text-decoration:none; text-transform:uppercase;}
#nav ul li a:hover, #nav ul li a.active {color:#000;}


/* ############# WRAPPER/CONTENT ############# */
#wrap {}
#wrap .wrap {background:#ccc;}
#banner {position:relative; overflow:hidden;}
.banner {position:relative; border:5px solid #fff;}
ul.bxslider {padding:0px;}
.banner-logo {position:absolute; bottom:14px; right:340px; z-index:99;}
.banner-form {background: url(../images/form_bg.png) repeat 0 0; position:absolute; bottom:40%; right:50%; margin-right:-470px; margin-bottom:-7%; z-index:99; width:270px; padding:12px 15px 8px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-left:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-order-radius:3px; -o-border-radius:3px;}
.banner-form h2 {color:#fff; font-size:28px; line-height:32px; font-weight:700; padding-bottom:10px;}
.banner-form h2 span {color:#fff200;}
.banner-form form p {padding-bottom:6px;}
.banner-form form input.text {background:#fff; color:#696969; border:1px solid #be0000; margin:0px; width:100%; height:28px; padding:4px 8px 5px; box-shadow:1px 1px 1px #b7b7b7 inset; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.banner-form form textarea {padding:6px 8px 7px; width:100%; height:59px; border:1px solid #c70000; margin:0px; font-family:Arial, Helvetica, sans-serif; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.banner-form form input.submit {background:#cecece url(../images/submit_bg.png) repeat-x 0 0; color:#f40000; font-size:16px; line-height:22px; text-transform:uppercase; font-weight:bold; padding:4px 15px 5px; border:1px solid #be0000; border-radius:2px;}
.banner-form form input.submit:hover { background:#dedede;}

.wrapper {padding:20px 0px 16px; font-family:Arial, Helvetica, sans-serif;}
.wrapper h1 {color:#ff0000; font-size:20px; line-height:26px; font-weight:bold;}
.wrapper h5 {color:#262626; font-size:13px; line-height:19px; font-weight:bold;}
.wrapper .content {background:#fff; padding:14px 15px 10px;}

.feature {margin-bottom:16px;}
.feature-wg .inner {background:#fff; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-order-radius:3px; -o-border-radius:3px; padding:5px;}
.feature-wg .feature-inner {position:relative;}
.feature-wg .feat-caption {position:absolute; left:0; right:0px; bottom:0px; z-index:99; background:url(../images/feature-bitmap.png) no-repeat 100% 100%; padding-right:74px;}
.feature-wg .feat-caption .caption-inner {background:url(../images/feature_caption_bg.png) repeat 0 0; padding:12px 5px 13px 15px;}
.feature-wg .feat-caption h3 {color:#fff; font-size:20px; line-height:26px; font-weight:700; padding-bottom:0px;}

.content {color:#484848; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.content h2 {font-size:20px; line-height:26px; font-weight:700;}


a.more-link {color:#333333; text-decoration:underline; font-weight:normal; font-weight:bold; font-size:12px; text-transform:uppercase;} 
a.more-link:hover {text-decoration:none; color:#c7a450;}

a.button {background:#a90000 url(../images/btn_call_bg.png) repeat-x 0 0; padding:6px 10px 7px; display:block; width:auto; cursor:pointer; color:#fff; font-size:30px; line-height:30px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; margin:0px 0px 6px; text-transform:uppercase; border:1px solid #c70000; text-shadow:1px 1px 0px #2e0000; text-align:center;}
a.button:hover {background:#cb0000; text-decoration:none;}

img {max-width:100%;}
img.alignright {float:right; margin:0px 0 10px 10px; clear:right;}
img.alignleft {float:left; margin:0px 25px 10px 0; clear:left;}
img.alignalone {margin:5px auto 8px;} img.alignnone {margin:8px 10px 10px 0px;}
img.alignright, img.alignleft, img.alignnone {}

.btmarg {margin-bottom:20px;}

/*   FORM   */
.contact-page .wpcf7 { margin:5px 0 0;}
.wpcf7 .star{ color:#F00;}

#map {float:right; margin-left:20px;} #map img {margin-bottom:8px;} .gmap-title {padding:0 0 20px;}

input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea {background:#fff; font-size:13px; line-height:18px; color:#757575; border:0 none; width:270px; padding:7px 10px 8px; font-weight:normal; margin-right:10px;} 
textarea {height:75px;} select {padding:3px 3px 3px 5px; width:230px;} textarea#comment {width:93.2%;}

input.input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input.wpcf7-text:focus, input.wpcf7-email:focus, input.wpcf7-date:focus, input.wpcf7-tel:focus, select:focus, textarea:focus { color:#616161;} 
input.error, select.error, textarea.error {border-color:#fff200;} input.wpcf7-file {padding:5px 5px 5px;}
input.wpcf7-submit, input.button, input.submit, input#submit, input[type='button'], input[type='submit'] {background:#fff; border:0 none; display:inline-block; padding:4px 24px 5px; font-size:16px; line-height:22px; text-transform:uppercase; color:#ff0000; text-decoration:none; width:auto; text-align:left; font-weight:700; font-family: 'Open Sans', sans-serif; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}
input.wpcf7-submit:hover, input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover {color:#e60000; background:#f4f4f4; text-decoration:none; cursor:pointer;}
.banner-form form input.invalid, .banner-form form textarea.invalid, .banner-form form input.invalid:focus, .banner-form form textarea.invalid:focus {border-color: #ffff00;}

.message_show {color:#FFFF00; font-size:10px; line-height:12px; margin-top:-10px;}  .message_show p {padding-bottom:2px;}

/* ############# BOTTOM/FOOTER ############# */
#fwrap {background:#1c1c1c;}
.footer {color:#fefefe; padding:14px 10px 18px; overflow:hidden;}
.footer-nav {font-size:12px; line-height:18px; font-family: 'Open Sans', sans-serif;}
.footer p {padding-bottom:5px;}
.footer a {color:#fefefe; padding:0px 8px;}	.footer a:hover {color:#fff;}
.copyright {color:#b3b3b3; font-size:13px; line-height:19px;}
.copyright a {color:#b3b3b3;}
/* ### RESPOSIVE STUCTURE ### */
@media only screen and (min-width: 980px) and (max-width: 1219px) {
	.banner-form form p {padding-bottom:4px;}
	.banner-form {margin-bottom:-8%;}
	.banner-form h2 {font-size: 20px; line-height: 24px; padding-bottom:6px;}
	.banner-form form input.text {height:24px;}

}

@media (min-width: 768px) and (max-width: 979px) {
	#top h2 {font-size:24px;}
	.feature-wg .feat-caption h3 {font-size:17px; line-height:20px;}
}
@media (max-width: 979px) {
	.banner-form {position:relative; width:70%; right:0px; top:0px; margin:16px auto 12px;}

}
@media (max-width: 767px) {
	#top {text-align:left;}
	.logo, .helpline, .call {float:none; text-align:center;}
	.banner-form {width:74%;}
	.feature-wg {margin-bottom:10px;}
	.feature-wg .feature-inner img {}
	.feature-wg {max-width:300px; margin:0 auto 10px !important; float:none;}

}

@media (max-width: 480px){
	.banner-form h2 {font-size:22px; line-height:28px;}
}
@media (max-width: 320px) {
	#top h2 {font-size:24px;}
	.feature-wg .feat-caption h3 {font-size:15px; line-height:16px;}

}

