/*-------------------------------------------------------

	doc title: Osmond Gaunt & Rose - stylesheet
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	date: 30/04/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
	font-size		: 1em;
}

p a {
	color			: #00214A;
	text-decoration	: underline;
}
p a:hover {
	color			: #8BC1E7;
}

h1 {}
h2 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
	font-size		: 1.2em;
	margin			: 0 5% 1em 5%;
}
h3 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
	font-size		: 1.6em;
	margin			: 0 5% 0em 5%;
}
h4 {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #8AC2E5;
	font-size		: 1.3em;
	margin			: 0 5% 1em 5%;
}
h5 {}
										/* ---------- 3. listography ---------- */
										
li {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
	font-size		: 1em;
} 
li a {
	color			: #00214A;
}
li a:hover {
	color			: #8BC1E7;
}
										
										/* ---------- 4. base structure ---------- */ 

html {
	height			: 100%;
}
body {
	font-size		: 80%;
	background		: #00214E url(../images/ogr_page_bg2.jpg) top left repeat;
	height			: 100%;
}


#wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 750px;
	padding			: 0 29px 0 29px;
	height			: 100%;
	background		: url(../images/page_bg.jpg) top center repeat-y;
}


#header {
	position		: relative;
	height			: 115px;
	width			: 750px;
	padding			: 10px 0 0 0;
}
	#logo {
		position		: relative;
		float			: left;
	}
	#address {
		position		: relative;
		font-family		: Arial, Helvetica, sans-serif;
		color			: #00214A;
		font-size		: 0.8em;
		float:right;
	}
	#address a {
		color			: #00214A;
	}
	
#nav {
	position		: relative;
	height			: 25px;
	width			: 750px;
	border-top		: 1px solid #8AC2E5;
	border-bottom	: 1px solid #8AC2E5;
}


#main {
	position		: relative;
	padding			: 10px;
}

	/* Breadcrumb */
	
	#crumb {
		position		: relative;
		height			: 35px;
		line-height		: 35px;
		width			: 750px;
		font-family		: Arial, Helvetica, sans-serif;
		color			: #00214A;
		font-size		: 0.8em;
		margin-bottom	: 10px;
		clear			: left;
	}
			#crumb a {
				color		: #8AC1E7;
			}
			#crumb a:hover {
				color		: #012147;
			}
	
	/* */
		
	#m_img {
		position		: relative;
		float			: left;
		width			: 335px;
		height			: 200px;
}
	#content {
		position		: relative;
		float			: left;
		width			: 370px;
		margin-left		: 20px;
		height			: 330px;
		background		: url(../images/content_bg.jpg) top left no-repeat;
		overflow 		: auto;
}
	#smap #content, #smap #m_img{
		height			: 400px;
		width			: 352px;
	}

#footer {
	position		: relative;
	width			: 750px;
	border-top		: 1px solid #8AC2E5;
	clear			: both;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #8BC1E7;
	font-size		: 0.8em;
	padding 		: 10px 10px;
	margin-top		: 20px;
}
	#footer a {
		color			: #8BC1E7;
	}
	#footer a:hover {
		text-decoration	: underline;
	}


										/* ---------- 5. navigation ---------- */ 
										
#nav a {
	display			: block;
	float			: left;
	line-height		: 23px;
	padding			: 0 6px;
	margin			: 1px 25px 0 25px;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
}
#nav a:hover {
	background		: #8AC2E5;
}

										/* ---------- 6. page specific structure ---------- */ 

										/* ---------- 7. images ---------- */ 

										/* ---------- 8. forms ---------- */ 
										
										
										
.cont_form {
	margin			: 1em 5%;	
	font-family		: Arial, Helvetica, sans-serif;
	color			: #00214A;
	font-size		: 1em;
	border:1px solid #CCCCCC;
}
.formbox {
	border:1px solid #ccc;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1em;
	padding:1px;
	width:180px;
}
.submit {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1em;
	background:#00214A;
	color:#fff;
	padding:1px 7px;
}
										
										
										
#dropmenudiv{
	position		: absolute;
	border-top		: 1px solid #fff;
	line-height		: 18px;
	z-index			: 100;
}

#dropmenudiv a{
	width			: 230px;
	display			: block;
	text-indent		: 5px;
	border-bottom	: 1px solid #BEDDF1;
	padding			: 1px 2px;
	text-decoration	: none;
	color			: #012148;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #8FC5E7;
	font-size		: 0.9em;
}

#dropmenudiv a:hover{ /*hover background color*/
	background		: #002248;
	color			: #fff;
}