/* Basic layout and structure below 
-----------------------------------------------------------------*/

body {
	background: #404040  url('../images/andrea-background.gif') center top repeat-y; 
	color: #2A2F32;
	font: 80%/1.6em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-align: center;
	}

#container {
	width: 896px;
	height: 100%;
	margin: 0px auto; 
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #dad5ce;
	position:relative;
	}

div.spacer {
	clear: left;
	padding: 0px 0px 7px 0px;
	}




/* Masthead
-----------------------------------------------------------------*/

#masthead {
	background: transparent url('../images/header_colours.gif') bottom center no-repeat;
	padding: 0px 0px;
	height: 178px;
	margin-top: 0px;
	border-top: 5px solid #000;
	border-bottom: 1px solid #666;
	position:relative;
	outline: 0px solid orange;
	}
	
#masthead h1 img{
	margin-top: 0px;
	}

#section-header {
	background: url('../images/section-head-bg.jpg') bottom left no-repeat;
	outline: 0px solid gray;
	width: 595px;
	height: 169px;
	position: absolute;
	top: 5px;
	left: 300px;
	border-left: 1px solid #666;
	}
	
#section-header h2 {
	color: #2A2F32;
	/* margin: 145px  20px 30px; */
	font: normal 2.5em Helvetica, Arial, serif;
	outline: 0px solid red;
	position: absolute;
	bottom: 20px;
	left: 20px;
	}	
	
#contact_link {
	font: bold 1em Helvetica, Arial, serif;
	position: absolute;
	right: 20px;
	top:10px;
	color: #404040;
	}
	
#contact_link a {
	padding: 4px 9px;
	font-weight: normal;
	text-decoration: none;
	color: #2a2F32;
	background: #DDD;
	border: 1px solid #999;
	display: block;
	}
	
#contact_link a:hover {
	color: #FFF;
	background-color: #535760;
	}

/* Main Navigation 
-----------------------------------------------------------------*/

ul#mainnav {
	width: 150px;
	float: left;
	font: normal 1.1em/1.4em Helvetica, Arial, serif;
	display: inline; /*double float bug!*/
	outline: 0px solid black;
	}

ul#mainnav li {
	margin-bottom: 1px;
	}
	
#mainnav li a {
	color: #2A2F32;
	display: block;
	text-decoration: none;
	font-weight: normal;
	background: #72747A url('../images/main-nav-li-bg.gif') left top repeat-x;
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #FFF;
	}
	
#mainnav li.lastoption a {
	border-bottom: 0;
	}
	
#mainnav li a:hover {
	background: #72747A url('../images/main-nav-li-bg-hover.gif') left top repeat-x;
	text-decoration: none;
	}
	
body#aboutme li.aboutme a, 
body#gallery li.gallery a, 
body#news li.news a, 
body#shop li.shop a, 
body#trends li.trends a, 
body#showreel li.showreel a,
body#press li.press a,
body#contact li.contact a{
	background: #55575F url('../images/main-nav-li-bg-selected.gif') left top repeat-x;
	color: #FFF;
	}
	
div.nav_div {
	position: absolute;
	bottom: 8px;
	left: 0;
	outline: 0px solid red;
	}


/* Main content 
-----------------------------------------------------------------*/

#maincontent {
	background: transparent;
	padding: 0 0 100px 20px;
	margin-bottom: 4em;
	width: 500px; /* that's 512px minus the 12px left padding*/
	border-left: 0px dotted #000;
	outline: 0px solid black;
	position: absolute;
	top: 215px;
	left: 300px;
	}


/* Side content 
-----------------------------------------------------------------*/

#sidecontent {
	float: left;
	padding: 0 0 0 0px ;
	margin-right: 0em;
	width: 300px;
	height: 100%;
	text-align: left;
	background: transparent /* url(../images/side-bg.gif)top right no-repeat */ ;
	outline: 0px solid green;
	position: absolute;
	top: 184px;
	z-index: 1;
	}
	
/* #press #sidecontent {border-top: 15px solid #88A6BC;} */

#sidecontent ul {
	width: 260px;
	list-style-type: none;
	padding: 0;
	margin:31px 0;
	font: 1.2em/1.4em  Helvetica, Arial, sans-serif;
	float: right;
	border-top: 1px solid #AAA;
	}
	
#sidecontent ul li {
	
	background-color: transparent;
	margin-top: 0px;
	} 
	
#sidecontent ul li a{
	text-decoration: none;
	display: block;
	color: #555;
	padding: 0.6em 0px 0.5em 6px;
	font-weight: normal;
	border-bottom: 1px solid #AAA;
	}
	
#sidecontent ul li a:hover {
	color: #000;
	background: #E6E6E6;
	}
	
	
/*
#sidecontent ul {
	width: 260px;
	list-style-type: none;
	padding: 0;
	margin:31px 0;
	font: 1.2em/1.4em  Helvetica, Arial, sans-serif;
	float: right;
	border-top: 1px solid #AAA;
	}
	
#sidecontent ul li {
	
	background-color: transparent;
	margin-top: 0px;
	} 
	
#sidecontent ul li a{
	text-decoration: none;
	display: block;
	color: #555;
	padding: 0.6em 0px 0.5em 6px;
	font-weight: normal;
	border-bottom: 1px solid #AAA;
	width: 100%;
	}
	
#sidecontent ul li a:hover {
	color: #000;
	background: #E6E6E6;
	}
*/
	
	 
/* Secondary nav */

.biography .biographylink,
.inspiration .inspirationlink,
.environment .environmentlink,
.charities .charitieslink,
.testimonials .testimonialslink,
.clientlist .clientlistlink,
.showreel .showreellink
.trends trendslink, 
.collections .collectionslink,
.books .bookslink,
.rugs .rugslink,
.showreel .showreellink,
.bars .barslink,
.residential .residentiallink,
.commercial .commerciallink,
.sketchpad .sketchpadlink,
.latest .latestlink,
.in-the-press .in-the-presslink {
	color: #333 !important;
	background: #C9CECB  !important;
	}

	

	
	
/* Footer content 
-----------------------------------------------------------------*/
			
 #footer {
	background-color: #92AAB4;
	border-top: 1px solid #46535f;
	padding: 10px 25px;
	color: #FFF; 
	width: 545px;
	position: absolute;
	bottom:0;
	margin: 80px 20px 0px -19px;
	
	} 
		
	
/* General typography styling below 
-----------------------------------------------------------------*/

p { 
	margin: 0 0 1em 0;
	}
	
p.small {
	font-size: 9px;
	line-height: 13px;
	}

ul.linklist {
	margin-left: 0;
	padding-left: 0;
	}

ul.linklist li {
	padding-left: 22px;
	margin-bottom: 12px;
	}

ul.linklist li.acrobat {
	background: transparent url(../images/page_white_acrobat.gif) left top no-repeat;
	}

ul.linklist li.image {
	background: transparent url(../images/page_white_picture.gif) left top no-repeat;
	}
	
a:link, a:visited {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}		
	
a:hover {
	text-decoration: underline;
	}
	
#maincontent h3.subsectionhead {
	font: normal 1.6em/1.3em Helvetica, Arial, sans-serif;
	margin: 0px 0px 15px 0px ! important;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #888;
	}
	

/* News & Press typography styling below 
-----------------------------------------------------------------*/

/*The h3 in the maincontent div is usually the title of the event*/

#maincontent h3 {
	font: normal 1.4em/1.3em Helvetica, Arial, sans-serif;
	padding-bottom: 0.2em;
	padding-top: 0em;
	margin-top:1.6em;
	}
	
#maincontent h3.topevent { 
	padding-top: 0;
	}

/* The h4 in the maincontent div is usually the date of the event entry */

#maincontent h4 {
	font: bold 1.1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888;
	border-bottom: 1px dotted #999;
	margin-bottom: 0.8em;
	padding-bottom: 0.5em;
	}
	
#maincontent img.fltleft {
	float:left;
	margin-right: 1em;
	margin-bottom: 0.25em;
	}
	
#maincontent img.fltright {
	float: right;
	margin-right: 0em;
	margin-left: 1em;
	margin-bottom: 1em;
	}