/* Demeta CSS Document */

body, html {
	margin: 0; padding: 0;
	background: #126786 url(../images/bg.jpg) top repeat-x;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #39464c;
}
/*div {
	border: 1px solid #FF0000;
}*/
A {
	text-decoration: none;
	color: #ac243c;	
}
A:hover {
	color: #c26225;
	text-decoration: underline;
}

.clear {
	clear: both;
}

#pagehandler {
	margin: 0 auto; padding: 0;
	width: 770px;
	background: #fff url(../images/bgcont.gif) repeat-y;
	border: solid #0e3948;
	border-width: 0 3px;
}

#pagehandler img.splash {
	margin: 30px 30px 20px 30px; padding: 0;
}

#header {
	background: url(../images/bghead.gif) repeat-x;
	height: 150px;
}
	#header h1 {
		margin: 0 0 0 30px; padding: 0;
	}
	#header h1 a {
		background: url(../images/demeta_logo.png) no-repeat;
		width: 314px; height: 82px;
		display: block;
		text-indent: -9000px;
	}
	
	
	/* Navigation */
	ul.nav { 
		margin: 8px 0 0 35px; padding: 0; 
		list-style: none; 
		width: 770px; 
		float: left;
		font-size: 12px; font-weight: bold;
		
	} 
	ul.nav li { 
		float: left;
		background: url(../images/bgnav.gif) right no-repeat;
	}
	ul.nav li a { 
		display: block; 
		float: left; 
		padding: 0 20px;
		line-height: 30px; 
		text-decoration: none; 
		color: #595f5f; 
	}
	ul.nav li a:hover { 
		color: #a7a9ab; 
	}
	
	ul.nav li.current a { 
		background: url(../images/bgnav_on.gif) repeat-x;
		color: #dde5e7;
	}
	ul.nav li.current a:hover { 
		background: url(../images/bgnav_on.gif) repeat-x;
		color: #fff;
	}
	
	
	/* Sub Nav */
	ul.subnav { 
		margin: 0 0 0 40px; padding: 0; 
		list-style: none; 
		width: 770px; 
		float: left;
		font-size: 12px; font-weight: bold;
		
	} 
	ul.subnav li { 
		float: left;
		background: url(../images/bgsubnav.gif) left no-repeat;
	}
	ul.subnav li a { 
		display: block; 
		float: left; 
		padding: 0 20px 0 15px;
		line-height: 30px; 
		text-decoration: none; 
		color: #efefef; 
	}
	ul.subnav li a:hover { 
		color: #a7a9ab; 
		text-decoration: none;
	}
	
/* Featured */
.featured {
	margin: 0 25px; padding: 0;
	background: url(../images/bgfeat.jpg) no-repeat;
	min-height: 126px;
}

	.featured .info {
		float: left;
		padding: 15px 0 0 20px;
		width: 210px;
	}
	.featured .info h2 {
		margin: 0; padding: 0;
		background: url(../images/bgprodtitle.gif) no-repeat;
		height: 19px; 
		color: #2e7891;
		text-transform: uppercase;
		font-size: 12px; font-weight: bold;
	}
	.featured .info p {
		margin: 0; padding: 0;
		width: 210px;
		line-height: 14px;
	}
	.featured .info img {
		float: left;
		padding: 0 15px 0 0;
	}


/* Content */
.content {
	}
	
	.content .sidecont {
		float: left;
		width: 450px;
		padding-left: 30px;
	}
		.sidecont h3, .sidecont h3.inside {
			margin: 20px 0; padding: 0 0 0 20px;
			line-height: 35px;
			color: #417b8f;
			font-size: 14px;
			background: url(../images/bgsub01.gif) no-repeat;
		}
			.sidecont h3.inside {
				margin: 0 0 20px;
			}
		.sidecont h4, .sidecont h4.below {
			margin: 0; padding: 0;
			color: #25928f;
			font-size: 14px;
		}
			.sidecont h4.below {
				margin: 20px 0 0; padding: 0;
			}
			
		.sidecont p {
			margin: 10px 0 0; padding: 0;
			font-size: 12px;
			line-height: 17px;
		}
			.sidecont p.highlight {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 14px;
				font-style: italic;
				color: #a78a33;
				line-height: 22px;
			}
			.sidecont p.date {
				margin: 6px 0 0; padding: 0;
				color: #5a6b73;
				text-transform: uppercase;
			}
			.sidecont p.tags {
				font-size: 12px;
				font-style: italic;
				color: #a06628;
				line-height: 20px;
			}
			
		.sidecont img.imgfloat {
			float: left;
			background: #eaedef;
			margin: 10px 15px 10px 0; padding: 4px;
			border: 1px solid #b4b7bb;
		}	
		
		.sidecont ul {
			margin: 0; padding: 0;
			list-style: none;
		}
		.sidecont ul li {
			display: block;
			width: auto;
			margin: 10px 0 0; padding-left: 20px;
			line-height: 14px;
			text-indent: 0;
			text-decoration: none;
			font-size: 12px;
			background: url(../images/bullet.gif) top left no-repeat;
		}
		
		/* Form */
		.inquiry {
			margin: 30px 0 0; padding: 0;
		}
		label.fname, input.fname, textarea.fname {
			display: block;
			width: 250px;
			float: left;
			margin-bottom: 10px;
		}
		label.fname {
			width: 120px;
			padding-right: 20px;
			text-align: right;
			font-size: 12px; font-weight: bold;
			color: #5e8e9f;
		}
		input.tfield, textarea.tarea {
			border: 1px solid #98a1a6;
			background: #fff;
			padding: 2px;
			font-size: 12px;
			font-family: Arial, Verdana, Tahoma, sans-serif;
			color: #4f646d;
		}
	
	.content .maincont {
		float: right;
		width: 235px;
		padding-right: 30px;
	}
		.maincont h3, .maincont h3.inside {
			margin: 20px 0; padding: 0 0 0 20px;
			line-height: 35px;
			color: #c46b11;
			font-size: 14px;
			background: url(../images/bgsub02.gif) no-repeat;
		}
			.maincont h3.inside {
				margin: 0 0 20px;
			}


#footer {
	clear: both;
	margin: 45px 0 0;
	background: url(../images/bgfoot.gif) no-repeat;
	line-height: 50px;
	text-align: center;
}