/* CSS layout */
body {
	margin: 0px;
	background: #ffffff;
	text-align: center;
	height: 100%;
	padding: 0px;
}

#wrapper {
	width: 850px; /* your wrapper obviously needs a width otherwise it will be 100% */
	margin: 0 auto; /* This is the proper way to center in a standards compliant browser */
	}

/* This is the IE workaround*/
body { text-align: center; }
#wrapper { text-align: left; }

#page_content {
	width: 840px;
	color: #666666;
	text-align: justify;
	font: normal 9pt trebuchet ms;
	margin: 0px;
	padding: 0px;
}


/* INDEX PAGE */
#content_home {
	width: 850px;
	float: left;
	left: 0px;
	top: 0px;
}

p img.right {
	float: right;
	border: 0px;
	text-align: left;
	padding: 10px 10px 10px 20px;
}

#recent{
	height: 113px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	text-align: left;
	position: relative;
	float: left;
	left: 0px;
}

#recent img.a {
	padding: 0px;
}

#recent img.b {
	padding: 0px 20px;
}

#wpp{
	height: 152px;
	width: 832px;
	margin: 0px;
	text-align: center;
	display: block;
	position: relative;
	float: left;
}


/* SERViCES PAGE */

#leftcol{
	position: absolute; 
	padding: 0px; 
	width: 200px; 
	height: 609px; 
	color: #333; 
	background: #434343;
	float: left;
	margin: 0px;
}

#content_services {
	width: 620px;
	top: 14px;
	float: right;
}

a:link.service, a:visited.service, a:hover.service, a:active.service {
	text-align: left;
	color: #84C225;
	text-decoration: underline;
	font-weight: bold;
}

/* DIVS */	
#main {
	text-align: center;
	width: 850px;
	position: static;
	height:100%;
}

#masthead {
	text-align: center;
	width: 850px;
	height: 178px;
	top: 50px;
	position: static;
	background-image: url('images/logo.png');
}

#top_nav {
	height:57px;
	width:850px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}


#content_text {
	width: 590px;
	position: relative;
	top: 0px;
}

#linebreak {
	height: 20px;
	width: 100%;
	position: relative;
	float: left;
	left: 0px;
}

hr {
	width: 100%;
	text-align: left;
	height: 1px;
	color: #84C225;
}

#header1{
	height: 35px;
	width: 850px;
	margin: 0px;
	display: block;
	position: relative;
	float: left;
}


/* PORTFOLIO PAGE */
#content_port {
	float: left;
	left: 0px;
	top: 0px;
	width: 824px;
	text-align: center;
}

#flash {
	width: 838px;
	height: 540px;
	text-align: center;
	float: left;
	left: 0px;
}


/* CONTACT PAGE */
#content_contact {
	width: 830px;
  position: relative; 
  clear: both; 
  padding:10px;
}

#contact_left {
	width: 450px; 
  position: relative; 
  float: left; 
  padding: 0px 5px;
}

#contact_right {
	width: 350px;
  position: relative; 
  float: right; 
  right: 5px;
  padding: 0px 5px;
}


a img {  /* IMAGE LINK WITHOUT BLUE BORDER */
	border: 0px;
	padding: 0px;
	text-align: left;
}

p {
	margin: 5px;
	font: normal 9pt trebuchet ms;
	padding: 0px;
}



/* LINKS FOR SIDE */
.nav:link {color: #ffffff; text-decoration: none; font: normal 8pt trebuchet ms; cursor: hand; background: #434343; height: 20px; padding: 5px; width: 190px; display:block; border-top:1px solid; border-color:#ffffff;}

.nav:visited {color: #ffffff; text-decoration: none; font: normal 8pt trebuchet ms;  cursor: hand; background: #434343; height: 20px; padding: 5px;  width: 190px; display:block; border-top:1px solid; border-color:#ffffff;}

.nav:active {color: #ffffff; text-decoration: none; font: normal 8pt trebuchet ms;  cursor: hand; background: #ffffff; height: 20px; padding: 5px;  width: 190px; display:block; border-top:1px solid; border-color:#ffffff;}

.nav:hover {color: #ffffff; text-decoration: none; font: normal 8pt trebuchet ms;  cursor: hand; background: #E77817; height: 20px; padding: 5px; width: 190px; display:block; border-top:1px solid; border-color:#ffffff; }



/* FORMS */
input, textarea {
  margin: 3px 10px;
  padding: 0px 3px;
  font-size: 9pt;
  border: 1px solid #84C225;
  color: #667AB3;
}