/* CSS Document */
html>body #wrapper2{
	height:auto;
}
html>body #content_normal{
	height:auto;
}
html>body #content_portfolio{
	height:auto;
}
html>body #right_side{
	height:auto;
}

html{
		background-color:#c7b299;
		/*background-image:url(../images/page_bg.gif);
		background-position: left top;
		background-repeat:no-repeat;*/
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
	font-family:Tahoma,Arial,Verdana;
	font-size:12px;
	color: #343334;
}

div.spacer {
	padding:3px;
}
#wrapper { /* min-height will not work in a relative positioned container, must have the relative wrapped over a absolute like wrapper2 below*/
	text-align: left;
	width: 800px;
/*	margin-right: auto;
	margin-left: auto;*/
	padding: 0 0 0 0;
	position: relative;
	z-index:0;
}
#wrapper2 {
	min-height:600px;
	height:600px;
	text-align: left;
	width: 800px;
	padding: 0 0 0 0;
	position:absolute;
	left: 0px;
	top:0px;
	background-color:white;
	z-index:1000;
/*	background-image:url(../images/main_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;*/
}
#header {
	margin-top:-2px;
	padding-left:0px;
}
#menu {
	width:800px;
	margin-left:0px;
	margin-top:-3px;
	margin-left:0px;
	margin-bottom:-2px;
	background-color:#000000;
}
.nopadding {
	margin-left:-2px;
	margin-right:-2px;
	padding-bottom:3px;
}
#home_flash {
	width:700px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:-2px;
}

/* PORTFOLIO CONTENT BEGIN */
#portfolio_shadow {
	text-align: left;
	width: 800px;
	margin-top: -5px;
	margin-left: 0px;
	padding-bottom:10px;
	background-image:url(../images/page_shadow.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
/* PORTFOLIO CONTENT END */

/* NORMAL CONTENT BEGIN */
#content_normal {
	text-align: left;
	width: 780px;
	margin-top:60px;
	margin-left:0px;
	min-height:400px;
	height:400px;
	padding:10px;
	background-image:url(../images/content_bg_normal.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#content_normal .header {
	text-align:left;
	font-size:16px;
	color: #6a787c;
	line-height:1.9em;
	position:absolute;
	left:0px;
	margin-left:0px;
	margin-top:50px;
	padding-left:350px;
	border-bottom: 1px solid #aeb6b8;
}
#content_normal .dot {
	position:absolute; 
	top:27px; 
	right:0px;
}
#content_normal .left_image {
	position:absolute; 
	left:40px;
}
#content_normal .copy {
	font-size:12px;
	color: #6a787c;
	font-weight:500;
	line-height:1.9em;
	text-align:left;
	position:absolute;
	left:350px;
	margin-top:90px;
	width:425px;
}
#content_normal a {
	color: #6a787c;
	text-decoration:underline;
}
#content_normal a:visited {
	color: #6a787c;
	text-decoration:underline;
}

#content_normal a:hover {
  color: #00884D;
	text-decoration:none;
}
#content_normal a:active {
  color: #00884D;
	text-decoration:none;
}
/* NORMAL END */
div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  padding-left: 5px;
  } 
div.form {
	width: 430px;
	padding: 5px; 
	margin-top:0px;
}
#right_side {
	position:absolute;
/*	position:absolute;
	top:184px;*/
	min-height:84px;
	height:84px;
	right:0px;
	bottom:-2px;
	width: 100px; /*allow 20px for padding - total 172px */
	margin:0px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.text_padding {
	padding-left: 10px;
	padding-right: 10px;
}
#footer {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
	clear: both;  
	position:absolute;
	bottom:-73px;
	left: 0px;
	width:800px;
	height: 65px;
	min-height:65px;
	margin-right: 2px;
	margin-left:0px;
	padding-top:8px;
	padding-left:5px;
}

.footerNav {
	color: #ffffff;
	text-decoration:none;
}
a.footerNav {
	color: #ffffff;
}
a.footerNav:visited {
	color: #ffffff;
	text-decoration:none;
}
a.footerNav:hover {
	color: #ffffff;
	text-decoration:underline;
}

#footer div {
	padding-right:5px;
	padding-bottom:5px;
}

#mock_footer {
	background-image: url(../images/background_footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height:80px;
	height:80px;
	width:800px;
	clear:both;
}

a {
	color: #92A6AB;
	text-decoration:underline;
}

a.intro {
	font-size:80%;
	text-decoration:none;
}
a:link.intro {
	font-size:80%;
	text-decoration:none;
}

a:visited.intro {
	font-size:80%;
	text-decoration:none;
}
a:hover.intro {
	font-size:80%;
	text-decoration:none;
}
a:active.intro {
	font-size:80%;
	text-decoration:none;
}

a:visited {
	color: #92A6AB;
	text-decoration:underline;
}

a:hover {
  color: #00884D;
	text-decoration:none;
}
a:active {
  color: #00884D;
	text-decoration:none;
}