@import url(default.css);

/* ----------------------------------------------Head-------------------------------------*/

#head{
	position:relative;
	float:left;
	width:935px;
	height:327px;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	background:url("images/hpage/hpage_topimg.jpg") top right no-repeat #000000;
	border-bottom:2px solid #8CA6B5;
	}

#head h1{
	margin:0;
	padding:0;
	}
	
#head h1 a:link, #head h1 a:visited, #head h1 a:hover{
	display:block;
	position:absolute;
	top:8px;
	left:10px;
	width:179px;
	height:311px;
	text-indent:-2000px;
	overflow:hidden;
	background:url("images/hpage/logo.gif") top left no-repeat;
	}

div#intro{
	position:absolute;
	top:92px;
	left:310px;
	width:545px;
	height:120px;
	margin:0;
	padding:0;
	font-size:20px;
	}

div#intro p{
	margin:0 0 15px 0;
	padding:0;
	}

#head ul{
	position:absolute;
	top:245px;
	left:220px;
	width:710px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	font-size:13px;
	color:#999999;
	background-color:transparent;
	text-align:center;
	}

#head li{
	display:inline;
	margin-right:16px;
	}

#head li.last{
	margin-right:0;
	}

/* ----------------------------------------------Content-------------------------------------*/

#content{
	position:relative;
	float:left;
	width:935px;
	margin-bottom:10px;
	padding-bottom:5px;
	background:url("images/hpage/hpagecont_bg.gif") top left repeat-y;
	}
	
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	margin:0;
	padding:0;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#CCCCCC;
	background-color:transparent;
	}

#content a{
	color:#FFFF00;
	background-color:#000000;
	text-decoration:none;
	}

/* Hpage Wrapper */

#wrap{
	display:block;
	width:935px;
	padding-bottom:5px;
	background:url("images/wrap_bg.gif") top left repeat-x;
	}

#wrap p{
	margin:12px 0 0 0;
	padding:0;
	}

.box{
	display:inline;
	float:left;
	width:285px;
	margin-right:10px;
	padding:5px 10px 0 10px;
	background:url("images/hpage/hpagebox_bg.gif") top left no-repeat;
	}

#wrap p.more{
	font-weight:bold;
	text-align:right;
	margin-top:25px;
	}

#wrap p.more a{
	padding-left:20px;
	background:url("images/hpage/more_tick.gif") left center no-repeat;
	}

#content .box h2.bespoke, #content .box h2.solutions, #content .box h2.callback{
	margin:0;
	padding:10px 0;
	padding-left:42px;
	color:#8CA6B5;
	background-color:transparent;
	}

#content .box h2.bespoke{background:url("images/hpage/bespoke.gif") left center no-repeat;}
#content .box h2.solutions{background:url("images/hpage/solutions.gif") left center no-repeat;}
#content .box h2.callback{background:url("images/hpage/callback.gif") left center no-repeat;}

#wrap div.last{
	margin-right:0;
	}

/* ---Call Back Form---*/

#callback{margin:12px 0 0 0;}
#callback form, #callback fieldset{border:0; margin:0; padding:0;}
#callback label{
	display:block;
	width:280px;
	margin-bottom:3px;
	}

#callback fieldset input{
	display:block;
	width:270px;
	height:18px;
	margin-bottom:5px;
	padding:0 4px;
	color:#FFFFFF;
	background-color:#393F48;
	border:1px solid #666666;
	}

#callback fieldset textarea{
	display:block;
	width:270px;
	height:62px;
	margin-bottom:15px;
	padding:4px;
	color:#FFFFFF;
	background-color:#393F48;
	border:1px solid #666666;
	overflow:auto;
	}

#callback fieldset input#submit{
	display:block;
	width:280px;
	height:26px;
	margin-bottom:0;
	padding:4px 0;
	font-weight:bold;
	color:#FFFF00;
	background-color:#393F48;
	border:1px solid #666666;
	}

.error_title, .compulsory{ color:#00FFFF; background-color:transparent;}
.errors{padding-bottom:8px; margin-bottom:15px; border-bottom:1px solid #FF0000;}