/* CSS Document */

/**html body {margin:0; padding:0;}*/
body *{margin:0; padding:0; border:none; } 
body {margin:0; padding:0; font-family: arial, verdana, sans-serif; font-size:62.5%; text-align:left; background-image:url(../images/body_bg.gif); background-repeat:repeat-x; background-color: #F5F6FA;} /** 62.5% defaults all text size to 10px **/

h1, h2, h3 {margin:0; padding:0; font-family: arial, verdana, sans-serif;}
h1 {font-size:1.7em; margin:1em 0 0 0;}
h2 {font-size:1.5em; margin:1em 0 0 0;}
h3 {font-size:1.23em; margin:1em 0 0 0;}
p {font-size:1.1em; line-height:1.8em; font-family: arial, verdana, sans-serif; margin:0 0 1em 0;}
a {color: #2A2A2A;}

/* Layout */
/* #wrapper {position:relative; margin:0 auto; padding:0; width:830px; background-image:url(../images/wrapper_bg2.gif); background-repeat: x;} */

#wrapper {position:relative; margin:0 auto; padding:0; width:830px; background: transparent url(../images/wrapper_bg2.gif); background-repeat: repeat-y;}

/* homepage banner image */
#bg1 {position:absolute; top:0; left:0; background:url(../images/bg1.gif) no-repeat; height:105px; margin:auto; width:830px;}

#banner {position:relative; margin: 0 0 0 16px; padding: 0; height: 105px;}
#banner h1 {position:absolute; top:0px; left:20px; font-size: 3.2em; color:#666666;}
.banner1 {background-image:url(../images/banner.jpg); background-repeat:no-repeat;}
.banner2 {background-image:url(../images/banner2.jpg); background-repeat:no-repeat;}
.banner3 {background-image:url(../images/banner3.jpg); background-repeat:no-repeat;}
.banner4 {background-image:url(../images/banner4.jpg); background-repeat:no-repeat;}
.banner5 {background-image:url(../images/banner5.jpg); background-repeat:no-repeat;}
.banner6 {background-image:url(../images/banner6.jpg); background-repeat:no-repeat;}
.banner7 {background-image:url(../images/banner7.jpg); background-repeat:no-repeat;}
.banner8 {background-image:url(../images/banner8.jpg); background-repeat:no-repeat;}
.banner9 {background-image:url(../images/banner9.jpg); background-repeat:no-repeat;}
.banner10 {background-image:url(../images/banner10.jpg); background-repeat:no-repeat;}

#content {background:url(../images/wrapper_bg3.gif) repeat-x #fff; margin: 0px 0 0 16px; padding:53px 0 0 10px; width: 790px;}
#maincontent {float:right; margin: 0 12px 0 0; width: 615px; padding:0; background-color:#ffffff; background-image:url(../images/maincontent_bg.gif); background-repeat:no-repeat;}
#sidecontent {float:left; width: 160px; margin: 0 0 0 3px; padding:0;}
#sidecontent h1 {margin: 7px 0 10px 0; padding:0;}

/* Content */
#maincontent h2 {font-size: 2.2em; font-weight:normal; color: #666; margin: 0 30px 5px 30px; padding: 21px 0 0 0;}
#maincontent h3 {font-size: 1.7em; font-weight:normal; color: #666; margin: 0 30px 5px 30px; padding: 21px 0 0 0;}
#maincontent p {margin: 0 30px 10px 30px; padding: 0; font-size: 1.2em;}
#maincontent ul {list-style-type: none; margin: 0 0 10px 30px; padding: 0;}
#maincontent ul li {font-size: 1.2em; line-height:1.8em; background-image:url(../images/content_bullet.gif); background-position:0em 0.5em; background-repeat:no-repeat; margin: 0 0 0 0; padding: 0 0 0 1.5em; }
#maincontent ul li a {text-decoration: underline; color: #2A2A2A; font-weight:bold; }
#maincontent ul li a:hover { text-decoration:none;}
#maincontent .imgright {padding: 5px; margin: 0 30px 0 10px; border: 2px solid #e45e2b; float:right;}
#maincontent #calltoaction {height: 165px; position:relative; margin:0 0 0 20px;}
#maincontent #calltoaction p {position:absolute; top: 24px; left: 150px; width: 360px; font-size:1.5em;}
#maincontent #calltoaction a { text-decoration:none; color: #2a2a2a; font-weight:bold;}
#maincontent #calltoaction a:hover { text-decoration:underline;}

#maincontent ol {margin: 0 0 10px 47px; padding: 0;}
#maincontent ol li {font-size: 1.2em; line-height:1.8em; margin: 0 0 0 0; padding: 0 0 0 1.5em; }

/* enquiry thanks page */
#maincontent_thanks {float:right; margin: 0 12px 0 0; width: 615px; padding:0; background-color:#ffffff; background-image:url(../images/maincontent_bg.gif); background-repeat:no-repeat; height: 550px;}
#maincontent_thanks h2 {font-size: 2.2em; font-weight:normal; color: #666; margin: 0 30px 5px 30px; padding: 21px 0 0 0;}
#maincontent_thanks p {margin: 0 30px 10px 30px; padding: 0; font-size: 1.2em;}
#maincontent_thanks .imgright {padding: 5px; margin: 0 30px 0 10px; border: 2px solid #e45e2b; float:right;}



/* Navigation */
 ul#navigation {list-style: none; margin: 35px 0 45px 7px;}
 ul#navigation li {padding-bottom:4px;} 
 ul#navigation li a {background:url(../images/bg_nav.gif) repeat-y; border-left:3px solid #e45e2b; color:#666; display:block; font-size:1.2em; font-weight:bold; padding:0.5em 0 0.5em 0.8em; text-decoration:none;}
 ul#navigation li a:hover {border-left:3px solid #B23716; color:#999; text-decoration:none;}
 ul#navigation li a#current {border-left:3px solid #B23716; color:#666; text-decoration:none;}
 
/* Case Studies */
#sidecontent .casestudy {height:135px; margin: 0; padding: 0;}





/* Footer */
#footer {background-image:url(../images/footer_bg3.gif); background-repeat:no-repeat; width: 830px; height: 100px; margin: 0 auto; padding:0;}
#footer p {font-size: 1em; line-height:1.4em; margin:0 0 3px 10px; padding: 11px 0 0 20px; color:#666666;}
#footer a { text-decoration:underline; color: #666666;}
#footer a:hover { text-decoration:none;}

/* CSS clearing */   
.clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
	
/* Note - there is an alternative class for .clearing within ie7.css for IE7 */
.clearing:after {content: "."; display: block; height: 1%; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac €*/
html .clearing {height: 1%;}
.clearing {display: block;}
/* End hide from IE-mac */


/* form styles */
form {font-size:1.1em; margin: 0 0 0 30px; padding: 0;}
label {font-size:1.1em; float: left; width: 250px; margin: 0; padding: 0;}
#maincontent form p {margin: 0 20px 20px 0; padding: 0; font-size: 1.1em;}
#maincontent form h3 {margin: 20px 0 10px 0; padding: 0; font-size: 1.7em; font-weight:normal; color: #7c7c7c;}

textarea {margin: 0 0 0 20px; padding: 0;border: 1px solid #000; width: 200px;}
input {margin: 0 0 0 20px; padding: 0; border: 1px solid #000; width: 200px;}
select {margin: 0 0 0 20px; padding: 0; border: 1px solid #000; width: 200px; font-size:1em;}
input:focus, textarea:focus, select:focus {border: 1px solid #B2351F;}
.submit {color:#fff; margin: 0 0 0 270px; padding: 0 0 2px  0; background-color:#B2351F; border-top: 1px solid #E62503;  border-left: 1px solid #E62503;border-bottom: 1px solid #6B1101; border-right: 1px solid #6B1101; width: 200px; font-size:1em; font-weight:bold;}


.row {width:600px; margin:0 0 10px 0; padding:0;}
.row2 {width:600px; margin:0 0 5px 0; padding:0;}

label.label2{width: 100px; margin: 4px 0 0 20px; padding: 0;}
label.label3{width: 100px; margin: 4px 0 0 270px; padding: 0;}
input.input2 {float: left; margin: 4px 0 0 20px; padding: 0; width: 10px; border:none;}