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 : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	background-color : #bebaa5;
	color : #4f423d;
	background-image : url(images/bg_blend.gif);
	background-repeat : repeat-x;
}
/*Corbel,Helvetica,Arial,Geneva,sans-serif;*/
/*"Century Gothic", Geneva, Arial, Helvetica, sans-serif*/

A {
	font-size : 10pt;
	text-decoration : none;
	color : #330000;
}
A:HOVER {
	color : #638a7c;
}

P {
	font-size : 9pt;
	padding : 5px 0 5px 0;
}

UL {
	margin-left : 20px;
	margin-bottom : 7px;
}

li{
	font-size : 10pt;
}


p#ad{
	width : 400px;
	margin-left:auto;
	margin-right:auto;
	color : #9d9880;
}

H1 {
	color : #638a7c;
	font-size : 18pt;
	font-weight : bold;
	padding : 20px 0 10px 0;
}

H2 {
	font-size : 14pt;
	font-weight : bold;
	padding : 10px 0 10px 0;
	font-style : italic;
}


H4 {
	font-size : 12pt;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
}

.caption{
	font-size : 7pt;
}

DIV#screen{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 100%;
	text-align : center;
	background-image : url(images/bg_image.gif);
	background-repeat : no-repeat;
	height : 100%;
}

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

div.menutop{
	margin : 10px auto 0 auto;
	text-align : center;
}

div.menutop a{
	font-weight : bold;
}

div.menutop a:hover{
	color : #fff;
}

div.content_top{
	background-image : url(images/bg_content_top.png);
	background-repeat : no-repeat;
	width : 850px;
	height : 11px;
}

div.content_mid{
	background-image : url(images/bg_content_mid.png);
	background-repeat : repeat-y;
	width : 850px;
}

div.content_bot{
	background-image : url(images/bg_content_bot.png);
	background-repeat : no-repeat;
	width : 850px;
	height : 11px;
}
TD{
	font-size : 8pt;
}

#menu{
	text-align : left;
	float : left;
	width : 190px;
	background-image : url(images/bg_menu.png);
	background-position : bottom center;
	background-repeat : no-repeat;
	margin-left : 10px;
	min-height : 400px;
}



#menu ul{
	margin-left : 0;
	margin-right : 0;
	padding-right : 0;
	margin : 0 0 0 20px;
	padding : 20px 0 0 5px;
}

#menu li {
	display : block;
	list-style-type : none;
	padding : 5px 0 5px 0;
}

#menu li.indent {
	margin-left : 30px;
	padding : 3px 0 3px 0;
}

#menu li a {
	color : #000;
}

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

div#text_index{
	float : left;
	text-align : left;
	width : 350px;
	padding-left : 10px;
}

div#text_project{
	float : left;
	text-align : left;
	width : 225px;
	padding-left : 10px;
}

div#image_index{
	float : left;
	width : 275px;
}

div#image_project{
	float : left;
	width : 400px;
}

div#projects{
	width : 675px;
}


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

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

DIV#formcontainer form label {
	font-size : 8pt;
	float : left;
	width : 100px;
	font-family : Arial, Helvetica, sans-serif;
}
DIV#formcontainer div.clearfix {
	border-top-color : #c0c0c0;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom : 5px;
	padding-top : 5px;
}	

.clearboth{
	clear : both;
}

/* 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;
		}