/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body{
	font-family:helvetica, arial, sans-serif;
	background:#49484E;
	margin:50px 0 0px 0;
	padding:0 0 30px 0;
}

#wrapper{
	position:relative;
	width:950px;
	margin:0 auto;
}

h1.header{
	display:block;
	background:url('../cssimages/header.jpg');
	color:#808080;
	text-indent:-99999em;
	width:321px;
	height:49px;
}

p span{
	color:#BDBDBD;
}

h4{
	margin:0;
}

/*===================================================================
NAVIGATION
===================================================================*/

#navigation{
	position:absolute;
	width:200px;
	top:420px;
	left:750px;
	list-style:none;
}

#navigation li a[title]{
	display:block;
}

#navigation li a[title="Portfolio"]{
	position:relative;
	top:22px;
	right:115px;
	text-indent:-999999em;
	background:url('../cssimages/navigation_portfolio.jpg') no-repeat;
	width:160px;
	height:56px;
	
}

#navigation li a[title="Contact"]{
	text-indent:-999999em;
	background:url('../cssimages/navigation_contact.jpg') no-repeat;
	width:202px;
	height:86px;
}

#navigation li a{
	color:#727349;
}

#navigation img{
	vertical-align:middle;
}   

/*===================================================================
CONTENT
===================================================================*/
#content img{
	padding:0 10px 20px 0;
}

ul.services{
	display:block;
	text-indent:-9999em;
	list-style:none;
	background:url('../cssimages/services.jpg') no-repeat;
	height:305px;
	width:269px;
	margin:0 0 117px 0;
}

/*===================================================================
CONTACT
===================================================================*/

#contact{
	text-indent:-9999em;
	background:url('../cssimages/text_contact.jpg') no-repeat;
	height:71px;
	width:261px;
}

p a[href="mailto:helen@helenbratby.co.uk"]{
	display:block;
	text-indent:-9999em;
	background:url('../cssimages/text__email.jpg') no-repeat;
	height:20px;
}

/*========================================================
PORTFOLIO
=========================================================*/

p#selling{
	display:block;
	height:90px;
	width:212px;
	float:left;
	text-indent:-9999em;
	background:url('../cssimages/text_selling.jpg') no-repeat center;
}


p#communicating{
	display:block;
	height:90px;
	width:212px;
	float:left;
	text-indent:-9999em;
	background:url('../cssimages/text_communicating.jpg') no-repeat center;
}

p#branding{
	display:block;
	height:90px;
	width:212px;
	float:left;
	text-indent:-9999em;
	background:url('../cssimages/text_branding.jpg') no-repeat center;
}

.hide_thumbs{
	display:none;
}