* {
	margin: 0;
	padding: 0;
}

body {

	text-align:center;
	background:#cbdcaf;
	font:normal 14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	line-height: 20pt;
	color:#000;
	
}

body a{
	color: #FFFFFF;

}

.clear { clear: both; }

#main {
	background:url(../images/background_main.jpg);
	width:952px;
	overflow:hidden;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	height:768px;
	}
	
	
	#page {
	background:url(../images/background_poppy.png) no-repeat;
	width:100%;
	margin:0px 0 0;
	min-height:100%;
	overflow:hidden;
	
	}
	
		/* header */
		#header {
			background:url(../images/background_headertext.png) no-repeat;
			
			height:122px;
			position:relative;
			padding:0 34px;
			color:#fff;
		}

		#main_content {
			position:relative;
			left: -100px;
			top: 20px;			
		}	

		#homepage_center {
			background:url(../images/homepage-center.gif) no-repeat;
			position:absolute;
			left: 350px;
			top: 0px;	
			width:600px;
			height:345px;		
		}
	#footer {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	}




#psidenav {
z-index: 30;
position:relative;
left: -400px;
top: 0px;
}


a.rollover_about {
	position: relative;
	top: 85px;
    left: 70px;
    text-decoration: none;
    font-weight:bold;
}
a.rollover_portfolio {
	position: relative;
	top: 130px;
    left: 30px;
    text-decoration: none;
    font-weight:bold;
	}
a.rollover_services {
	position: relative;
	top: 180px;
    left: -10px;
    text-decoration: none;
    font-weight:bold;	    
}
a.rollover_contact {
	position: relative;
	top: 240px;
    left: -50px;
    text-decoration: none;	
    font-weight:bold;
    
} 
a:hover.rollover_about, a:hover.rollover_services, a:hover.rollover_portfolio, a:hover.rollover_contact {
    text-decoration:underline;
}






















.cssform-container {
position: relative;
margin-left:430px;
margin-right: auto;
width:500px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.cssform input.text {
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width:200px;
	height:15px;
	border:1px solid #98cae1;
	padding:3px 4px;
}

.cssform label{
font-weight: normal;
color: #FFF;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: left;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
	font:11px/16px Geneva, Arial, Verdana, sans-serif;
	width: 180px;
	height: 100px;
	border:1px solid #98cae1;
	padding:3px 4px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}