/**************** Main Styles ****************/

html, body {
	height: 100%;
}
body {
	background-color:#9a9995; 
	background:url(images/_bg.jpg) #9a9995  top center no-repeat;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
img{
	border:0px;
}
ul {
	margin-top:0px;
	margin-bottom:0px;
}
a {
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#wrapper {
	position: relative;
	min-height: 100%;
}
* html #wrapper
{
	height: 100%;
}
#main_div {
	padding: 1px;/*this has to have at least 1px (had 10) of padding*/
	padding-bottom: 42px;
	width:800px; 
	position:relative; 
	margin:auto; 
	
}
#footer {
	position: relative;
	margin-top: -42px;
	padding: 0px;
	width: 100%;
	height:42px;
}
#bg_table {
	width:100%;
}
#bg_col1 {
	background-image:url(images/_footer_left.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	height:42px;
}
#bg_col2 {
	background-image:url(images/_footer_center.gif); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	height:42px; width:1060px;
}
#bg_col3 {
	background-image:url(images/_footer_right.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	height:42px;
}
#nav_div{
	position:relative;
	height:87px;
	border:0px solid blue;
	padding: 0px;
	
}
#nav_list, #subnav_list1, #subnav_list2, #subnav_list3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:10px;
	list-style:none;
	line-height:125%;
	margin-top:0px;
	margin-bottom:0px;
}
#nav_list{
	position:absolute;
	bottom: 0px;
	left:145px;
}
#subnav_list1{
	position:absolute;
	bottom:7px;
	left:320px;
}
#subnav_list2, #subnav_list3{
	position:absolute;
	bottom:7px;
	left:470px;
	display:none;
}
#subnav_contact{
	position:absolute;
	bottom:7px;
	left:722px;
}
#left_side{
	position:absolute;
	top:120px;
	border:0px solid yellow;
}
#login{
	border:0px solid purple;
	position:absolute;
	top:365px;
	left:25px;
	font-size:10px;
	color:white;
}
#login_form input{
	width:100px;
	border:1px solid #666666;
	color:#999999;
	font-size:9px;
	margin-top:5px;
}
#content{
	padding: 25px 50px 0px 300px;
	border:0px solid green;
	height:445px; /*this height needs to be set big enough to reach down past the login div or any other content, otherwise the footer displays wrong in IE when the browser is smaller than content div*/
	width:450px;
}
#white_box{
	background-color:white; 
	padding-left:25px;
	padding-bottom:25px;
}

/************************************************/

a.white_nav {
	color: #CCCCCC;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}
a.red {
	text-decoration:none;
	color:#990000;
	cursor:pointer;
}
a.red_bold{
	font-weight:bold;
	text-decoration:none;
	color:#990000;
	cursor:auto;
}

h1 {
	font-weight:normal;
	font-size:16px;
	color:#990000;
	text-decoration:none;
}
h2 {
	font-weight:normal;
	font-size:13px;
	color:#990000;
	text-decoration:none;
	margin-top:0px;
}
h3{
	font-weight:normal;
	font-size:13px;
	color:#000000;
	text-decoration:none;
	margin-top:0px;
}

/**************** Pseudo classes ****************/

a.white_nav:link {color: #CCCCCC}  
a.white_nav:visited {color: #CCCCCC}
a.white_nav:hover, a.current {color: #FFFFFF; text-decoration:none; font-size:10px;}
a.white_nav:active {color: #FFFFFF}

a.red:link {color: #990000}  
a.red:visited {color: #990000}
a.red:hover {color: #999999}
a.red:active {color: #999999}

/************************************************/

#email_form input, #email_form textarea{
	border:1px solid #666666;
}

.project_images {
	position:absolute; 
	right:-29px; 
	top:12px;
	display:none;
}
.project_images_div {
	position:relative; 
	width:420px;
}

.proj_description {
	width:250px; 
	position:absolute; 
	top:465px; 
	left:377px; 
	border:0px solid yellow;
}