/* - Common classes */

.hide {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.float_right{
	float:right;
	margin-left:5px;
}
.float_left{
	float:left;
	margin-right:5px;
}

/* - General layout */

body {
	background: url(../images/page_bg.gif) top center repeat-y;
	padding-bottom: 30px;
}
#wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 864px;
}
#wrapper.wide {
	width: 918px;
}
#header {
	background: url(../images/header_bg.jpg) bottom left repeat-x;
	height: 155px;
	margin: 0 auto;
	position: relative;
	width: 864px;
}
#navigation {
	background: url(../images/navigation_bg.jpg) top left repeat-x;
	margin: 3px auto 10px auto;
	padding-top: 15px;
	width: 864px;
}

#seo, #web_design, #satisfaction {
	float: left;
}
#secondary_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0 20px 10px 20px;
	position: relative;
	width: 824px;
}
#partners_clients {
	background: url(../images/partners_clients_bg.gif) center center no-repeat;
	height: 86px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
}
#main_content_top,.box_top {
	background: url(../images/main_content_top_bg.gif) center center no-repeat;
	height: 4px;
	margin: 0 auto;
	width: 862px;
}


#main_content,.box {
	background: url(../images/main_content_bg.gif) bottom center no-repeat;
	margin: 0 auto;
	padding: 30px 220px 20px 220px;
	position: relative;
	width: 422px;
}

.box{
	padding:10px 60px;
	width:742px;
	margin-bottom:10px;
	text-align:left;}

#main_content_2col {
	background: url(../images/main_content_bg.gif) bottom center no-repeat;
	margin: 0 auto;
	padding: 30px 20px 20px 220px;
	position: relative;
	width: 622px;
}


#left_column {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	left: 0;
	padding-left: 20px;
	position: absolute;
	top: 30px;
	width: 200px;
}
#right_column {
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 160px;
}
.latest_news,.call_back {
	background: #e2e2e2 url(../images/grey_gradient_bg.jpg) left top repeat-x;
	margin-top: 5px;
	padding: 10px;
}
.call_back {
	padding-bottom:0px;
}
.call_us {
	background: url(../images/call_us_bg.jpg) bottom center no-repeat;
	height: 111px;
	padding-top: 145px;
}
#logo {
	display: inline;
	float: left;
	height: 85px;
	margin: 30px 0 0 30px;
	width: 280px;
}
#header .contact_details {
	position: absolute;
	right: 10px;
	top: 20px;
}
#feature_boxes {
	background: url(../images/feature_box_bg.jpg) top center no-repeat;
	height: 193px;
	padding: 0 31px 0 32px;
	position: relative;
}
#seo,#web_design,#satisfaction{
	float:left;
	display:block;
	position:relative;
}
#seo {
	height: 153px;
	margin-right:27px;
	padding:45px 130px 0 10px;
	position: relative;
	width: 127px;
}
#web_design {
	height: 153px;
	margin-right:27px;
	padding:45px 125px 0 10px;
	position: relative;
	width: 132px;
}
#satisfaction {
	height: 153px;
	padding: 45px 130px 0 10px;
	position: relative;
	width: 127px;
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 864px;
}