/* remove default styling from all elements */
*{
margin:0;
padding:0;
}

body {
font:62.5%/1.3 Arial, Helvetica, sans-serif;
background:#FFF url(../images/bg_grad.jpg) repeat-x;
text-align:center;
}

#myContent {
visibility:hidden;
}


a{
text-decoration:none;
}

a img{
border:none;
}

blockquote{
color:#666666;
line-height: 1em;
}

cite{
font-size: 0.9em;
}

/********************** page structure **********************/

#content, #header, #footer{
width:875px;
margin:0 auto;
text-align:left;
clear: both;
}

#content{
background-color:#fff;
/*border-top:5px solid #E2E3E2; /* opera bug fix */*/
margin-bottom:5px;
padding-top:0px;
}


/********************** header section **********************/

#logo{
margin:0px 0px 30px 0px;
}

#header-slice{
width:875px;
height:115px;
background:url(../images/home_header_slice.jpg) no-repeat;
}

#header p{
float:right;
color:#474646;
font-size:1.1em;
padding:6px 20px 0 0;
}

#header a{
color:#151a1d;
}

#header a:hover{
text-decoration:underline;
}

#header ul{
margin-bottom:10px;
list-style:none;
padding:0;
background: url(../images/menu_bg.gif); 
padding-left:0px;
height: 30px;
}

#header ul li{
float:left;
}

#header ul li a{
display:block;
line-height: 22px;
padding:3px 35px 0px 0px;
color:#CACACA;
font-size:1.2em;
font-weight:bold;
margin-right: 3px;
}

#header ul li.active a, #header ul li.active a:hover{
border-bottom:5px solid #13bdd7;
padding-bottom:0px; /* make space for the border */
color:#FAFAF8;
}


#header ul li a:hover{
border-bottom:5px solid #757d81;
padding-bottom:0px; /* make space for the border */
color:#FAFAF8;
text-decoration:none;
}

#home div#header{
background:url(../images/masthead_hp.jpg) no-repeat top;
padding-top: 115px;
}

#products div#header{
background:url(../images/masthead_sub.jpg) no-repeat top;
}

#services div#header{
background:url(../images/header_services.jpg) no-repeat top;
}

#about div#header{
background:url(../images/header_about.jpg) no-repeat top;
}

#news div#header{
background:url(../images/header_news.jpg) no-repeat top;
}

#contact div#header{
background:url(../images/header_services.jpg) no-repeat top;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

#strapline {
float: right;
margin: -63px 10px 0px 0px;

}

#strapline h2 {
font: Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #4a504f;
line-height: 2px;
margin-top: 0px;
padding: 5px 0 2px 0;
text-align: center;

}

#strapline h3 {
font: Arial, Helvetica, sans-serif;
font-size: 1.12em;
color: #4a504f;
line-height: 2px;
padding: 0px 0 5px 0;
text-align: center;

}

#strapline_subpages {
float: right;
margin: 52px 10px 0px 0px;

}

#strapline_subpages h2 {
font: Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #4a504f;
line-height: 2px;
margin-top: 0px;
padding: 5px 0 2px 0;
text-align: center;

}

#strapline_subpages h3 {
font: Arial, Helvetica, sans-serif;
font-size: 1.12em;
color: #4a504f;
line-height: 2px;
padding: 0px 0 5px 0;
text-align: center;

}

/********************** side navigation **********************/

#side-navigation {
padding-left:30px;
font-size:1.2em;
float:left;
}

ul#side-navigation li{
margin:7px;
list-style-image:url(../images/arrow_grey.gif);
}

ul#side-navigation li a{
color:#6b6e6e;
text-decoration:none;
font-weight:700;
}

ul#side-navigation li a:hover{
color:#6b6e6e;
list-style-image:url(../images/arrow_black_horiz.gif);
}

/* 	applied with js for backwards compatibility */
ul#side-navigation li.ie_on{
list-style-image:url(../images/arrow_black_horiz.gif);
}

ul#side-navigation li.selected{
list-style-image:url(../images/arrow_grey.gif);
}

ul#side-navigation li.selected a{
color:#2c3a35!important;
}


/********************** main content **********************/

.main-content, .main-content-tc{
color:#5b5a5a;
padding-top:10px;
margin-bottom:20px;
}


.main-content h1, .main-content-tc h1{
font-size:1.8em;
font-weight:300;
margin:15px 0 10px 0;
padding-top: 10px;
font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
color:#1e2529;
}

.main-content h2{
font-size:1.3em;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}

.main-content h3{
font-size:1.2em;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}

.main-content p, .main-content-tc p {
font-size:1.3em;
line-height:1.4em;
text-align:left;
margin:5px 0 15px 0;
text-align:justify;
}

.main-content h1, {
color:#1E2529;
}

.main-content a{
color:#01a7c0;
font-weight:bold;
}

.main-content a:hover{
text-decoration:underline;
}

.main-content a{
font-weight:800;
}


.left-column{
float:left;
}

#home-h1{
margin-top:0;
}

.number {
font-weight:700;
color: #01a7c0;

}


/********************** footer **********************/
#footer{
background:#fff;
border-top: 10px solid #2c3a35;
padding:10px 0;
margin-bottom: 50px;
margin-top: 50px;

}

#footer p{
float:left;
color:#909090;
font-size:1.1em;
font-weight: 700;
line-height:1.6em;
padding: 0px 30px 0px 0px;
}

#footer p#address{
line-height:1.6em;
padding:2px 0px;
margin-left: 95px;
}

#footer a{
color:#01a7c0;
font-weight:800;
}

#footer a:hover{
text-decoration:underline;
}

#footer #devour{
float:right;
margin-top:0px;
padding: 0px 0px 0px 0px;

}

#footer #devour a{
color:#909090;

}


/********************** clearfix **********************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/********************** home page **********************/

#home div.main-content{
width:460px;
margin-top: 10px;
}

/* ie bug fix */
#home div.main-content p, #home div.main-content h1{
margin-left:40px;
margin-right:20px;

}

/* right hand side box */

#side-box{
height:207px;
width: 345px;
background:#ffffff;
padding-left:0px;
position:relative;
float: right;
margin: 33px 40px 45px 0px;

}

#side-box p{
font:1.1em Arial, Helvetica, sans-serif;
color:#5b5a5a;
margin-top:10px;
}


#side-box img{
	position:relative;
	right:0px;
	
}


/********************** sub navigation boxes - dom 18.03.09 - **********************/



#four_box_container {

width: 875px;
height: 100%;
border: 0px;
margin: 34px 0px 30px 0px;
clear: both;
}


#four_box_container ul {

width: 875px;
min-height: 30px;
list-style: none;
}

#four_box_container ul li {

float: left;
height: 30px;
font-size:1.1em;
margin-left: 0px;
}

#four_box_container li a{
background: url(../images/arrow_boxes.gif) no-repeat top left;
display: block;
font-weight:bold;
color:#e5f0f0;
line-height: 30px;
text-decoration: none;
text-indent:37px;
width:218px;
}

#four_box_container li a:hover {

background: url(../images/arrow_rollover_boxes.gif) no-repeat top left;

color:#1e2529;

}


#box1 {

float: left;
width: 218px;

}

p.box1 {

background: #fff url(../images/four_box_p_bkg.jpg) repeat-x top left; 
font-size: 1.15em;
color: #666;
line-height: 1.5em;
padding: 10px 18px 0px 18px;
margin: -2px 0px 0px 0px;

}

#box2 {

float: left;
width: 218px;
margin-left: 1px;



}

#box3 {

float: left;
width: 218px;
margin-left: 1px;


}

#box4 {

float: left;
width: 218px;
margin-left: 1px;


}

.border {
border-left: 1px solid #fff;
}



/********************** sub-page content dom 18.03.09 **********************/

#subwrapper {

width: 875px;
margin: 0px auto;
text-align: left;
border: 0px solid green;


}

#subcontent {

float: left;
background: #fff;
width: 875px;
margin: 0px 0px 50px 0px;


}

#subcontent h1{

font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
color: #2c3a35;
font-size: 1.8em;
font-weight: 300;
margin: 0px 0px 0px 0px;
padding-bottom: 10px;

}

#subcontent p{

font-size: 1.3em;
color:#4d4c4c;
line-height: 1.4em;
text-align: left;
margin: 0px 0px 15px 0px;
text-align:justify;
}

#subcontent a{
color:#01a7c0;
font-weight:bold;
}

#subcontent a:hover{
text-decoration:underline;
}

#sub_col1 {

float: left;
background: #fff;
width: 180px;
margin: 69px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: right;

}

#sub_col2 {

float: left;
background: #fff;
width: 385px;
margin: 40px 0px 0px 30px;
padding: 0px 0px 0px 0px;
clear: right;
}



#right-col ul {
	list-style: none;
	margin: 15px 0px 20px;
	padding: 0px;
	line-height: 1.6em;
}

#right-col ul li {
	background: url(../images/bullet-square.gif) no-repeat left 8px;
	padding-left: 20px;
}


#sub_col2 ul {
list-style: none;
margin: 15px 0px 20px;
padding: 0px;
line-height: 1.6em;
}

#sub_col2 ul li {

font-size: 1.3em;
color:#4d4c4c;
line-height: 1.6em;
background: url(../images/square_bullit.gif) no-repeat left 7px;
padding-left: 20px;

}

#sub_col3 {

float: right;
background: #fff;
width: 200px;
margin: 60px 20px 0px 0px;
padding: 0px 0px 0px 0px;

}

#sub_col_wide {

float: right;
background: #fff;
width: 240px;
margin: 60px 20px 0px 0px;
padding: 0px 0px 0px 0px;

}