body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

BODY {
	font-size : 100%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #fff;
	background-image : url(images/bg.png);
	background-repeat : repeat-x;
	text-align : center;
}
/*Corbel,Helvetica,Arial,Geneva,sans-serif;*/


A {
	font-size : inherit;
	text-decoration : none;
	font-weight : bold;
	color : #fff;
}
A:HOVER {
	color : #000;
}

P {
	font-size : 8pt;
	margin : 10px;
	line-height : 13pt;
	color : #451f40;
	text-align: left;
}

p b{
	color : #fff;
	font-weight : bolder;
}

p#ad{
	width : 200px;
	margin-left:auto;
	margin-right:auto;
	color : #CCCCFF;
}
p#footer{
	width : 800px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-align: center;
}

LI{
	font-size: 10pt;
}

H1 {
	font-family : Georgia;
	font-size : 20pt;
	margin : 15px 10px 15px 10px;
}
h2{
	text-align: center;
}
h3{
	text-align: center;
}


H4 {
	font-size : 12pt;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	color : #000;
	margin : 20px 10px 20px 10px;
}
h5{
	color : #451f40;
}

DIV#header{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 100%;
	text-align : center;
	background-image : url(images/bg_header.jpg);
	background-repeat : no-repeat;
	height : 510px;
	background-position : center;
}

div#container{
	width : 800px;
	text-align : center;
	margin:0 auto;
}

div#content_top{
	text-align: left;
}

div#content{
	height : 400px;
	overflow : auto;
	text-align : left;
}
div#content_left_index{
	width : 500px;
	padding : 0 0 0 0;
	float : left;
}

div#content_left{
	width : 500px;
	padding : 0 0 0 0;
	float : left;
	height : 400px;
	overflow : auto;
}

div#content_right_index{
	width : 300px;
	padding : 0 0 0 0;
	float : left;
	min-height : 400px;
	vertical-align : bottom;
	background-image : url(images/stones_clearcut.png);
	background-position : bottom;
	background-repeat : no-repeat;
}
div#content_right{
	width : 300px;
	padding : 0 0 0 0;
	float : left;
	min-height : 400px;
	vertical-align : bottom;

}

TD{
	font-size : 8pt;
}

#menu{
	text-align : left;
	margin : 0 0 0 0;
	padding : 0 0 10px 13px;
}


#menu li {
	display : inline;
	list-style-type : none;
	font-weight : bold;
	color : #451f40;
}

#menu li a {
	color : #451f40;
}

#menu li a:hover {
	color : #fff;
}


LI#nolink {
	color : #ffbf00;
	font-weight : bold;
}

DIV#formcontainer {
	width : 390px;
	margin-left : 20px;
	margin-top : 20px;
}

DIV#formcontainer form label {
	font-size : 8pt;
	float : left;
	width : 120px;
	color : #451f40;
}
DIV#formcontainer div.clearfix {
	border-top-color : #451f40;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom : 5px;
	padding-top : 5px;
}	

/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */
	
	#portfolio ul li {
			float: left; /* Float the lists to the left, laying them out side by side */
			padding: 10px; margin: 0 23px 23px 0;
			background: url(../images/img-bg.png); /* Add the semi-transparent background, used along with padding to give the impression of a see-through border */
			/* Let's get fancy with some CSS3, only visible in Firefox, Safari & Chrome. Other browsers simply revert to square corners */
			border-radius: 10px; 
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
			
textarea{
	border : 1px solid #451f40;
	background-color : #d8f2b1;
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	width : 240px;
}

input{
border : 1px solid #451f40;
	background-color : #d8f2b1;
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	width : 240px;
	
}

input.default{
	width : 50px;
}