/* *************************************
	Sheffield Homes css
************************************* */
body{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EFEFEF;
	margin:0;
	padding:0;
	text-align:center;
}
/* *************************************
	basic elements 
************************************* */
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
a{color:white;}
p{margin:0px 0px 10px 0px;	padding:0;}
h2 a{text-decoration:none;}
img{border-width:0px;}
a img{border-width:0px;}
h1{
	margin:0px 0px 10px 0px;
	font-family:trebuchet ms, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:42px;
}
/* *************************************
	Core Layout elemts 
************************************* */
#container{
	position:absolute;
	width:900px;
	min-height:600px;
	left:50%;
	margin:10px 0px 0px -450px;
	background-color:#003F5F;
	text-align:left;
}
#header, #contentHolder, #footer{float:left; width:900px;}
#header{min-height:146px; overflow:hidden;}
#contentHolder{min-height:404px; padding-top:15px;}
#footer{
	min-height:50px;
	background:#005375 url(../images/footer_bg.gif) no-repeat right;
}
* html #footer{ height:50px;}
/* *************************************
	Header
************************************* */
#header img{margin:18px 0px 19px 23px; border-width:0px;}													
#mainNav{background-color:#005375;}
#mainNav ul{margin:0; padding:0; height:27px; /*overflow:hidden;*/}
#mainNav ul li{float:left;list-style-type:none;}
#mainNav ul li a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	padding:7px 16px 6px 17px;
	border-right:1px solid #ffffff;
}
#mainNav ul li a:hover{text-decoration:none;}
/* *************************************
	Nav Drop Down
************************************* */
#dropmenudiv{width:75px; position:absolute; z-index:200;}
#dropmenudiv a{
	display:block;
	padding:5px 15px 5px 15px;
	background-color:#005375;
	border:1px solid #003F5F;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}
#dropmenudiv a:hover{text-decoration:none;}
#dropmenudiv a.profile:hover{color:#E44197; }
#dropmenudiv a.aboutRoll:hover{color:#E7CF00;}
#dropmenudiv a.jobsRoll:hover{color:#B6E1E1;}
/* *************************************
	Individual <p> Tags
************************************* */
#header p{
	font-size:10px;
	margin:0;
	padding:0;
	position:absolute;
	float:right;
	top:79px;
	right:33px;
	height:39px;
	overflow:hidden;
	color:#BCBEC0;
}
#footer p{font-size:10px;	margin:19px 0px 0px 20px;}
#header p a, #footer p a{color:#BCBEC0; text-decoration:none;}
#header p a:hover, #footer p a:hover{color:white;}
/* *************************************
	Content
************************************* */
#content{
	width:615px;
	_height:324px;
	min-height:324px;
	background-color:#ffffff;
	float:left;
	margin:25px 20px 25px 20px;
	padding:25px 34px 34px 34px;
}
#map{
	width:683px;
	_height:383px;
	background-color:#ffffff;
	float:left;
	margin:25px 20px 25px 20px;
	padding:0px;
}
/* IE6 ONLY */
* html #content{ margin:25px 20px 25px 10px;}
#content img{margin-bottom:5px;}
#subContent{
	float:left;
	min-height:340px;
	width:157px;
	margin:25px 0px 0px 0px;
}
#content p, #content ul{font-size:12px; line-height:18px; }
#content p a{ text-decoration:underline; }
#content p a:hover{text-decoration:underline;}
#content ul{padding:0; margin:0;}
#content ul li{list-style-type:square; margin:6px 0px 6px 15px;}
#content ul.linkList li{
	list-style-type:none;
	margin-left:0px;
}
#content ul.linkList li ul li{
	margin-left:20px;
}
#content ul li a{
	display:block;
	font-weight:bold;
	font-size:14px;
	background:url(../images/liststyleimage.png) no-repeat left; 
	padding:6px 0px 6px 25px;
	margin:0px 0px 0px 0px;
	color:white;
	text-decoration:none;
}
#content ul li a:hover{text-decoration:underline;}
#content h2{
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	font-size:14px;
}
/* *************************************
	page colouring
************************************* */
/* nav colours */
#mainNav ul li a.home:hover, #mainNav ul li.current a.home{color:#8CC641;}
#mainNav ul li a.about:hover, #mainNav ul li.current a.about{color:#E7CF00;}
#mainNav ul li a.values:hover, #mainNav ul li.current a.values{color:#13B5EA;}
#mainNav ul li a.benefits:hover, #mainNav ul li.current a.benefits{color:#FDEF42;}
#mainNav ul li a.profiles:hover, #mainNav ul li.current a.profiles{color:#E44197;}
#mainNav ul li a.jobs:hover, #mainNav ul li.current a.jobs{color:#B6E1E1;}
#mainNav ul li a.recruit:hover, #mainNav ul li.current a.recruit{color:#F05133;}

/* mainContent bg */
#home #content{background-color:#8CC641;}
#about #content{background-color:#ffffff; color:#6D6F71;}
#values #content{background-color:#13B5EA;}
#benefits #content{background-color:#ffffff; color:#6D6F71;}
#profiles #content{background-color:#ffffff; color:#6D6F71;}
#jobs #content{background-color:#ffffff; color:#6D6F71;}
#recruit #content{background-color:#F05133;}
/* fun facts box */
#home .textBlock{color:#ffffff; background-color:#8BC541;}
#about .textBlock{color:#ffffff; background-color:#8BC541;}
#values .textBlock{color:#ffffff; background-color:#8BC541;}
#benefits .textBlock{color:#ffffff; background-color:#8BC541;}
#profiles .textBlock{color:#ffffff; background-color:#8BC541;}
#jobs .textBlock{color:#ffffff; background-color:#8BC541;}
#recruit .textBlock{color:#ffffff; background-color:#8BC541;}
/* coloured Pages List Style Images */
#about #content ul.linkList li a, #benefits #content ul.linkList li a, #jobs #content ul.linkList li a, #profiles #content ul.linkList li a{
	background:url(../images/black_liststyleimage.png) no-repeat left; 
	color:#DA2B86;
}
#about #content h2, #benefits #content h2, #jobs #content h2, #profiles #content h2{color:#DA2B86;}
#about #content h1, #benefits #content h1, #jobs #content h1, #profiles #content h1{color:#DA2B86;}
#about #content h2, #benefits #content h2, #jobs #content h2, #profiles #content h2, #about #content a, #benefits #content a, #jobs #content a, #profiles #content a{color:#DA2B86;}

/* *************************************
	Fast Facts
************************************* */
.textBlock{
	width:157px;
	position:absolute;
	margin-top:222px;
}
.textBlock p{margin:0px 0px 5px 0px; font-size:11px; line-height:17px;}
.textBlock h2 {
	font-size:13px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	text-transform:uppercase;
}
#home .textBlock h2 {
	font-size:13px;
	margin:0px 0px 0px 0px;
}
.textBlock h2 a{
	font-size:12px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:4px 0px 0px 0px;
	background:url(../images/h2_bg.png) no-repeat right;
}
#factHolder{position:absolute; width:157px; height:120px; overflow:hidden; background-color:#8BC541;}
.fastFact{
	width:137px;
	position:absolute;
	background-color:#8BC541;
	padding:0px 10px 10px 10px;
	font-size:11px
}
#fastFacts2{left:157px;}
#fastFacts3{left:314px;}
#fastFacts4{left:471px;}
#fastFacts5{left:628px;}
#fastFacts6{left:785px;}
#fastFacts7{left:942px;}
#fastFacts8{left:1099px;}
#fastFacts9{left:1256px;}
#fastFacts10{left:1413px;}
#fastFacts11{left:1570px;}
#fastFacts12{left:1727px;}
/* *************************************
	sliding video options
************************************* */
#videoHolder{
	position:absolute;
	width:157px;
	height:200px;
	overflow:hidden;
}
.videoLink{
	position:absolute;
	width:157px;
	height:200px;
	background-color:#E54097;
	font-size:12px;
}
#video1{}
#video2{left:157px;}
#video3{left:314px;}
#video4{left:471px;}
.videoLink img{margin:5px 0px 5px 5px;}
.videoLink p{margin:0px 10px 0px 10px; font-size:12px; line-height:17px;}
.videoLink p a{text-decoration:none;} 												
.videoLink p a:hover{text-decoration:underline;}
.videoLink p strong{text-transform:uppercase;}
.videoHolder{float:left; margin:0px 20px 0px 0px;}
#content.profContent{
	width:643px;
	min-height:340px;
	padding:20px;
	background-color:#666666;
}
.contentCol{
	display:block;
	width:385px;
	float:left;
}
#breadCrumbs{
	position:absolute;
	font-size:10px;
	left:20px;
	margin:0px 0px 0px 34px;
}
#breadCrumbs p{color:#BCBEC0;}
#breadCrumbs a{text-decoration:none; color:#BCBEC0;}
#breadCrumbs a:hover{text-decoration:underline;}
h2 span{text-transform:capitalize; }
#footer p{color:#BCBEC0;}
#home .textBlock p{
	padding:0px 15px 15px 10px;
	margin-top:0px;
	font-size:12px;
}
#home .textBlock{background-color:#13B4E9;}
#content.profContent h2 {padding-top:0px; margin-top:0px;}
.homeAlt{position:absolute; left:0px; top:0px;}
#content.minHeight{
	min-height:373px; 
	_height:373px;
}
h2 span{color:#5a5b5e;}
#content.profilesContent{
	padding:0px;
	min-height:384px;
	_height:384px;
	width:683px;
}
#content.profilesContent h2{margin-top:0px;}
#content.profilesContent p{margin-bottom:20px;}
.profileHolder{
	display:block;
	width:200px;
	float:left;
	margin:15px 25px 15px 15px;
}
.profileText{
	width:420px;
	float:left;
	margin-top:15px;
}
.profileHolder a img{
	float:left;
	margin:0px 5px 10px 0px;
}
.enterSite{
	display:block;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	padding:10px 10px 0px 0px;
	text-transform:uppercase;
}
.enterSite a{
	text-decoration:none;
}