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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 14/01/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




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

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

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0 !important;
	width:0 !important; 
	padding:0;
	margin:0;
}

img, div { behavior: url(iepngfix.htc) }

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

p {font-size:0.9em;color:#111F2F;}
h1 {}
h2 {font-size:1.2em;color:#111F2F;}
h3 {}
h4 {}
h5 {}

#div-testimonial p {
	color:#fff;
	font-size:0.8em;
	font-style:italic;
	text-align:left;
}
#div-testimonial h1 {
	color:#fff;
	font-size:0.85em;
	font-style:italic;
	text-align:right;
	font-weight:normal;
}

										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "trebuchet MS";
	background		: #C6D7EB ;
}


#div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 800px;
	background		: url(../images/page_bg.jpg) center repeat-y
}

	#div-hdr {
		position:relative;
		width:800px;
		z-index:1;
	}
	
	#div-main {
		position:relative;
		margin-top:-25px;
	}
		#div-nav {
			position:relative;
			width:182px;
			float:left;
		}
		#div-content {
			position:relative;
			margin-top:25px;
			width:406px;
			float:left;
		}
			#div-content-w {
				position:relative;
				margin-top:25px;
				width:606px;
				float:left;
			}
		#div-aside {
			position:relative;
			margin-top:30px;
			width:205px;
			float:right;
		}
			#div-testimonial {
				width:191px;
				height:171px;
				background:url(../images/aside_testimonial_bg.jpg) no-repeat;
				padding:5px;
				margin-left:3px;
			}
		
	#div-ftr {
		position:relative;
		width:795px;
		background:url(../images/ftr_top.jpg) top no-repeat;
		text-align:right;
		font-size:0.9em;
		color:#999899;
		padding:10px 5px 10px 0px;
	}
		#div-ftr a {
			color:inherit;
		}
			#div-ftr a:hover {
				color:#111F2F;
			}



										/* ---------- 5. navigation ---------- */
										
#div-nav ul {
	margin:0;
	padding:0;
}
#div-nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#div-nav ul li a {
	color:#fff;
	display:block;
	width:160px;
	padding:7px 12px 7px 10px;
	border-bottom:1px solid #fff;
}
#div-nav ul li a:hover {
	color:#182B3E;
	background:#fff;
} 

#div-nav ul > li:first-child a {
	padding-top:20px;
}

#div-nav ul li .on {
	color:#182B3E;
	background:#fff;
}
										

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

										/* ---------- 7. images ---------- */ 
										
#div-nav .aside_imgs {
	padding:10px 0 20px 0;
}
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 
										
										
.formbox {
	width:250px;
	border:1px solid #ccc;
	padding:1px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
.fsub {
	background:#fff;
	font-size:0.9em;
	color:#000;
	border:1px solid #ccc;
	padding:1px 4px;
}