/* -------------------------------------------
default.css - main screen stylesheet
version:   1.1
date:      25/09/2008
author:    Dan Collins
email:     dancollins86@gmail.com
website:   http://www.designshuffle.co.uk
-------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
	font: 62.5% verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5; 
	color: #000;
	background: #D8DEEE;
	text-align: center;
}
.oneColElsCtrHdr #position {
	background: #D8DEEE;
	margin: 0 auto;
	text-align: left;
	width: 81em;
}
/*------------------ header styles------------------*/
.oneColElsCtrHdr #header {
	background: #FFFFFF url(../../images/header.jpg) no-repeat;
	background-position:top;
	position: relative;
	height: 154px; width:790px; margin:0 auto;
}
	.oneColElsCtrHdr object#header-flash {
	position: absolute;	left: 240px; top: 20px;
	width: 340px; height: 100px;
   }
	.oneColElsCtrHdr div#top-menu {
		position: absolute;	left: 600px; top: 20px;
		width: 190px; height: 110px;
	}

		.oneColElsCtrHdr div#top-menu li {
			background: url(../../images/header-callto.png) no-repeat;
			display: block;
			height: 20px;
			list-style-type: none;
			margin-bottom: 8px; padding: 5px 20px;
			font-weight: bold;
		}
			.oneColElsCtrHdr div#top-menu li a {
				color: #780433;
				font-weight: bold; font-size: 1.1em; line-height:1.1em;
				text-transform: uppercase;	text-decoration:none;
				display:block; width:100%; height:100%;
			}
/*-------------------------- navigation and welcome box--------------------*/
.oneColElsCtrHdr #menu {
	background: #91998C url(../../images/navbar.jpg) no-repeat;
	background-position:bottom;
	margin:0 auto;
	width: 790px; height: 53px;
}
.oneColElsCtrHdr div.welcome {
	margin: 10px 0 0 0;
	padding: 10px 0 0 20px;
	background: #D8DEEE url(../../images/footer.jpg) no-repeat;
	height: 40px;
	position: relative; z-index:1;
}

/*-------------------------- main content--------------------*/
.oneColElsCtrHdr div.content {
	background: #FFF url(../../images/content-top.jpg) no-repeat; background-position: top;
	margin-left: 10px; 	padding: 20px 0;
	width: 790px; height: 100%;
	position: relative; 
}
.oneColElsCtrHdr div#vacancy {
	margin:0 auto; 	padding: 20px 0;
	width: 750px; height: 100%;
}

/*-------------------------force content hieghts for each page---------------------------------------*/
.oneColElsCtrHdr div#home-content {height: 810px;}
div#left{padding:10px; width:480px; margin-right:10px; display:inline; float:left;}
div#right{padding:10px; width:260px; display:inline; float:left;}
.oneColElsCtrHdr div#flatfee-content {height: 490px;}
.oneColElsCtrHdr div#vol-content {height: 670px;}
.oneColElsCtrHdr div#testing-content {height: 730px;}
.oneColElsCtrHdr div#process-content {height: 570px;}
.oneColElsCtrHdr div#why-content {height: 800px;}
.oneColElsCtrHdr div#clients-content {height: 790px;}
.oneColElsCtrHdr div#boards-content {height: 580px;}
.oneColElsCtrHdr div#contact-content {height: 740px;}
.oneColElsCtrHdr div#thanks-content {height: 170px;}
.oneColElsCtrHdr div#vacancy-content {height: 1700px;}
.oneColElsCtrHdr div#boards-content div.logoscontainer {width: 720px; margin: 0 auto;}
.oneColElsCtrHdr div.logoscontainer {width: 100%; margin: 0 auto;}
.oneColElsCtrHdr div.logoscontainer img {border: none; width:100%; height:100%;}

/*-------------------------col-one styles---------------------------------------*/

.oneColElsCtrHdr div#col-one{
		width:430px;
		padding-left:30px; margin-right:18px; 
		float:left; display:inline;
}
.oneColElsCtrHdr #feature-thirds, #info {
		width: 790px; height: 100%;
		margin-left: 10px;
}
.oneColElsCtrHdr .feature {
		float: left;
		margin: 0 20px 0 0;	padding: 5px;
		width: 220px; height: 100%;
		position: relative;
}

div#right img{
	margin-top:30px;
		
}
		/*------------ Lists---------------*/
		.oneColElsCtrHdr div#col-one ol#steps{width:402px; padding-left:25px; color:#828589; font-size:1.2em;}
		ul#genericList{margin:20px 0 30px 10px; width:300px;color:#828589; font-size:1.2em;}
		ul#genericList li {
	background:transparent url(../../images/bullet_info.gif) no-repeat scroll left top;
	margin:7px 0 7px 0;
	list-style:none;
	padding:0 0 0 25px;
		}
		
.oneColElsCtrHdr div#boards-content, div#clients-content, div#contact-content, div#flatfee-content, div#vol-content,
 div#process-content, div#why-content, div#testing-content, div#vacancy-content {position: relative;	top: 5px;}
.oneColElsCtrHdr div#clients-content div#col-one  div.logo {
	width: 180px;height: 70px;
	margin-right: 20px;	margin-bottom: 20px; padding: 5px;
	border: 1px solid #CCC;
	display: inline; float: left;
}
.oneColElsCtrHdr div#boards-content div#boards  div.logo {
	width: 160px; height: 40px;
	margin-right: 5px; margin-bottom: 10px;	padding: 5px;
	border: 1px solid #CCC;
	display: inline; float: left;
	background: #FFF;
}
.oneColElsCtrHdr div#clients-content div#clients div.logoscontainer div.logo a {
	width: 200px; height: 100px;
	display: block;
	vertical-align: middle;
	border: none;
	text-decoration: none;
}
/*-------------------------col-two styles---------------------------------------*/
.oneColElsCtrHdr div#contact-content div#col-two{
		 width:240px; margin-left:30px;
}
.oneColElsCtrHdr div#col-two{
		width:302px;
		padding-top:10px;
		float:left; display:inline;
		position:relative;
}
.oneColElsCtrHdr div#col-two img#cogs{position:relative; left:10px;}
div.testimonial{ no-repeat; padding:5px 5px 10px 5px; margin-bottom:10px;width:290px; height:100%;}
div.test-top{background:url(../../images/test-top.jpg) no-repeat; margin:0; padding:0; width:290px; height:17px;}
div.test-body{background:url(../../images/test-body.jpg) repeat-y; margin:0; padding:0;  width:290px; height:100%;}
div.test-bottom{background:url(../../images/test-bottom.jpg) no-repeat; margin:0; padding:0; width:290px; height:22px;}
div.grey-dashedbox{background:#FFF; padding:10px; margin-top:20px;width:230px; height:50px; border: 2px dashed #eee; position:relative; right:-30px;}
div.grey-dashedbox object#submit-job{position:relative; left:5px; top:-5px; width:112px; height:37px;}
div.grey-dashedbox img#rec{position:relative; left:20px; width:70px; height:50px;}

/*-------------------------- contact page specific styles-------------------------------------*/
div.contact-block {float:left;margin-bottom:10px;width:240px;display: inline;}
div#phone{background:url(../../images/callus.jpg) no-repeat;height:140px;}
div#post{background:url(../../images/writetous.jpg) no-repeat;	position:relative;height:220px;}
div#email{background: url(../../images/emailus.jpg) no-repeat;position:relative;height:150px;}
div#post-content{display:block;	position:relative; top:70px; left:20px;	width:140px;height:auto;}
div#col-two div#post-content p, div#col-two div#south-content p{font-size:1.1em; line-height:1.3em; width:100%;}
div#email-content{display:block;position:relative; top:120px; left:10px;width:220px;height:203px;}
div#email-content a{color:#C60B45;font-weight:bold; font-size:1.3em; line-height:1.6em;letter-spacing:1px;}
div#south{	background: url(../../images/southern.jpg) no-repeat;position:relative;	height:203px;}
div#south-content{display:block; position:relative; top:45px; left:20px; width:190px; height:auto;}

/*-------------------------- footer and misc styles-------------------------------------*/
.oneColElsCtrHdr #footer {
	background: #D8DEEE url(../../images/footer.jpg) no-repeat;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0 10px;
	position: relative;
	text-align: left;
	width: 790px;
	height: 50px;
}
.clearfloat { clear: both;	font-size: 1px;	height: 0;	line-height: 0;}
.floatl {display: block;float: left;}
.floatr {display: block;float: right;}
.strong{ font-weight:700;}
div.clearBoth {
clear:both;
font-size:0.5px;
height:0;
line-height:0;
}
img.introductory-offer{ margin-top:32px;}
#right h5{font-size:14px; }
div.chunk{background:#F2F2F2; border:1px solid #CCC; padding:10px; margin-bottom:5px;}