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 : Georgia, Garamond, "Palatino Linotype'", "Times New Roman"; 
	background-color : #f0deac;
	color : #3b4c42;
	background-image : url(images/bg.gif);
	background-repeat : repeat-y;
}
/*Corbel,Helvetica,Arial,Geneva,sans-serif;*/
A {
	font-size : 8pt;
	text-decoration : none;
	font-weight : bold;
	color : #522a10;
}
A:HOVER {
	color : #CCCC99;
}

P {
	font-size : 8pt;
	line-height : 12pt;
	padding : 5px 0 7px 0;
}

p#ad{
	width : 200px;
	margin-left:auto;
	margin-right:auto;
	color : #000;
}

h1{
	font-size: 18pt;
	padding : 0 0 10px 0;
}
.contactDetailsHeader{
	font-size: 18pt;
	padding : 0 0 10px 0;
}

h2{
	font-size: 16pt;
	padding : 0 0 10px 0;
}

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

DIV#screen{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 100%;
	text-align : center;
	background-image : url(images/bgrose_02.png);
	background-position : left top;
	background-repeat : no-repeat;
}

div#container{
	width : 823px;
	text-align : center;
	margin:0 auto;
	background-image : url(images/bg_content.png);
	background-repeat : repeat-y;
	padding : 10px 10px 10px 10px;
}


TD{
	font-size : 8pt;
	text-align : left;
}

#menu{
	text-align : center;
	background-color : #522a10;
	width : 803px;
	margin-top : 10px;
	margin-bottom : 10px;
	padding-bottom : 7px;
	padding-top : 5px;
	margin-left : 10PX;
	margin-right : 10PX;
}



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

#menu li {
	display : inline;
	list-style-type : none;
}

#menu li a {
	color : #fff;
	padding-left : 20PX;
	padding-right : 20PX;
}

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


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

.images_left{
	padding : 10px 10px 10px 10px;
	border : 1px solid #808080;
	float : left;
	margin-left : 10px;
	width : 210px;
	background-color : #f9f1e1;
}

.text{
	width : 317px;
	float : left;
	padding : 10px 10px 10px 10px;
	height : 300px;
	overflow : auto;
}

.text_container{
		width : 517px;
	float : left;
	padding : 10px 10px 10px 10px;
}
.images_right{
	padding : 10px 10px 10px 10px;
	border : 1px solid #808080;
	float : left;
	margin-right : 10px;
	width : 210px;
	background-color : #f9f1e1;
}

.top{
	padding-bottom : 10px;
}
.left{
	padding-right : 10px;
}
#footer{
	text-align : center;
	background-color : #522a10;
	width : 803px;
	margin-top : 10px;
	margin-bottom : 10px;
	padding-bottom : 7px;
	padding-top : 5px;
	margin-left : 10PX;
	margin-right : 10PX;
}

#footer p{
	text-align : center;
	font-size : 8pt;
	padding : 0 0 0 0;
	color : #f9eed7;
}

#footer a{
	font-size : 7.5pt;
	color : #f9eed7;
}

#footer a:hover{
	color : #CCCC99;
}

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

DIV#formcontainer form label {
	font-size : .6em;
	float : left;
	width : 120px;
}
DIV#formcontainer div.clearfix {
	border-top-color : #c0c0c0;
	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;
	clear: both;
	visibility : hidden;
} /* 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;
		}