/*************************************************
	Site:			www.gabrieleskelton.co.uk
	Client:		GABRIELE SKELTON LTD
	Created:	Jul 2006
	Agency:		Orangutan Studio (www.orangutanstudio.com)
	Contact: 	Emma Verity (info@angelfishstudio.com)
	
	Stylesheet for layout classes/structural markup

 *************************************************/

#wrapper {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	font-size:0.76em;
	width:60.85em;
	text-align: left;
	}

#container {
	position:relative;
	background:#ED107E url(../images/bg_container.gif) repeat-x bottom left;
	border-right: 1px solid #BDBDBD;
	margin-bottom: 1.5em;
	} 

#top-content {
	position:relative;
	}

#logo {
	position:relative;
/*	width:170px;*/
	margin-bottom:2em;
	}

#nav {
	position:absolute;
	top:0;
	left:180px;
	}
#main-content {
	position:relative;
	overflow : hidden;
	_height : 1%;
	margin-right: 20px;	
	}	
#main-content2 {
	position:relative;
	overflow : hidden;
	_height : 1%;
	margin-right: 20px;	
	}
#footer-container {
	position: relative;
	margin:2em 0 0 0;
	background:url(../images/bg_shadow_horiz.gif) repeat-x bottom;	
	overflow : hidden; 
	_height : 1%;
	padding-bottom:20px;
	}
#footer-links {
	position: relative;
	float: right;
	background: url(../images/dots.gif) repeat-x top;
	padding-top:7px;
	text-align:right;
	color:#CB0F70;
	font-size:0.8em;
	width:80%;
	right:20px;
	margin-top:25px;
	}
#footer-strapline {
	position: relative;
	float: left;
	width:15%;
	padding-left:20px;
	}




/************* TEMPLATE PAGE LAYOUTS  **************/

/**** PAGE TYPE HOME  ****/	
.pagetype-home#main-content {
	padding:0 0 3em 22px;
	margin-right:15px;
	}
.pagetype-home #top-container {
	overflow : hidden;
	_height : 1%;
	}	
.pagetype-home #navbox {
	position:relative;
	float:right;	
	width:16em;
	}
.pagetype-home #flash-holder {
	position:relative;
	float:left;	
	width:491px;
	}	
.pagetype-home #col-A {
	position:relative;
	float:left;
	width:23.5em;
	}	
.pagetype-home #col-B {
	position:relative;
	float:left;
	width:16.5em;	
	}
.pagetype-home #col-C {
	position:relative;
	float:left;
	width:17.5em;	
	}

/**** PAGE TYPE 1  ****/	
.pagetype-1#main-content2 {
	padding:0 0 1em 22px;
	margin-left:0;
	}
	
.pagetype-1 #col-A {
	position:relative;
	float:left;
	width:30.8em;
	}	
.pagetype-1 #col-B {
	position:relative;
	float:right;
	width:25em;
	}		
	

/**** PAGE TYPE 2  ****/	
.pagetype-2#main-content {
	padding:0 0 1em 0;
	margin-left: 22px;
	}
	
.pagetype-2 #col-A {
	position:relative;
	float:left;
	width:39.4em;
	}	
.pagetype-2 #col-B {
	position:relative;
	float:right;
	width:16.8em;
	}		
		
/**** PAGE TYPE 2  ****/	
.pagetype-3#main-content {
	padding:0 0 1em 0;
	}
	
.pagetype-3 #col-nav {
	position:absolute;
	top:0;
	left:0;
	width:12.6em;
	}	
.pagetype-3 #col-A {
	position:relative;
	float:left;
	padding-left:14.3em;
	width:26em;
	}	
.pagetype-3 #col-B {
	position:relative;
	float:right;
	width:17em;
	/*top:4em;*/
	}	

#page-title {
	padding-left:14.3em;
}	
/**** PAGE TYPE 4  ****/	
.pagetype-4#main-content {
	padding:0 0 1em 0;
	}

.pagetype-4 #col-nav {
	position:relative;
	float:left;
	width:12.6em;
	}		
.pagetype-4 #col-A {
	position:relative;
	float:right;
	width:43.4em;
	}