/* CSS Document (c) in2orbit design 2010 */

body
{
	padding: 0px;
	margin: 0px;
	background: #808080 url(images/background_shadow.jpg) repeat-y center;
}

#centre hr
{
	clear: left;
	border-width: 0px;
	border-bottom:1px solid #808080;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	height:1px;
}

/* Structure styles */

#centre
{
	width: 1014px;
	position: relative;
	margin: auto;
	padding: 0px;
}

#container
{
	float: left;
	padding: 30px 0px 40px 0px;
	margin: 0px;
	background: url(images/background.jpg) repeat-x;
	width: 1014px;
}

#logo
{
	float: left;
	width: 165px;
	height: 55px;
	padding:0px 0px 0px 70px;
	margin:0px;
}

#navigation
{
	float: right;
	width: 680px;
	padding:10px 71px 0px 0px;
	margin:0px;
}

#centre #navigation {width:680px; height:auto; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #centre #navigation {width:681px; w\idth:680px;}

#content
{
	clear: both;
	float: left;
	width: 904px;
	margin: 0px;
	padding: 110px 30px 0px 80px;
	background: url(images/background_water.jpg) no-repeat 0px 7px;
}

	.column_25,.column_50,.column_75,.column_40,.column_60,.column_100
	{
		float:left;
		width:211px;
		padding:0px 3px 15px 0px;
		margin:0px;
	}
	
	.column_50 {width:425px;}
	
	.column_75 {width:639px;}
	
	.column_40 {width:318px;}
	
	.column_60 {width:532px;}
	
	.column_100 {width:853px;}
	
	
	.box
	{
		display: block;
		padding: 0px;
		margin:0px;
		background: #999;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox ext */
		-webkit-borderradius: 6px; /* safari & chrome ext */
	}		
		.box.service {background: #999 url(images/icon_service.jpg) no-repeat top right;}
		.box.workshop {background: #999 url(images/icon_workshop.jpg) no-repeat top right;}
		.box.emergency {background: #999 url(images/icon_emergency.jpg) no-repeat top right;}
	
	.box-small
	{
		display: block;
		float: left;
		width: 104px;
		padding: 0px;
		margin: 0px 3px 3px 0px;
		background: #999;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox ext */
		-webkit-borderradius: 6px; /* safari & chrome ext */
	}
		.box-small.info {background: #999 url(images/icon_info.jpg) no-repeat top right;}
		.box-small.sales {background: #999 url(images/icon_sales.jpg) no-repeat top right;}
		.box-small.quote {background: #999 url(images/icon_quote.jpg) no-repeat top right;}
		.box-small.casestudies {background: #999 url(images/icon_casestudies.jpg) no-repeat top right;}
		
	.box_white
	{
		display: block;
		padding:8px 12px 10px 12px;
		margin:0px;
		background:#FFF;
		text-align:center;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox ext */
		-webkit-borderradius: 6px; /* safari & chrome ext */
	}
	
	.box_white2
	{
		display: block;
		padding:8px 12px 10px 12px;
		margin:0px;
		background:#FFF;
		text-align:center;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox ext */
		-webkit-borderradius: 6px; /* safari & chrome ext */
	}
	
	.box_splash
	{
		display: block;
		padding:8px 12px 10px 12px;
		margin:0px;
		background:#FFF;
		text-align:left;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox ext */
		-webkit-borderradius: 6px; /* safari & chrome ext */
	}
	
		.box_white p em, .box_white2 p em, .box_splash p em
		{
			color: #808080;
		}
		
		.box_white img
		{
			padding:0px 6px 12px 6px;
			height: 27px;
			width:auto;
		}
		
		.box_white2 img
		{
			padding:0px 6px 18px 6px;
			height: 32px;
			width:auto;
		}

	.no_gutter {padding-right:0px;margin-right:0px;}
	.no_foot {padding-bottom:0px;margin-bottom:0px;}
		
#footer
{
	clear: both;
	float: left;
	width: 790px;
	padding:24px 64px 7px 80px;
	margin:0px;
	background:url(images/safecontractor.png) no-repeat bottom right;
}