/*
Ollie Wells - layout CSS for twentysixtwelve.co.uk	
*/

/* Cross-browser reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
del,ins{text-decoration:none;}

/* Page layout */
.row{
	display:block;
	position:relative;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	clear:both;
	}
.item{
	position:relative;
	left:980px;
	float:left;
	overflow:hidden;
	}

/* Global Styles */
h1, h2{
	margin-bottom:18px;
	}
p{
	margin-bottom:18px;
	}

/* Header */

#header {
background:#000000 url("../img/header/bg-header.jpg") no-repeat scroll center top;
height:140px;
margin:0;
padding:0;
width:auto;
}


#header-feature {
margin:0 0 0 10px;
position:absolute;
top:130px;
width:600px;
}

#logo-large {background:transparent url("../img/header/bg-logo.png") no-repeat center top;
height:214px;
width:980px;
margin:0px auto}




.rim {background:#2b2b28 url("../img/footer/bg-rim.gif") repeat-x;display:block;height:2px;width:100%}

#logo{
	margin:30px 0 0 -330px;
	}
#main-menu{
	margin:50px 0 0 -950px;
	}
#main-menu li{
	float:left;
	padding:5px;
	margin-right:5px;
	}
	
#primary-nav {
	height:28px;
	background:#2b2b28 url("../img/layout/bg-highlight-primarynav-under.gif") repeat-x bottom;
	border-top:1px solid #444444;

	}
#primary-nav ul{height:20px;margin:0px auto;width:960px;padding:5px 15px 19px 0px;z-index:1}
#primary-nav ul li{display:inline;margin:0px 0px 0px 25px}
#primary-nav ul li a{}
#primary-nav ul li a.selected{color:#fff}
#primary-nav ul li a:hover{color:#fff}





/* Body */
body {}
#site-wrapper {background:#407197 }

#body {height:auto;background:#407197 url("../img/layout/bg-body.png") repeat-y center;height:auto;overflow:hidden;margin:0px auto;width:980px}
#body-content{
	background:url("../img/layout/bg-shadow-primarynav-under.gif") no-repeat center 0px;
	padding:44px 20px 0px 20px;
	width:920px; /* 480px - 20px of padding */
	margin:0px -970px;height:100%
	}
#left-content{
	padding:10px;
	width:215px; /* 235px - 20px of padding */
	margin:5px 0 0 -980px;
	}
#right-content{
	padding:10px;
	width:215px; /* 235px - 20px of padding */
	margin:5px 0 0 -235px;
	}
	
	




/* colorboxes */
#contact-links {width:800px;height:300px}
	
/* slider */

#slider div.info {}
#slider div.info p{float:left;margin-bottom:20px}

	
#slider{background:#f0f0f0 url(../img/slider/bg-slider.gif);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
	padding: 25px 0px 0px 40px;margin-bottom:32px;
	width:898px;
	height:520px;}	
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:878px;
	height:520px;
	overflow:hidden; 
	padding:0px
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	left:10px;
	top:248px;
	text-indent:-8000px;overflow:hidden
	}	
#nextBtn{ 
	left:920px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:32px;
	height:32px;
	background:url(../img/slider/btn-prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../img/slider/btn-next.png) no-repeat 0px 0px;
	}
#prevBtn a:hover, 
#nextBtn a:hover{
	background-position:0px -32px;
	}
	

	
	/* numeric controls */	

	ol#controls{
	padding:0;position:absolute;top:136px;right:14px
		}
	ol#controls li{
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

	padding:0;
		}
	ol#controls li a{
	background:#108DED;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #fff;
	color:#fff;
	padding:0px 0px;
	text-decoration:none;
	display:block;
	height:11px;
	width:11px;
	float:left;
	margin:0 5px 0 0;
	
		}
	ol#controls li a.link1{
		background:#000;
		}
	ol#controls li.current a{
		background:#F64B15;
		color:#333;
		}
		ol#controls li a:hover{
		background:#F64B15;
		color:#fff;
		}		
		ol#controls li.current a:hover{
		background:#F64B15;
		color:#333;cursor:default
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* end of slider */

#button-cv {	
	}
	
.button-290x44 {
	margin:0 22px 23px 0; padding:20px 0;
	position:relative;
	width:290px; height:44px;
	overflow:hidden;float:left;
	background: #f0f0f0 url(../img/buttons/buttonbg.gif) top center repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
	}
	
.button-290x44 span  {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:290px; height:44px;
	margin:20px 0; padding:0;
	}

	
#button-cv span  {
	background:#f0f0f0 url(../img/buttons/butcv.png) no-repeat 0px 0px;
	}
#button-cv span:hover {
	background-position:0px -44px;
	}
	

#button-contact span  {
	background:#f0f0f0 url(../img/buttons/butcontact.png) no-repeat 0px 0px;
	}
#button-contact span:hover {
	background-position:0px -44px;
	}

#button-twitter {margin-right:0px}	

#button-portfolio span  {
	background:#f0f0f0  url(../img/buttons/butport.png) no-repeat 0px 0px;
	}
#button-portfolio span:hover {
	background-position:0px -44px;
	}
#button-twitter span  {
	background:#f0f0f0  url(../img/buttons/buttwit.png) no-repeat 0px 0px;
	}
#button-twitter span:hover {
	background-position:0px -44px;
	}

	
/* call to action - home	 */

#call-to-action-home 
{padding-bottom:30px;height:86px;overflow:hidden}
	
/* Footer */
#footer{background:#000000 url("../img/footer/bg-footer.jpg") no-repeat scroll center top;
	padding:0px 0 15px 0;
	margin:0px auto 0px auto;
	width:100%; height:73px;overflow:hidden;border-top:1px solid #aaa;
	}
	

	

.footer-header {width:960px;margin:0px auto}
.footer-links-container {width:980px;margin:0px auto;}
#footer ul.footer-links {float:left;margin-left:20px}
ul#footer-links li{}