﻿* {
font-family:Arial;
font-size:12px;
line-height:1.8em;
list-style:none;
margin:0;
outline:0;
padding:0;
text-align:justify;
text-decoration:none;
}

h3 
{
    font-weight:bold;
    font-size:12px;
    display:inline;
}

html,body,#wrap {
color:#33332D;
height:100%;
}

form > #wrap {
height:auto;
min-height:100%;
}

#main {
padding-bottom:350px;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

* form .clearfix {
height:1%;
}

h1,h2 {
background:url(../IMAGES/h1Bg.png) no-repeat left 35px;
border-bottom:solid 1px #ccccca;
color:#222;
float:left;
font-size:24px;
font-weight:400;
height:auto;
margin-bottom:20px;
padding:25px 0 10px;
text-indent:35px;
width:100%;
}

blockquote {
background:#E6E6E6;
float:right;
margin:20px 0 20px 20px;
width:242px;
}

blockquote span {
border-left:solid 8px #DB4105;
float:right;
font-size:22px;
line-height:1.2em;
margin:20px;
padding:0 0 0 20px;
text-align:left;
}

#wrap {
background:url(../IMAGES/wrapBg.png) repeat-x;
height:200px;
padding-bottom:50px;
width:100%;
}

#headerContact {
color:#fff;
font-size:13px;
height:49px;
margin:0 auto;
width:940px;
}

#headerContact ul {
float:right;
margin-top:11px;
}

#headerContact li {
border-right:solid 1px #32322e;
float:right;
font-size:14px;
height:22px;
line-height:22px;
padding:0 10px 2px;
}

#headerContact li:first-child {
border-right:solid 0 #32322e;
padding-right:0;
padding-top:2px;
}

#headerContact li a {
color:#DB4105;
font-size:14px;
}

#headerMenu {
height:49px;
margin:0 auto;
width:940px;
}

#headerMenu ul {
background:url(../IMAGES/headerMenuUl.png);
float:left;
padding-left:1px;
}

#headerMenu li {
background:url(../IMAGES/headerMenuLi.png);
float:left;
height:49px;
width:auto;
}

#headerMenu li a {
float:left;
height:49px;
width:160px;
}

li.headerMenuEnd 
{
    width:130px;
}

#buttonHome a {
background:url(../IMAGES/buttonSprite.png) 0 0;
}

#buttonHomeOn a {
background:url(../IMAGES/buttonSprite.png) -320px 0;
}

#buttonHome a:hover {
background:url(../IMAGES/buttonSprite.png) -160px 0;
}

#buttonServices a {
background:url(../IMAGES/buttonSprite.png) 0 -49px;
}

#buttonServicesOn a {
background:url(../IMAGES/buttonSprite.png) -320px -49px;
}

#buttonServices a:hover {
background:url(../IMAGES/buttonSprite.png) -160px -49px;
}

#buttonProducts a {
background:url(../IMAGES/buttonSprite.png) 0 -196px;
}

#buttonProductsOn a {
background:url(../IMAGES/buttonSprite.png) -320px -196px;
}

#buttonProducts a:hover {
background:url(../IMAGES/buttonSprite.png) -160px -196px;
}

#buttonProducts a span, #buttonProductsOn span {
background:#DB4105;
color:#fff;
padding:0px 3px;
margin-right:11px;
margin-top:15px;
float:right;
height:18px;
line-height:20px;
border:solid 1px #eee;

}


#buttonAbout a {
background:url(../IMAGES/buttonSprite.png) 0 -98px;
}

#buttonAboutOn a {
background:url(../IMAGES/buttonSprite.png) -320px -98px;
}

#buttonAbout a:hover {
background:url(../IMAGES/buttonSprite.png) -160px -98px;
}

#buttonContact a {
background:url(../IMAGES/buttonSprite.png) 0 -147px;
}

#buttonContactOn a {
background:url(../IMAGES/buttonSprite.png) -320px -147px;
}

#buttonContact a:hover {
background:url(../IMAGES/buttonSprite.png) -160px -147px;
}

#header {
height:130px;
margin:0 auto;
position:relative;
width:940px;
}

#headerLogo a {
background:url(../IMAGES/headerLogoB.png);
display:block;
height:130px;
position:absolute;
right:0;
top:0;
width:550px;
}

#headerLogoOld a {
background:url(../IMAGES/headerLogo.png);
display:block;
height:66px;
position:absolute;
right:0;
top:35px;
width:371px;
}

#headerStrapline {
background:url(../IMAGES/headerStrapline.png);
height:66px;
left:0;
position:absolute;
top:35px;
width:371px;
}

#frontBannerWrap {
background:url(../IMAGES/frontBannerWrapBg.png) repeat-x;
float:left;
height:330px;
width:100%;
}

#frontBanner {
height:293px;
margin:20px auto;
position:relative;
width:940px;
}

#frontBannerFooter {
background:url(../IMAGES/frontBannerFooterBg.png);
bottom:0;
height:77px;
left:0;
position:absolute;
width:940px;
z-index:10;
}

#frontBannerOverlay {
background:url(../IMAGES/frontBannerOverlay.png);
height:293px;
left:0;
position:absolute;
top:0;
width:940px;
z-index:100;
}

#frontBannerStrap a {
background:url(../IMAGES/frontBannerStrapBg.png) no-repeat right center;
bottom:0;
color:#fff;
display:block;
font-size:24px;
height:77px;
left:0;
line-height:77px;
padding-right:35px;
position:absolute;
text-align:right;
width:880px;
z-index:100;
}

#frontBannerStrap a:hover {
color:#ccc;
}

#frontContentWrap {
background:url(../IMAGES/frontContentWrapBg.png) repeat-x;
float:left;
width:100%;
}

#frontContent {
color:#33332D;
margin:0 auto;
width:940px;
}

#frontContentColumnLeft {
float:left;
width:620px;
}

#frontContentColumnRight {
float:right;
width:300px;
}

#servicesPanel ul, #productsPanel ul {
float:left;
margin-top:-20px;
}

#servicesPanel li, #productsPanel li {
background:url(../IMAGES/servicesPanelLi.png) no-repeat bottom;
float:left;
width:300px;
}

#servicesPanel li a, #productsPanel li a {
background:url(../IMAGES/servicesPanelA.png) no-repeat center left;
color:#262325;
display:block;
font-size:14px;
margin:15px 0;
text-align:left;
padding:5px 0 5px 45px;
line-height:normal;
}

#servicesPanel li a:hover, #productsPanel li a:hover {
background:url(../IMAGES/servicesPanelAOn.png) no-repeat center left;
color:#DB4105;
}

#servicesPanel li span, #productsPanel li span {
background:#DB4105;
color:#fff;
padding:2px 3px;
margin-right:5px;

}




#getintouchPanel {
float:left;
font-size:18px;
text-align:center;
width:300px;
}

#calltoActionBig a,#calltoAction a {
background:url(../IMAGES/calltoactionBg.png);
color:#33332D;
float:left;
font-size:18px;
height:40px;
line-height:40px;
margin-bottom:5px;
text-align:center;
width:300px;
}

#calltoActionBig a span {
color:#DB4105;
font-size:18px;
}

#calltoActionBig a:hover {
background:url(../IMAGES/calltoactionBgOn.png);
color:#fff;
}

#calltoAction a {
background:url(../IMAGES/calltoactionBg.png);
color:#33332D;
float:left;
font-size:11px;
height:40px;
line-height:40px;
margin-bottom:5px;
margin-top:20px;
text-align:center;
width:300px;
}

#calltoAction a span {
color:#DB4105;
font-size:11px;
}

#calltoAction a:hover {
background:url(../IMAGES/calltoactionBgOn.png);
color:#fff;
float:left;
font-size:11px;
height:40px;
line-height:40px;
text-align:center;
width:300px;
}

#footerWrap {
background:url(../IMAGES/footerBg.png);
clear:both;
height:350px;
margin-top:-350px;
width:100%;
}

#footer {
clear:both;
margin:0 auto;
padding-top:30px;
width:940px;
}

#footer img {
float:right;
margin-right:10px;
}

#footer ul {
border-left:solid 7px #DB4105;
color:#fff;
float:left;
height:14px;
line-height:14px;
padding-left:2px;
width:500px;
}

#footer li {
float:left;
margin-top:-6px;
padding-left:5px;
}

#footer li a {
color:#fff;
font-size:14px;
padding-right:5px;
}

#footer li a:hover {
color:#333;
font-size:14px;
padding-right:5px;
}

#footerContact {
background:#4D4D4D;
float:right;
padding-bottom:20px;
width:300px;
}

#footerContact span {
border-left:solid 8px #DB4105;
color:#fff;
float:left;
margin:20px 20px 0;
padding-left:20px;
}

#contentWrap {
background:url(../IMAGES/contentWrapBg.png) repeat-x;
float:left;
width:100%;
}

#content {
margin:0 auto;
width:940px;
}

#contentColumnLeft {
float:left;
width:300px;
}

#contentColumnRight {
float:right;
width:620px;
}

#clients ul {
float:left;
margin-left:15px;
}

#clients li {
background:url(../IMAGES/bullet.png) no-repeat left 9px;
margin:5px 0;
padding-left:20px;
}

#services ul {
float:left;
margin-left:15px;
margin-bottom:20px;
clear:both;
width:605px;
}

#services li {
background:url(../IMAGES/bullet.png) no-repeat left 9px;
margin:5px 0;
padding-left:20px;
}

#services img 
{
    float:right;
}

#contentBanner {
background:#666;
float:left;
height:215px;
margin:0 0 20px;
position:relative;
width:620px;
}

#contentBannerOverlay {
background:#DB4105;
height:215px;
left:0;
position:absolute;
top:0;
width:17px;
}

#slider li,#slider2 li {
height:293px;
overflow:hidden;
width:940px;
}

ol#controls {
bottom:0;
height:77px;
left:25px;
position:absolute;
z-index:100;
}

ol#controls li a {
color:#fff;
float:left;
font-size:30px;
font-weight:700;
height:77px;
line-height:77px;
text-decoration:none;
}

#contentSlider li,#contentSlider2 li {
height:215px;
overflow:hidden;
width:620px;
}

ol#contentControls {
bottom:0;
height:25px;
margin:0;
position:absolute;
right:0;
z-index:100;
}

ol#contentControls li a {
background:url(../IMAGES/contentBannerNumber.png);
color:#fff;
float:left;
font-size:14px;
font-weight:400;
height:25px;
line-height:27px;
overflow:hidden;
text-align:center;
text-decoration:none;
width:24px;
}

ol#contentControls li.current a {
background:url(../IMAGES/contentBannerNumberOn.png);
color:#DB4105;
font-weight:700;
}

#contentMenu {
background:#F2F2F2;
float:left;
line-height:80px;
margin-top:20px;
padding:20px;
width:580px;
}

#contentMenu span {
background:#F2F2F2;
border-left:solid 7px #ccc;
float:left;
padding:5px 0;
width:540px;
}

#contentMenu span a {
background:url(../IMAGES/icon_acrobat.png) no-repeat left 3px;
color:#33332D;
float:left;
margin-left:15px;
padding-left:20px;
}

#contentMenu span a:hover {
background:url(../IMAGES/icon_acrobat.png) no-repeat left 3px;
color:#DB4105;
}

a,#footerContact a,ol#controls li.current a {
color:#DB4105;
}

a:hover,#headerContact li a:hover,#footerContact a:hover {
color:#666;
}

#slider2,#contentSlider2 {
margin-top:1em;
}

ol#controls li,ol#contentControls li {
float:left;
height:77px;
line-height:77px;
list-style:none;
margin:0 7px 0 0;
}
