/* CSS */
*, html, body {margin : 0; padding : 0;}

body { background : #fff url('images/body_bg.jpg') repeat-x; margin : 0; padding : 0; font-family : "Lucida Grande", "Lucida Sans Unicode", sans-serif, "Trebuchet MS";}

/*container controls*/
#container { width : 700px; margin : 0 auto; padding : 0;}

/*header controls*/
#header { width : 100%; margin : 0px 0 0px 0; padding : 0;color : #fff; height : 180px;}
img.logo {float : left; margin : 0; padding : 0;}
img.header {margin : 0; padding : 0;}
img.slogan { position : absolute; top : 70px; left : 38%; margin : 0; padding : 0;}

#header h1{padding : 10px 10px 0px 10px; font-size: 3em; margin : 0; display : none;}
#header h2{padding : 0 10px; margin : 0; display : none;}

/* navigation controls*/
#nav { margin 0 ; padding : 0; text-align : center;}
# nav ul{ float : right;}
#nav a {color : #0071bd; text-decoration : none; font-size : 1em; font-weight : bold;}
#nav a:hover {text-decoration:underline; color : #000;}

/*sidebar controls*/
#sidebar { border : 3px solid #0071bd; margin : 17px 0 20px 50px; padding : 0 0 5px 0; float : left; width : 170px; text-align : center;}
#sidebar ul, li {list-style-type : none; margin : 7px; font-size : 0.9em;}
#sidebar a { color : #0a3652; text-decoration : none}
#sidebar a:hover { color : #0071bd; text-decoration : underline;}
#sidebar h3 { background : #0071bd; padding : 5px 0; margin : 0; color : #fff;}
/*content controls*/
#content { width : 390px;  float: right; margin : 00px 40px 30px 0; padding : 0 10px;}
/*footer*/
#footer {width : 100%; height : 210px; background : #0a3652 url('images/footer_bg.gif') repeat-x; padding : 20px 0 10px 0 ;clear : both; color : #b2aeae; margin : 20px 0 0 0 }
#footer_content { width : 700px; margin : 0 auto;}
#footer span  { width : 210px; float : right; margin : 20px 0 20px 0; font-size : 0.8em; }
#footer a {color : #c2ddee;}
.itsclogo { border : none;
position : relative;
float : right;
margin : -70px 20px 40px 0;
}
/* service */
.service_box { background : #0071bd; color : #000; padding : 5px 0; margin : 2px 0;}
.service_box a { color : #fff; text-decoration : none;}
.service_box:hover { background : #0e80c8; color : #b2aeae;}
.service_box a:hover { text-decoration : underline; color : #fff;}
img.image_right { border: 2px solid #c2ddee; float : right; padding : 2px; margin : 5px 10px;}
img.image_left { border: 2px solid #c2ddee; float : left; padding : 2px; margin : 5px 10px;}
/* clients */
img.left { border: 1px solid #0a3652; float : left; padding : 2px; margin : 0 40px 10px 0 ;}
img.right { border: 1px solid #0a3652; float : right; padding : 2px; margin : 0 0 10px 40px ;}

/*contact*/
.contact_box { background : #0071bd; color : #fff; padding : 10px 10px; margin : 2px 0; font-size : 0.8em;}
.contact_box_float { background : #0071bd; color : #000; padding : 10px 10px; margin : 0 20px 0 0 ; float : left; border : 0 2px 2px 0 solid #fff; width : 100px}
.contact_box textarea#message {  border: 1px solid #b2aeae; margin : 5px; padding : 0; background : #fff;}
.contact_box input#sname {  border: 1px solid #b2aeae; margin : 0 0 0 88px; padding : 0; background : #fff;}
.contact_box input#email {  border: 1px solid #b2aeae; margin : 0 0 0 88px; padding : 0; background : #fff;}
.contact_box input#telephone {  border: 1px solid #b2aeae; margin : 0  0 0 55px; padding : 0; background : #fff;}
.contact_box input#postcode {  border: 1px solid #b2aeae; margin : 0 0 0 62px; padding : 0; background : #fff;}
.contact_box input#company {  border: 1px solid #b2aeae; margin : 0 0 0 70px; padding : 0; background : #fff;}
.contact_box input#subject {  border: 1px solid #b2aeae; margin : 0 0 0 73px; padding : 0; background : #fff;}
.contact_box input#send {  border: 1px solid #b2aeae; margin : 10px 0 10px 5px  ; padding : 0; background : #fff;}
.contact_box select.type_company {  border: 1px solid #b2aeae; margin : 0 0 0 7px; padding : 0; width : 98px; background : #fff;}




/* contact */

div.enquirycol {float: left; clear: both; width: 370px; padding: 5px 0 5px 10px;}
div.enquirycol div.enquirycolA {float: left; width: 120px;}
div.enquirycol div.enquirycolA p {padding: 0; margin: 0;}
div.enquirycol div.enquirycolB {float: left; width: 250px;}

fieldset {border: none; padding: 0;  }
fieldset ul { list-style: none; padding: 0 0 10px 0; margin: 0 !important; }
fieldset ul li { padding-bottom: 0;}
#content fieldset input, fieldset select, fieldset textarea {font-size: 0.8em !important; 
	font-weight: normal; padding: 3px; margin: 2px 0 0 0; color: #222; border: 1px solid #D7DADA;}
fieldset textarea {overflow: auto; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.2em !important;}
fieldset select {padding: 1px;}
fieldset label {margin-right: 5px; font-weight: bold; color : #666; display: block; margin-top: 10px; 
	font-size: 80% !important; 
	line-height: 1.1em;}
.contact_submit { border: 1px solid #D7DADA; padding: 2px; color: #222;}
.contact_submit:hover {background: #2f7fbe url('../images/contact_bg.gif') repeat-x top left; color: #ddd;}


/* Type */
h1, h2, p { margin : 10px 10px;}
h3 { margin : 5px 0 10px 0;}
p { font-size: 0.8em; line-height : 1.5em;}
a { color : #0a3652; text-decoration : none}
a:hover { text-decoration : underline;}