/*
Palette
======
grey: c1c2bf
pink: f83a6e
*/

/* Reset margin, padding */
body, ul, form {
	margin:0;
	padding:0;
}
body{	
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:100%;
	background:#c1c2bf url('../img/background_stripe.gif') center top repeat-y;
	border-top:1px solid #c1c2bf;
}


#wrapper{
	margin:1px auto;
	width:760px;
	text-align:left;
}

#header{
	float:left;
	width:760px;
	height:11em;
	position:relative;	
	background:#fff;
}


	#header h1{
		margin:0;
		padding:0;
		font-size:2.4em;
		font-family:verdana, arial, sans-serif;
		position:absolute;
		top:53px;
		left:30px;
		width:131px;
		height:26px;
	}
	
	
	
	#header h1 a{
		display:block;
		width:131px;
		height:26px;
		background:url('../img/logo.gif') left top no-repeat;
	}


	
	
/* MAIN NAVIGATION */

#navigation {
	position:absolute;
	top:53px;
	right:15px;
	margin:0;
	font-weight:normal;	
	padding:0px;
	font-family:verdana, arial, sans-serif;
}
	
	#navigation ul{		
		float:left;
		width:135px;
		list-style:none;
	}
	#navigation li{	
		float:left;
		display:block;
		width:150px;
		background:url('../img/arrow_grey.gif') left center no-repeat;
	}

	#navigation a {
		float:left;
		font-size:.7em;
		display:block;
		width:135px;
		line-height:1.5em;		
		color:#f83a6e;
		padding:0 0 0 15px;
		text-decoration:none;
		background:transparent url('../img/arrow_pink.gif') left center no-repeat;
	}
	
	#navigation a:hover {
		background-image:none;
		text-decoration:none;
		color:#666;
	}
	
	#p1 #m1 a,
	#p2 #m2 a,
	#p3 #m3 a,
	#p4 #m4 a,
	#p5 #m5 a,
	#p6 #m6 a, 
	#p7 #m7 a{
		text-decoration:none;		
		color:#666;
		background-image:none;
	}
	
		



#main{
	clear:both;
	float:left;
	position:relative;
	width:760px;
	background:#fff;
}



/* #content_area contains copy, extra */
#content_area{

}

/* #content contains copy,  subnav */
#content{
	float:left;
	width:760px; 
}

#copy{	
	float:right;
	width:703px;
	margin:0 27px 0 30px;
	display:inline;
}

#copy.narrow{	
	float:right;
	width:300px;
	margin:0 27px 0 0;
	display:inline;
}
	#content p, #content h2, #content h3, #content h4, #content ul, #content ol, #content dl{
		font-family:verdana, arial, sans-serif;	
	}


	#content ul{
		
	}
	
		#content ul.bullet{
			list-style-type:square;
			color:#666;
		}
		
		#content ul.bullet li{
			margin-bottom:.5em;
		}
	

	#content h2{
		font-family:'century gothic', arial, sans-serif;	
		font-size:1em;
		color:#999;
		margin-top:0;
		padding-top:0;
	}
	#content h3{
		font-size:.7em;
		color:#666;
	}
	
	
	

		
		
	#content h4{
		font-size:1em;
		color:#333;
		margin:1em 0 .5em;
		padding:0;
	}
	#content h5{		
		font-size:1em;
		color:#666;
		margin:.7em 0 .5em;
		padding:.5em 0 .3em;
	}
	
	#content p, #extra p{
		font-size:.7em;
		line-height:1.5em;
		color:#666;
	}


	#content a, #content a:visited{
		color:#f83a6e;
		text-decoration:none;
	}	
	
	#content a img, #content a:visited img{
		border:none;
	}	

	#content a:hover, #extra a:hover {		
		text-decoration:none;
		color:#333;
	}	
	#content p.back{		
		background:#fff url('../img/arrow_left_grey.gif') left center no-repeat;
	}
	#content p.back a, #content p.back a:visited{
		padding-left:15px;
		color:#f83a6e;
		background:url('../img/arrow_left_pink.gif') left center no-repeat;
	}
	#content p.back a:hover{
		color:#555;
		background-image:none;
	}
	
	
	#content dl.plain dt, #content dl.plain dd{
		font-size:1.1em;
		line-height:1.5em;
		color:#333;
	}
	#content dl.plain dd{
		font-size:1.1em;
		line-height:1.5em;
		color:#555;
		margin-bottom:.5em;
	}

	#content p#explore{		
		text-align:right;		
		background:#fff url('../img/arrow_grey.gif') right center no-repeat;
	}
	#content p#explore a, #content p#explore a:visited{
		padding-right:15px;
		color:#f83a6e;
		background:url('../img/arrow_pink.gif') right center no-repeat;
	}
	#content p#explore a:hover{
		color:#555;
		background-image:none;
	}
	

#extra{
	float:right;
	width:403px;
	margin-left:30px;
	display:inline;
}

.gallery{
	padding:0;
	margin:0 0 1em -10px;
	list-style:none;
	float:left;
	width:725px;
}
	.gallery li{
		float:left;
		width:140px;
		margin-right:5px;
		display:inline;
		
	}
	
	.gallery li a img{
		border:0;
	}
	
	
/*  Contact   */	

#contact_details{
	float:left;
	width:700px;
	list-style:none;
	margin-bottom:1em;
}

	#contact_details li{
		float:left;
		width:220px;
		margin-right:10px;
		display:inline;
		font-size:.6em;
		color:#666;
	}

	

/*  FOOTER   */
#footer{
	clear:both;	
	float:left;
	width:760px; 
	margin:1em 0 20px 0;
	display:inline;	
}


	#footlinks {
		clear:both;
		float:left;
		width:600px; 
		margin-bottom:0;
		
	}
	
	#footlinks ul{
		margin:0 0 0 0;
		float:left;
		margin-left:30px;
		display:inline;
		list-style:none;
	}
	
	#footlinks ul li{
		display:block;
		font-size:.7em;
		float:left;		
		text-align:center;
		padding:0 10px;
		border-left:1px solid #c1c2bf;
		color:#999;
	}	
	#footlinks ul li span{
		float:left;
		margin-right:10px;		
	}
	
	#footlinks ul dl, 
	#footlinks ul dt,
	#footlinks ul dd{
		display:inline;
		padding:0;
		margin:0;
		float:left;
	}
	

	#footlinks ul dt{
		padding-right:5px;
	}
	#footlinks ul dd{
		padding-right:10px;
	}
	
	#footlinks ul li.end{
		text-align:left;
		border-left:none;
		padding-left:0;	
	}		
	

	#footlinks ul li a, #footlinks ul li a:visited{
		display:block;
		color:#aaa;
		text-decoration:none;		
	}		
	#footlinks ul li a:hover{
		color:#333;

	}			




/* MISC. CLASSES */


.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}





.accessa {display:block;
		font-size:.7em;
		float:left;		
		text-align:left;
		padding:0 50px;

		color:#666;

}