html {}
body {background: url('/assets/images/design/blue_2.jpg') repeat-x center top #275c86; height:100%}

p {font-weight: bolder}
li {font-weight: bold}
p.center {text-align: center}
p.trm {color: #03325c; font-size:12px; margin-top: -15px}

#content {background:url('/assets/images/design/content_middle.png') repeat-y; margin-top:-70px; display:block; height:auto}
#round-top {background:url('/assets/images/design/content_round_top.png') no-repeat; height:85px; width:968px; margin-left:-19px }
#round-bottom {background:url('/assets/images/design/content_round_bottom.png') no-repeat; margin-bottom: 95px;}
#outerWrapper {/*background:url('/assets/images/design/main_bg_3.jpg')repeat-x center top;*/ height:100%; margin-bottom: -95px; min-height:100%; height:auto !important}
#outerbodyWrapper {/* background:url('/assets/images/design/footer_bg.png') no-repeat center bottom */; padding-bottom:85px}

 /* header */
#header {margin-bottom:90px; padding-top:20px}
#header .menu {background: url('/assets/images/design/menu_bg.png') no-repeat; height:66px; }
#header .menu ul {list-style:none; margin:0 0 0 120px; line-height:45px; text-align:center; padding-top:10px}
#header .menu ul li {display:inline;padding:15px; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none; line-height:16px; font-weight:normal}
#header .menu ul li.auto {cursor: pointer}
#header .menu ul ul {margin-top: -20px; left:-25px }
#header .menu ul li a {font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none; line-height:16px}
#header .menu ul li a:hover {text-decoration:underline}
#header p {font-size:14px; color:#003868; text-align:center; text-transform:uppercase; font-style:italic; margin-top:10px}
#header h2 {font-size:22px; text-transform:uppercase; font-weight:bold; color: #003868; text-align:right}
#header h2 a {text-transform: lowercase; color:#003868; text-decoration: none}
#header #tag p {font-size: 15px !important; font-weight: 900}
 /* end header */
 
 /* main content */
#content {padding-top: 20px}
#content h1 {font-size:36px; font-weight:bold; color:#003868}
#content h2 {font-size:20px; font-weight:bold; color:#003868}
#content h3 {font-size:16px; font-weight:bold; color:#003868; margin-bottom:0.75em}
#content h4 {font-size:12px; font-weight:bold; color:#003868; margin-bottom:0.75em}
#content input {font-size:12px; font-weight:bold; color:#003868}
/* end main content */

/* home content */
.sub {display:block}
.sub .outer {background:url('/assets/images/design/sub_bg.png') no-repeat; padding:15px}
.sub .outer .inner {width:261px; height:153px; border:1px solid #d1d1d1}
.sub .outer .inner ul {list-style:none; padding:0px;  margin:0px; position:relative}
.sub .outer .inner ul li {position:absolute}
.sub .button {background:url('/assets/images/design/sub_btn.png')  no-repeat; height:45px; margin-top:15px; text-align:center; padding-top:10px}
.sub .button a {font-size:16px; font-weight:bold; color:#fff; text-decoration:none; }
.sub .button a:hover {text-decoration:underline}
.sub .list {list-style:none; padding-left:25px; height:108px}
.sub a.more {padding-left: 25px}
.sub .list .one {font-weight:bold}
.sub a {text-decoration:none; color:#003868; font-weight:bold}
.sub a:hover {text-decoration:underline}
.sub_large .outer {background:url('/assets/images/design/sub_2.png') no-repeat; padding:15px}
.sub_large .outer .inner {width:261px; height:198px; border:1px solid #d1d1d1}
.sub-medium .outer {background:url('/assets/images/design/sub_3.png') no-repeat; padding:15px}
.sub-medium .outer .inner {width:261px; height:198px; border:1px solid #d1d1d1}
.active {z-index:999 !important;}
.industrial_1 {z-index: 20}
.industrial_2 {z-index: 10}
.home_1 {z-index: 20}
.home_2 {z-index: 10}
.car_1 {z-index: 20}
.car_2 {z-index: 10}
/* end content */

/* contact */
.contact .map {display:block; margin-top: 20px}
.contact .map .outer {background:url('/assets/images/design/map_bg.png') no-repeat; padding:15px}
.contact .map .outer .inner {width:415px; height:298px; border:1px solid #d1d1d1}
.contact ul {padding-left:0}
.contact ul li {list-style-type:none; padding-left:25px}
.contact .address {background:url('/assets/images/design/53-house.png') no-repeat left top}
.contact .email {background:url('/assets/images/design/18-envelope.png') no-repeat left top}
.contact .mobile {background:url('/assets/images/design/75-phone.png') no-repeat left top}
.contact .fax ,
.contact .info_cont {background:url('/assets/images/design/fax.png') no-repeat left top}
.contact textarea {width:400px; height: 75px}
.contact .form {margin-bottom: 20px}

/* footer */
#footer {background: url('/assets/images/design/footer.png') center bottom no-repeat;  }
#footer .menu {}
#footer .menu ul {list-style:none; margin:0px; line-height:45px; text-align:center; padding:5px}
#footer .menu ul li {display:inline;padding:5px}
#footer .menu ul li a {font-size:12px; color:#000; text-decoration:none}
#footer .menu ul li a:hover {text-decoration:underline}
#footer p {text-align:center; color:#000; font-size:12px; margin-bottom:2px}
#footer p span {font-size: 12px; font-weight: lighter}
#footer a {color:#000}

/* Carousel */
#carousel {}
#carousel .next {float:right; background: url('/assets/images/design/next_button.png') center no-repeat; border:none; height:70px; cursor:pointer}
#carousel .prev {float:left; background: url('/assets/images/design/prev_button.png') center no-repeat; border:none; height:70px; cursor:pointer}
#carousel .carousel_outer {float:left; width:720px; margin:0 auto}
#carousel .carousel_outer ul li {display:inline; padding:0 15px}
.carousel-box {margin-top:-22px}

/* Industrial */
 
body#industrial {background: url('/assets/images/design/bg_indu.jpg') repeat-x center top #25374b;}


/* end Industrial */
 

/* Green - car/auto */
 
body#green {background: url('/assets/images/design/bg_green_2.jpg') repeat-x center bottom #099a4c;}


#green #round-top {background:url('/assets/images/design/content_round_top_green.png') no-repeat; height:85px; width:968px; margin-left:-19px }
#green #outerWrapper {/*background:url('/assets/images/design/bg_green_2.jpg') repeat-x center top */;}
#green #outerbodyWrapper {/* background:url('/assets/images/design/footer_bg_green.png') no-repeat center bottom */; padding-bottom:85px}
#green #header .menu {background: url('/assets/images/design/menu_bg_green.png') no-repeat; height:66px; }
#green #header .menu ul {list-style:none; margin:0 0 0 140px; line-height:45px; text-align:center; padding-top:10px}
#green #header .menu ul ul {margin-top: -20px; left:-25px }
#green #header .menu ul li {display:inline;padding:15px}
#green #header .menu ul li a {font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none}
#green #header .menu ul li a:hover {text-decoration:underline}
#green #header p {font-size:14px; color:#033c06; text-align:center; text-transform:uppercase; font-style:italic; margin-top:10px}
#green #header h2 a {text-transform: lowercase; color:#033c06; text-decoration: none}
#green #header h2 {font-size:22px; text-transform:uppercase; font-weight:bold; color: #033c06; text-align:right}
#green #content h1 {font-size:36px; font-weight:bold; color:#327423}
#green #content h2 {font-size:20px; font-weight:bold; color:#327423}
#green #content h3 {font-size:16px; font-weight:bold; color:#327423; margin-bottom:0.75em}
#green #content h4 {font-size:12px; font-weight:bold; color:#327423; margin-bottom:0.75em; text-align: center}
#green #content input {font-size:12px; font-weight:bold; color:#327423}
#green #carousel .next {float:right; background: url('/assets/images/design/next_button_green.png') center no-repeat; border:none; height:70px; cursor:pointer}
#green #carousel .prev {float:left; background: url('/assets/images/design/prev_button_green.png') center no-repeat; border:none; height:70px; cursor:pointer}
#green .sf-menu li li {background:	#153d0c;}
#green h4.quote {font-style: italic; font-size: 18px !important; color: #033c06 !important; text-align: center; margin-top:15px}
#green h4.quote_2 {margin-top: 310px}
#green h4.quote span {font-size: 40px; font-family: cursive; line-height:12px;  }
#green h4.quote.graham {margin-top: 100px; }
#green h4.quote.robert {margin-top:30px}
/* end green */

/* Yellow - Home Owner */
body#yellow {background: url('/assets/images/design/home_owner_bg.jpg') repeat #9a7a51;}
#yellow p {font-weight: normal}
#yellow li {font-weight: normal}
#yellow #round-top {background:url('/assets/images/design/content_round_top_yellow.png') no-repeat; height:85px; width:968px; margin-left:-19px }
#yellow #outerWrapper {background:url('/assets/images/design/bubble_bg_yellow.png') no-repeat center top;}
#yellow #outerbodyWrapper {background:url('/assets/images/design/footer_bg_yellow.png') no-repeat center bottom; padding-bottom:85px}
#yellow #header .menu {background: url('/assets/images/design/menu_bg_yellow.png') no-repeat; height:66px; }
#yellow #header .menu ul {list-style:none; margin:0 0 0 140px; line-height:45px; text-align:center; padding-top:10px}
#yellow #header .menu ul ul {margin-top: -20px; left:-25px }
#yellow #header .menu ul li {display:inline;padding:15px}
#yellow #header .menu ul li a {font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none}
#yellow #header .menu ul li a:hover {text-decoration:underline}
#yellow #header p {font-size:14px; color:#fff; text-align:center; text-transform:uppercase; font-style:italic; margin-top:10px}
#yellow #header h2 {font-size:22px; text-transform:uppercase; font-weight:bold; color: #976532; text-align:right}
#yellow #header h2 a {text-transform: lowercase; color:#fff; text-decoration: none}
#yellow #content h1 {font-size:36px; font-weight:bold; color:#976532}
#yellow #content h2 {font-size:20px; font-weight:bold; color:#976532}
#yellow #content h2.dark {color: #502a04;}
#yellow #content h3 {font-size:16px; font-weight:bold; color:#976532; margin-bottom:0.75em}
#yellow #content h4 {font-size:12px; font-weight:bold; color:#976532; margin-bottom:0.75em}
#yellow #content input {font-size:12px; font-weight:bold; color:#976532}
#yellow #carousel .next {float:right; background: url('/assets/images/design/next_button_yellow.png') center no-repeat; border:none; height:70px; cursor:pointer}
#yellow #carousel .prev {float:left; background: url('/assets/images/design/prev_button_yellow.png') center no-repeat; border:none; height:70px; cursor:pointer}
#yellow .sf-menu li li {background:	#8d612d;}
#yellow h4.quote {font-style: italic; font-size: 18px !important; }
#yellow .right h2 {color:#fff !important}
.auto {width:80px}

/* end yellow */

label {width: 105px; display: block; float: left; padding-top: 5px}
.submit {margin-left: 100px}
.phpformerror {color: red}