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

	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, form, 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 {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


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

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: url(../images/pgbg.jpg) top center repeat;
}


#div-wrap {
	position		: relative;
	margin			: 24px auto 0 auto;
	width			: 946px;
	border			: 1px solid #4E94AB;
	background		: #CADFE6;
}

	#div-hdr {
		position		: relative;
		width			: 946px;
		background		: url(../images/TEMP_banner.jpg) no-repeat;
		height			: 135px;
	}
	#div-hdr-fr {
		position		: relative;
		width			: 946px;
		background		: url(../images/banner_fre.jpg) no-repeat;
		height			: 135px;
	}
		#div-logo {
		}
		#div-flags {
			position:absolute;
			right:14px;
			top:9px;
		}
		
	#div-nav {
		position		: relative;
		width			: 946px;
	}
	
	#div-banner {
		position		: relative;
		width			: 946px;
	}
	
	
	
	#div-hpmain {
		position		: relative;
		width			: 630px;
		height			: 360px;
		background		: url(../images/hp_main_bg.jpg) no-repeat;
		border-right	: 1px solid #4E94AB;
		float			: left;
	}
	#div-hpaside {
		float			: left;
		width			: 315px;
	}
	
	
	
	#div-main {
		position:relative;
		width:946px;
		background:url(../images/main_bg.jpg) repeat;
	}
	#lb_banner {
		position:absolute;
		bottom:0;
		right:0;
	}
		#div-snav {
			position:relative;
			float:left;
			width:156px;
		}
		#div-content {
			position:relative;
			float:left;
			width:790px;
			padding-bottom:185px;
		}
			.div-hght {
				height:250px;
				float:left;
				width:0px;
			}
	
	
	
	
	
	#div-ftr {
		position		: relative;
		width			: 946px;
		margin			: 0 auto 30px auto;
		height			: 40px;
	}	
		#div-ftr a {
			color:#448DA6;
		}
		#div-ftr a:hover {
			text-decoration:underline;
		}
	
		#div-ftr_under {
			position		: absolute;
			background		: #CADFE6;
			opacity			: .7;
			filter			: alpha(opacity=70);
			width			: 946px;
			height			: 50px;
			z-index:-1;
		}
		
		.ftr-l {
			display:block;
			float:left;
			color:#448DA6;
			padding-top:10px;
			padding-left:10px;
			font-size:0.85em;
		}
		.ftr-r {
			display:block;
			float:right;
			color:#448DA6;
			padding-top:10px;
			padding-right:10px;
			font-size:0.85em;
			text-align:right;
		}



										/* ---------- 5. navigation ---------- */
										
#div-nav {
	background		: #62A0B5;
	height			: 45px;
	border-top		: 1px solid #4E94AB;
	border-bottom	: 1px solid #4E94AB;
} 
	#div-nav ul {
		margin			:0;
		padding			:0;
	}
		#div-nav ul li {
			display			: block;
			float			: left;
			margin			: 0;
			padding			: 0;
			height			: 45px;
			text-align		: center;
			
		}
			#div-nav ul li a {
				display			: block;
				line-height		: 45px;
				width			: 156px;
				height			: 45px;
				border-left		: 2px solid #4E94AB;
				color			: #fff;
			}
			#div-nav ul li:first-child a {
				border-left		: 0;
				width			: 156px;
			}
			#div-nav ul li a:hover {
				background		: #92C38C;
			}
			
#div-snav ul {
	margin			: 0;
	padding			: 0;
}
#div-snav ul li {
	display			: block;
	width			: 156px;
	padding			: 0;
	margin			: 0;
}
#div-snav ul li a {
	display			: block;
	width			: 151px;
	padding			: 5px 0 5px 5px;
	color			: #fff;
}
#div-snav ul li a:hover {
	background		: #A3CF7E;
}
										

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

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

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 
										
.submit_button1 {
	background:#A3CF7E;
	color:#fff;
	padding:1px 3px;
	font-size:0.8em;
}

.form_box {
	width:250px;
	padding:1px;
	border:1px solid #666;
}