/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 10/02/2009																						*/

/* Agnito																																							*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color:#687a85;
	background-image: url(../images/general/background_grad.gif); background-repeat: repeat-x;
}

#main_container {
	margin: 0 auto;
	position: relative;
	width: 974px;
	height: auto;
}

#main_content {
	position: relative;
	width: 100%;
	left: 1px;
	height: auto;
	float: left;
	overflow: auto;
	margin: 10px 0px 10px 0px;
}

/* ---------------------------------------------------------------------------------- */
/* Header layout properties																														*/
/* ---------------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 100%;
	height: 170px;
	float: left;
	z-index: 100;
	margin-top: 16px;
}

#top_nav {
	position: relative;
	width: 974px;
	height: 34px;
	float: left;
	padding-top: 1px;
	background-image: url(../images/navigation/nav_background.gif); background-repeat: no-repeat;
}

#top_nav_about_us {
	position: relative;
	width: 974px;
	height: 34px;
	float: left;
	padding-top: 1px;
	background-image: url(../images/navigation/nav_background_about_us.gif); background-repeat: no-repeat;
}

#top_nav_business {
	position: relative;
	width: 972px;
	height: 34px;
	float: left;
	padding-top: 1px;
	background-image: url(../images/navigation/nav_background_business.gif); background-repeat: no-repeat;
}

#top_nav_home {
	position: relative;
	width: 972px;
	height: 34px;
	float: left;
	padding-top: 1px;
	background-image: url(../images/navigation/nav_background_home.gif); background-repeat: no-repeat;
}

#top_nav_soho {
	position: relative;
	width: 972px;
	height: 34px;
	float: left;
	padding-top: 1px;
	background-image: url(../images/navigation/nav_background_soho.gif); background-repeat: no-repeat;
}

#logo {
	position: relative;
	width: 750px;
	height: 124px;
	float: left;
	overflow: auto;
	padding: 0px 0px 0px 10px;
	margin-bottom: 14px; /*border: solid 1px red;*/
}

#contact_details {
	position: relative;
	width: 209px;
	height: 54px;
	float: left;
	padding: 80px 0px 0px 0px;
	text-align: right;
}

/* ---------------------------------------------------------------------------------- */
/* Body layout properties																															*/
/* ---------------------------------------------------------------------------------- */

.top_left_box_back {
	position: relative;
	width: 694px;
	height: 127px;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 6px 10px 9px 11px;
	background-image: url(../images/homepage/top_left_box_back.gif); background-repeat: repeat-x;
}

.top_right_box_back {
	position: relative;
	width: 225px;
	height: 127px;
	float: left;
	padding: 6px 10px 9px 10px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/top_right_box_back.gif); background-repeat: repeat-x;
}

.login_box { width: 224px; text-align: right; }

.left_content {
	position: relative;
	width: 460px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-right: 20px;
}

.right_content {
	position: relative;
	width: 278px;
	height: auto;
	float: left;
}

.green_spacer {
	border-top: solid 1px #aacb94;
	margin: 10px 0px 10px 0px;
	width: 278px;
	height: 1;
	float: left;
}

.large_box {
	position: relative;
	width: 715px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.left_box_home_top {
	position: relative;
	width: 715px;
	height: 6px;
	float: left;
	background-image: url(../images/general/boxes/left_box_home_top.gif); background-repeat: no-repeat;
}

.left_box_home_middle {
	position: relative;
	width: 695px;
	min-height: 297px;
	height: auto;
	float: left;
	padding: 2px 10px 10px 11px;
	background-image: url(../images/general/boxes/left_box_home_middle.gif); background-repeat: repeat-y;
}

.left_box_home_bottom {
	position: relative;
	width: 715px;
	height: 6px;
	float: left;
	background-image: url(../images/general/boxes/left_box_home_bottom.gif); background-repeat: no-repeat;
}

.small_box {
	position: relative;
	width: 244px;
	height: auto;
	float: left;
}

.right_box_home_top {
	position: relative;
	width: 244px;
	height: 6px;
	float: left;
	background-image: url(../images/general/boxes/right_box_home_top.gif); background-repeat: no-repeat;
}

.right_box_home_middle {
	position: relative;
	width: 225px;
	height: auto;
	float: left;
	padding: 2px 9px 10px 10px;
	background-image: url(../images/general/boxes/right_box_home_middle.gif); background-repeat: repeat-y;
}

.right_box_home_bottom {
	position: relative;
	width: 244px;
	height: 6px;
	float: left;
	background-image: url(../images/general/boxes/right_box_home_bottom.gif); background-repeat: no-repeat;
}

.homepage_bottom_boxes {
	position: relative;
	width: 217px;
	height: auto;
	float: left;
}

.home_box_1 { margin-right: 21px; }
.home_box_2 { margin-right: 21px; }

.homepage_height { height: 361px; }
.home_image { padding: 2px; border: solid 1px #687a85; }

/* ---------------------------------------------------------------------------------- */
/* Other style / layout properties																										*/
/* ---------------------------------------------------------------------------------- */

img { border: 0; }

#nav_spacer {
	position: relative;
	top: 0;
	left: 0;
	width: 2px;
	height: auto;
	float: left;
}

.height_5 { height: 5px; }

.more_button {
	position: relative;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 5px;
}

.more_button_text {
	position: relative;
	top: 1px;
	left: 0;
	width: auto;
	height: 17px;
	float: left;
}

.sitemap_ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.sitemap_ul li {
	padding: 5px 0 3px 18px;
	background: url(../images/general/site_map_arrow.gif) no-repeat 0 7px;
}

.sitemap_ul li li {
	padding: 5px 0 0px 18px;
	background: url(../images/general/site_map_arrow.gif) no-repeat 0 10px;
}

/* ---------------------------------------------------------------------------------- */
/* Form properties																																		*/
/* ---------------------------------------------------------------------------------- */

label {
	width: 75px;
	float: left;
	text-align: left;
	display: block;
	padding: 2px 0px 0px 0px;
}

.login_text { margin-bottom: 5px; }

form { margin: 0px; }
.form_ddl_hear_about { width: 304px; }
.field300 { width: 300px; font-size: 11px; }

/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

#footer {
	position: relative;
	width: 969px;
	left: 1px;
	height: 25px;
	float: left;
	border-top: solid 1px #687a85;
}

#footer_text {
	position: relative;
	margin: 5px 0px 5px 0px;
	height: 15px;
	width: 640px;
	float: left;
	padding: 0px 0px 0px 9px;
}

#webnetism {
	position: relative;
	margin: 5px 0px 5px 0px;
	height: 15px;
	width: 311px;
	float: left;
	padding: 0px 9px 0px 0px;
	text-align: right;
	font-size: 11px;
	color:#646464;
}