﻿/*   
Theme Name: ExpressBAC
Theme URI: http://www.expressbac.com
Description: Template for www.expressbac.com
Author: allnBlue
Author URI: http://www.allnblue.com
Version: 1.0
*/

/* general */
html { background: url(img/bg.png) repeat; height: 100%; }
body { background: url(img/bg-main.jpg) center top no-repeat; height: 100%; font-family: Tahoma, Geneva, sans-serif; }
#wrap { width: 926px; margin: 0 auto; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
/* general */

/* header */
#header { height: 180px; position: relative; z-index: 1; }
#header h1 { padding: 40px 0 0 0; float: left; position: absolute; }
#header h1 a { display: block; float: left; background: url(img/logo.png); width: 177px; height: 90px; text-indent: -500px; overflow: hidden; }
#header .call { padding: 36px 0 0 34px; float: right; background: url(img/bg-call.png) left bottom no-repeat; width: 246px; height: 31px; color: #ababab; font-size: 14px; }
#header .call strong { padding: 0 0 0 8px; }
#header #pages { margin: 19px 0 0 0; float: right; clear: both; }
#header #pages li { display: block; height: 43px; float: left; padding: 0 6px; }
#header #pages li.current_page_item { background: url(img/nav-li.png) center 39px no-repeat; }
#header #pages li a { display: block; height: 39px; float: left; padding: 0 7px; line-height: 39px; font-size: 16px; color: #fff; text-transform: uppercase; text-decoration: none; }
#header #pages li a:hover, #header #pages li.current_page_item a { background-color: #252525; }
/* header */

/* content */
#content { background: url(img/content-middle.png) left top repeat-y; }
#content-top { background: url(img/content-top.jpg) left top no-repeat; }
#content-bottom { background: url(img/content-bottom.jpg) left bottom no-repeat; min-height: 1050px; height: auto !important; height: 1050px; }
#content.page5 #content-top, #content.page7 #content-top, #content.page9 #content-top, #content.page13 #content-top { background: url(img/content-top-small.jpg) left top no-repeat; }
#content.page5 #content-bottom, #content.page7 #content-bottom, #content.page9 #content-bottom, #content.page13 #content-bottom { background: url(img/content-bottom-small.jpg) left bottom no-repeat; min-height: 760px; height: auto !important; height: 760px; }
#main { font-size: 14px; color: #1b1b1b; line-height: 1.7; }
#main .il { width: 434px; height: 362px; float: right; background: url(img/bg-il.jpg); margin: -27px 23px 0 0; display: inline; position: relative; z-index: 100; }
#main h2 { font-size: 36px; color: #1b1b1b; font-weight: normal; text-transform: uppercase; padding: 40px 0 15px 30px; line-height: 1; }
#main .post { padding: 0 50px 50px 30px; text-align: justify; }
#main p { padding: 10px 0; }
#main p.note { font-style: italic; font-size: 13px; margin: 30px 0 0 0; }
#main p.bold { font-size: 16px; display: block; font-weight: bold; color: #000; margin: 15px 0; }
#main ul { margin: 5px 0 15px 15px; }
#main ul li { background: url(img/main-li1.png) left 6px no-repeat; margin: 5px 0; padding: 0 0 0 25px; }
#main ul.point { margin: 15px 0 15px 15px; }
#main ul.point li { background: url(img/main-li2.png) left 7px no-repeat; margin: 0; padding: 0 0 0 25px; }
#main a { font-weight: bold; color: #c5131f; }
#main .blocks { font-size: 13px; line-height: 1.5; }
#main .blocks .block { float: left; width: 400px; }
#main .blocks .block.left { padding: 0 40px 0 0; }
#main .blocks img.alignleft { margin-top: -10px; }
#main .blocks a { display: block; text-decoration: none; margin: 15px 0 0 0; }
#main .blocks a:hover { text-decoration: underline; }

#main img.alignleft { float: left; margin: 0 20px 0 0; }
#main img.alignright { float: right; margin: 0 0 0 20px; }

.page2 #main h3 { font-size: 28px; color: #1b1b1b; font-weight: normal; text-transform: uppercase; }
.page2 #main .post { text-align: left; }
.page2 #main p.pad { padding-right: 470px; }
.page5 #main h3 { font-size: 20px; font-weight: normal; color: #c5131f; margin: 10px 0 -10px 0;  }
.page5 #main p.pad { font-weight: bold; font-style: italic; padding: 20px 440px 120px 0; }
.page7 #main p.pad { font-weight: bold; font-style: italic; padding: 60px 440px 130px 0; }
.page9 #main h3 { font-size: 26px; font-weight: normal; color: #c5131f; margin: 10px 0 -10px 0; }
.page9 #main { font-size: 13px;	}
.page9 #main h4 { font-size: 20px; font-weight: normal; color: #c5131f; margin: 10px 0 -10px 0; }
.page9 #main p.pad { padding-right: 430px; }
.page11 #main h3 { font-size: 14px; font-weight: bold; margin: 0 0 12px 0; }
.page11 #main .post { padding-right: 40px; }
.page13 #main .post { padding-right: 20px; }
.page13 #main p.pad { padding-right: 460px; }
.page13 #main h3 { font-size: 30px; font-weight: normal; text-transform: uppercase; }

#tables { width: 420px; float: left; }
table { border: 1px solid #3f3f3f; margin: 0 0 20px 0; width: 418px; font-size: 12px; color: #b2b2b2; }
table.loc { margin: 0 0 50px 0; }
table tr td { background-color: #1e1e1e; cursor: pointer; }
table tr.sec td { background-color: #262626; }
table tr.head:hover td { background-color: #1e1e1e; color: #b2b2b2; cursor: default; }
table tr:hover, table tr.hover td { background-color: #d84848; color: #fff; }
table tr.head { text-transform: uppercase; }
table td { border: 1px solid #3f3f3f; padding: 2px 7px; width: 326px; }
table td.price { font-weight: bold; width: 88px; }
table tr.red td { color: #d84848; }
table tr.red:hover td, table tr.sec.red:hover td { color: #d84848; background-color: #262626; cursor: default; }
table.con tr:hover, table.con tr.hover td { background-color: #1e1e1e; color: #b2b2b2; cursor: default; }
table.con tr.sec:hover, table.con tr.sec.hover td { background-color: #262626; }
#truckarea { width: 412px; float: right; }
#truck { background: url(img/truck.png); width: 317px; height: 149px; margin: 50px 0 0 0; padding: 6px 0 0 95px; }
#payload { width: 0px; height: 79px; background: url(img/payload.png); }

.contacts { font-size: 13px; line-height: 1.3; height: 145px; }
.contacts strong { display: block; color: #d84848; }
.contacts div { width: 260px; float: left; margin: 7px 0 0 0; }
.contacts div.st { width: 140px; }

.wpcf7 { float: left; font-size: 13px; width: 410px; }
.wpcf7 p { padding: 0; }
.wpcf7 label { display: block; line-height: 25px; }
.wpcf7 input { width: 394px; height: 28px; border: 1px solid #3f3f3f; line-height: 28px; padding: 0 7px; }
.wpcf7 input#env { position: absolute; width: auto; height: auto; border: none; background: none; font-weight: bold; padding: 0; color: #c5131f; margin: -13px 0 0 345px; cursor: pointer; }
.wpcf7 textarea { width: 394px; height: 105px; border: 1px solid #3f3f3f; padding: 7px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; overflow: auto; }

#map { float: left; font-size: 13px; margin: 15px 0 0 40px; }
#map img { border: 2px solid #292929; }
/* content */

/* footer */
#box { font-size: 12px; color: #dedede; padding: 40px 10px 0 10px; height: 30px; }
#box-left { float: left;margin-top:0px; }
#box-right { float: right;margin-top:11px;  }
#box-right li { display: block; float: left; height: 12px; background: url(img/box-nav.png) left 1px no-repeat; margin: 0 0 0 12px; padding: 0 0 0 12px; }
#box-right li:first-child, #box-right li.first-child { background: none; }
#box-right li a { display: block; float: left; color: #e4af0d; text-decoration: none; }
#box-right li a:hover { text-decoration: underline; }
#box-right li.current_page_item a { font-weight: bold; }
#box-right li.current_page_item a:hover { text-decoration: none; }
/* footer */

