/* 2009 madewithpixels */
/* XHTML / CSS written by Michael Auty */

@import url(safari.css);
@import url(progressive.css);



/* GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
	} 

body {
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#707261;
	line-height:2em;
	background:#fff;
	}



/* RESET DEFAULT AND DEFINE GENERIC STRUCTURAL STYLES
-------------------------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ol, li, form, input, fieldset, label, blockquote, dl, dt, dd, fieldset, a:link img, a:visited img, a:active img, a:hover img {
	margin:0;
	padding:0;
	list-style-type:none;
	border:none;
	}

#sitewrapper.portfoliopage #rightcol ul li,
#sitewrapper.servicespage #rightcol ul li {
	padding:0 0 5px 12px;
	background:url(../../images/icon_bullet.png) 0 9px no-repeat;
	}

.clear {
	clear:both; }

.floatleft {
	float:left; }

.floatright {
	float:right; }

img.floatleft {
	margin:5px 20px 10px 0; }

hr { 
	display:none; }

.icon,
.hdr {
	margin:0;
	padding:0;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	}
	
a:link.btn,
a:visited.btn,
a:active.btn {
	padding:1px 7px 1px 7px;
	color:#fff;
	background:#03a2d6;
	}	

a:hover.btn {
	color:#fff;
	background:#575b5f;
	text-decoration:none;
	}



/* GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#285e65;
	margin:0 0 1em 0;
	font-weight:normal;
	}

h1#logo,
p#logo {
	position:absolute;
	top:0;
	left:0;
	}

h1#logo a:link, 
h1#logo a:visited,
h1#logo a:active,
h1#logo a:hover,
p#logo a {
	display:block;
	margin:0;
	padding:0;
	width:260px;
	height:190px;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background:url(../../images/logo.png) no-repeat;
	}

#rightcol h1 {
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	text-align:-5000px;
	overflow:hidden;
	}

h2 {
	font-size:1.8em; }
	
h3 {
	font-size:2.4em; }

h4 {
	font-size:2.4em; }
	
p {
	font-size:1em;
	margin:0 0 2em 0;
	}

em {
	font-style:italic; }



/* GLOBAL LINK STYLES
-------------------------------------------------------------------------------*/
a { /* Firefox */ 
	outline:none; }
	
a:link, a:visited, a:active {
	color:#285e65;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline; }



/* GLOBAL FORM STYLES
-------------------------------------------------------------------------------*/
input, textarea, select {
	color:#7d7e63;
	background:#fbfdc6;
	border:3px solid #eaeae3;
	}



/* GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {
	width:960px;
	height:100%;
	margin:0;
	}

#leftcol {
	float:left;
	display:inline;
	width:260px;
	min-height:500px;
	}

#rightcol {
	float:left;
	display:inline;
	width:700px;
	}

#colone {
	padding:0 0 0 37px; }

#sitewrapper.contactpage #colone {
	width:636px; }

#sitewrapper.portfoliopage.landing #colone {
	margin:-1px 0 0 0;
	padding:0;
	width:700px; }

#colone,
#coltwo {
	float:left;
	margin:10px 36px 0 0;
	width:295px;
	} 

#footer {
	float:left;
	display:block;
	clear:both;
	width:160px;
	height:60px;
	margin:-100px 0 0 0;
	padding:20px;
	font-size:.9em;
	background:#f8f8f6;
	line-height:1.8em;
	}

#footer a span {
	color:#707261; }

#footer a:hover {
	text-decoration:none; }



/* main navigation 
--------------------------------*/
#navmain {
	padding:180px 0 0 0;
	background:#f1f1ed;
	}
	
#navmain li {
	width:259px;
	text-align:right;
	border-bottom:1px solid #fff;
	}

#navmain a:link,
#navmain a:visited,
#navmain a:active {
	display:block;
	width:239px;
	height:29px;
	padding:10px 20px 0 0;
	color:#7b8156;
	text-transform:uppercase;
	background:#f8f8f6;
	border-right:1px solid #fff;
	}

#navmain a:hover,
#sitewrapper.homepage #navmain a.homelink,
#sitewrapper.aboutpage #navmain a.aboutlink,
#sitewrapper.portfoliopage #navmain a.portfoliolink,
#sitewrapper.servicespage #navmain a.serviceslink,
#sitewrapper.contactpage #navmain a.contactlink {
	background:#f1f1ed;
	text-decoration:none;
	}

#sitewrapper.portfoliopage #navmain a.portfoliolink {
	color:#b6b7b0; }


/* portfolio navigation 
---------------------------------- */
#sitewrapper.portfoliopage #navmain a:link.portfoliolink,
#sitewrapper.portfoliopage #navmain a:visited.portfoliolink,
#sitewrapper.portfoliopage #navmain a:active.portfoliolink {
	height:15px;
	}

#navmain li ul {
	padding:5px 0 20px 0; }

#navmain li ul li {
	border-bottom:0; }

#navmain li ul li a:link,
#navmain li ul li a:visited,
#navmain li ul li a:active {
	width:219px;
	height:20px;
	text-transform:none;
	background:#f1f1ed;
	margin:0 20px 0 20px;
	padding:0 10px 0 0;
	border-right:0;
	}

#navmain li p {
	margin:0;
	padding:0 20px 0 0;
	font-size:1em;
	line-height:0;
	color:#b6b7b0;
	text-transform:uppercase;
	}

#navmain li ul li a:hover,
#navmain li ul li a.selected {
	background:#e3e4db; }
	
	

/* contact links
------------------------------------*/
li.tel,
li.eml a:link,
li.eml a:visited,
li.eml a:active {
	text-align:right;
	color:#285e65;
	}

li.eml a {
	display:block;
	padding:0 35px 0 0;
	background:url(../../images/icon_eml.png) no-repeat top right;
	}
	
li.eml a:hover {
	text-decoration:underline; }

li.tel {
	width:225px;
	height:15px;
	padding:30px 20px 0 0;
	color:#707261;
	background:#fff url(../../images/icon_tel.png) top right no-repeat;
	}

li.eml {
	display:block;
	margin:0 0 100px 0;
	font-size:1.1em;
	background:#fff;
	border-bottom:40px solid #fff;
	}
	


/* main image
--------------------------------------*/
#imagewrapper {
	float:left;
	display:inline;
	width:700px;
	margin:0 0 20px 0;
	}
	
#sitewrapper.homepage #imagewrapper {
	min-height:546px;
	background:url(../../images/Home.jpg) no-repeat;
	 }
	
#imagewrapper {
	margin:-1px 0 20px 0;
	min-height:260px;
	}

#sitewrapper.contactpage #imagewrapper {
	background:url(../../images/bnr_contact.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.bowes #imagewrapper {
	background:url(../../images/bnr_bowes.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.antonine #imagewrapper {
	background:url(../../images/bnr_antonine.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.malta #imagewrapper {
	background:url(../../images/bnr_malta.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.creswell #imagewrapper {
	background:url(../../images/bnr_creswell.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.walraversijde #imagewrapper {
	background:url(../../images/bnr_walraversijde.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.wearmouth #imagewrapper {
	background:url(../../images/bnr_wearmouth.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.stamford #imagewrapper {
	background:url(../../images/bnr_stamford.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.wyre #imagewrapper {
	background:url(../../images/bnr_wyke.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.pembroke #imagewrapper {
	background:url(../../images/bnr_pembroke.jpg) 0 1px no-repeat; }

#sitewrapper.portfoliopage.whitby #imagewrapper {
	background:url(../../images/bnr_whitby.jpg) 0 1px no-repeat; }



/* news styles 
---------------------------------------*/
#news {
	padding:0 0 0 20px; }

#news li {
	float:left;
	display:inline;
	margin:0 60px 30px 0;
	width:280px;
	}



/* portfolio styles 
---------------------------------------*/
#sitewrapper.portfoliopage #rightcol ul#landingnav {
	margin:0;
	padding:0;
	}

#sitewrapper.portfoliopage #rightcol ul#landingnav li {
	float:left;
	margin:0 0 1px 0;
	padding:0;
	list-style-type:none;
	line-height:0;
	}

#sitewrapper.portfoliopage #rightcol ul#landingnav li a img {
	margin:0;
	padding:0;
	}

p a.sketchbook {
	display:block;
	width:334px;
	height:141px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../../images/icon_sketchbook.jpg) no-repeat;
	}



/* -----------------------------------------------------------------------------*/
/* doobe do do doobe doobe do do - I'M SIIIIIIINGING IN THE RAIN */
/* -----------------------------------------------------------------------------*/