/* Reset - Meyer's reloaded.*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}body {line-height: 1;	color: black;	background: white;}ol, ul {list-style-type: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
/* end reset */

/* Overcharge HTML */
body{background:url('../images/bg-body.jpg') top left no-repeat #354c0d;
	 font-family:Tahoma, Arial, Verdana, sans-serif; font-size:11px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.seo{display:none;}
.clearer{clear:both; font-size:0; line-height:0; height:0;}
.bolded{font-weight:bold;}

	/*Page wrapper */
	#all {width:902px; margin:0 auto; position:relative;}
	
	/* HEADER */
	#header{height:382px; z-index:1; position:relative;}
		#header .dimg{position: absolute; top:65px;left:49px; z-index:1;}
			
	/* Top Navigation*/	
	#navigation{position:absolute; top:0; left:0;}
		
	#whereamibg{position:absolute; top:0; left:0; width:120px; height:58px; z-index:1;
				background:url('../images/bg-whereami.png') top left no-repeat;}
	#whereami{position:absolute; top:0; left:0; width:120px; height:58px; z-index:2; color:#fff;}
		#whereami p{padding:35px 0 0 38px;}
		#whereami img{margin-right:5px;}

	#topnavigationbg{position:absolute; top:0; left:203px; width:700px; height:58px; z-index:1;
					background:url('../images/bg-topnavigation.png') top left no-repeat;}
	#topnavigation{position:absolute; top:0; left:203px; width:700px; height:58px; z-index:2;}
		#topnavigation li{width:100px; float:left; text-align:center;}
			#topnavigation li a{padding-bottom:11px; display:block; padding-top:30px; color:#fff; font-size:18px; 
								background:url('../images/menu-tick.gif') no-repeat;}
			/* size li menu + position tick bg  (menu li need size for IE6) */
			#topnavigation li.home{width:102px; } #topnavigation li.home a{background-position:19px 35px; padding-left:27px;}
			#topnavigation li.abut{width:117px;} #topnavigation li.abut a{background-position:12px 35px;padding-left:25px;}
			#topnavigation li.wwdo{width:140px;} #topnavigation li.wwdo a{background-position:10px 35px;padding-left:27px;}
			#topnavigation li.serv{width:106px;} #topnavigation li.serv a{background-position:12px 35px;padding-left:27px;}
			#topnavigation li.gall{width:105px;} #topnavigation li.gall a{background-position:14px 35px;padding-left:23px;}
			#topnavigation li.cntc{width:130px;} #topnavigation li.cntc a{background-position:11px 35px;padding-left:25px;}

			
	/* CONTENT BLOCKLS */
	#core{ height:480px; height:auto; padding:0px 10px; line-height:1.2em; color:#fff; font-size:1.1em; background-image:url(../images/bg-content.png);}
		#core p { padding-top:10px; padding-bottom:10px;}
		#core h1 { padding-top:10px; padding-bottom:10px; font-size:24px; font-style:italic; font-weight:normal; line-height:1;}
		#core h2 { padding-top:10px; padding-bottom:10px; font-size:18px; font-weight:bold; line-height:1;}
		#core li { padding-top:3px; padding-bottom:3px; margin-left:10px; list-style:circle;}
		#core dl a{ color:#dca357;  text-decoration:underline; font-weight:bold}
		#core a { color:#CCCCCC;}
		.fiftycol { width:50%; float:left;}
		#gallery{width:888px}
		.corethumb { width:210px; float:left; text-align:center; border:1px dashed #666; padding:5px 0; height:110px;}
		#coreleft{ width:660px; float:left;}
		#coreleft p, #coreleft h1, #coreleft h2, #coreleft li, .fiftycol p, .fiftycol h1, .fiftycol h2, .fiftycol li { padding-right:50px;}
		#coreright{ width:220px; float:right;}
			#coreright h2{ padding-bottom:10px; padding-top:10px;}
			#coreright h3{ padding:25px 0 15px 0; font-weight:bold;}
			#coreright p{ padding-bottom:15px; text-align:justify;}
				#coreright p.lnk{ color:#dca357; text-align:right;}
				#coreright p a{ color:#dca357;  text-decoration:underline; font-weight:bold}
				#coreright p a:hover{  text-decoration:none;}			
			
		/*coreleft elements */	
			.introarticle{ width:330px; float:left; text-align:justify; }
			.introarticle p{ padding-right:50px;}
			.introarticle h2{ padding-bottom:25px; padding-top:10px; padding-right:50px;}

			#galleryscroller{margin-top:50px; width:629px;height:173px; position:relative;}
			#gallerybg{ position:absolute; top:0; left:0; height:173px; width:629px; z-index:1;
						 background:url('../images/bg_gallery-scroll.png') top left no-repeat;}
			#galleryctc{ position:absolute; top:0; left:0; height:173px; width:629px; z-index:2;}
			#galleryctc h3{ padding-top:15px; padding-left:20px;}
			
			/* SLIDER */
			#slider {width: 500px; position:absolute; top:53px; left:40px; padding: 0 25px;}
			.scroll {height: 105px; width: 500px; overflow: auto; overflow-x: hidden;position: relative; clear: left;}
			.scrollContainer div.panel { height: 105px; width: 550px;}
				.scrollButtons { position: absolute; top: 35px; cursor: pointer;}
					.scrollButtons.left { left: 0px;}
					.scrollButtons.right { right: 10px;}
				.hide {display: none;}
			.oneimage{float:left; width:183px; height:105px; background: url('../images/bg-gallery-image.png') top left no-repeat }
			.oneimage img{ position:relative; top:3px; left:3px;}
			
	 #corebottom{ padding-top:15px;}
	 #corebottom h3{ text-transform:uppercase;  font-weight:bold;}
	 #corebottom h2{ padding-bottom:20px; padding-top:10px;}
	 #corebottom p{ font-size:12px;}	 
	 	
/* FOOTER */
#footerwrp{height:59px; color:#fff; position: relative;width:902px; }
	#footerbg{position: absolute; top:0; left:0; height:59px; width:902px; color:#fff;
			 background:url('../images/bg-footer.png') no-repeat;z-index:1;}
	#footer{ position: absolute; top:0; left:0;height:59px;width:902px;  z-index:2;}
		
		#footer .copy{position:absolute; top:25px; left:20px; display:block; line-height:1.3em; }
		#footer .terms{position:absolute; top:25px; right:30px; display:block;color:#d98e2d;line-height:1.3em;}
	
		#footer a{padding:0 5px;font-family:Tahoma, Vardana, Arail, sans-serif; color:#d98e2d; font-weight:bold; text-decoration:underline}
		#footer a:hover{text-decoration:none;}

/* Form definition list styles - to be pasted into main stylesheet, or used standalone, as desired. Some tweaking to colours and sizes may be required to suit individual site */
dl {
	padding: 4px 0;
	margin: 0px;
	cursor:default;
	width:100%;
	clear:both;
}

dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
	margin: 0px;
}

dd {
	margin-left: 41%;
	vertical-align: top;
	margin: 0px;
}

/* Hover Effects */

dl:hover {
	background-image:url(../images/bg-form.png);
	background-repeat:repeat;
}

/* Input hover and focus styles */
input, textarea {
	border:1px solid #999999;
}

input:hover, textarea:hover {
	border: 1px solid #65A7EF;
}

input:focus, textarea:focus {
	border: 1px solid #1362B9;
	color: #000000;
}
.inputsize {
	width:170px;
}
.textareasize {
	width:170px;
	height:100px;
}