/* CSS Document */

body{
	background: #c8ccd0;
	margin:0;
	padding:0;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	line-height: 2;
}

p{
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	color:#ffffff;
}

td{
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	color:#ffffff;
}

a{
	text-decoration:none;
	font-size:11px;
	color:#ffffff;
	font-weight: normal;
}

a:hover{
	text-decoration:none;
	font-size:11px;
	color:#9cb5cb;
	font-weight: normal;
}

h1{
	margin:0 0 0 0;
	padding:23px 0 0 0;
	font-size:14px;
	color:#952fbe;
	font-weight: bold;
	font-family:"Courier New", Courier, mono;
}

h2{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	font-size:11px;
	color:#952fbe;
	font-weight: bold;
}

h3{
	margin:0 0 0 0;
	padding:0px 0 0 0;
	font-size:20px;
	color:#C8CCD0;
	font: "Courier New", Courier, mono;
	font-weight: bold;
	text-align: right;
}

/* Outer Container Box --*/
#OuterContainer{
	width:860px;
	margin:20px auto 0px auto;
	background-color: #75808a;
}

	#OuterContainer .Top{height:44px;background:url('images/outer_container_top.jpg') no-repeat left;}

/* Header Container Box --*/
#HeaderContainer{
	width:800px;
	margin:0px auto 0px auto;
	background-color: #ffffff;
}

	#HeaderContainer h1{ margin: 0 0 0 7000px;}
	#HeaderContainer .Top{height:60px;background:url('images/header_container_top.jpg') no-repeat left;}
	

/* Container Box --*/
#Container{
	width:760px;
	margin:0px auto 0px auto;
	background-color: #75808a;
}

	#Container .Top{height:35px;background:url('images/container_top.jpg') no-repeat left;}

/* Main --*/
#Main{
	float: left;
	clear: both;
	width: 100%;
	background-color: #75808a;
	
}

/* Navigation --*/
#Navigation{
	float: left;
	clear: both;
	width: 700px;;
	background-color: #75808a;
	margin: -32px 0px 20px 20px;
	_margin: -10px 0px 20px 10px;
	color:#FFFFFF;
	font-family:"Courier New", Courier, mono;
}

	#Navigation a{text-decoration:none; font-size:16px; color:#ffffff; font-weight: bold; margin:0px 3px 10px 0px; font-family:"Courier New", Courier, mono;}
	#Navigation a:hover{text-decoration:none; font-size:16px; color:#9cb5cb; font-weight: bold; margin:0px 3px 10px 0px; font-family:"Courier New", Courier, mono;}

/* Left Text Box --*/
#LeftCol{
	width:280px;
	float:left;
	margin:10px 10px 0px 20px;
	_margin:10px 7px 0px 10px;
	clear: left;
	padding: 0;
}
	
/* Right Text Box --*/
#RightCol{
	width:420px;
	float:right;
	margin:10px 10px 0px 10px;
	_margin:10px 7px 0px 7px;
	padding: 0;
}

		
/* Side Nav --*/
#SideNav{
	width:180px;
	float:left;
	margin:5px 5px 5px 30px;
	_margin: 5px 5px 5px 15px;
	clear: left;
	padding:23px 0 0 0;
	
}

	#SideNav a{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#000000; vertical-align:middle; }
	#SideNav a:hover{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; }
	#SideNav a:active{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; }
	
/* Sub Side Nav --*/
#SubNav{
}	
	
	#SubNav a{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#666666; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}
	#SubNav a:hover{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}
	#SubNav a:active{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}

/* Main Text Box --*/
#MainTxt{
	width:500px;
	_width: 490px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#MainTxt img{float:left; margin: 0 1em 8.5em 0;}
	#MainTxt a{display: block; text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#MainTxt a:hover{display: block; text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}

#MainIndent{
	margin: 0px 40px 0px 20px;
}

/* Alt Main Text Box --*/
#AltMainTxt{
	width:500px;
	_width: 490px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#AltMainTxt img{float:left; margin: 1em 1em 1em 0em;}
	#AltMainTxt a{text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#AltMainTxt a:hover{text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}

/* One Column Box --*/
#OneCol{
	width:700px;
	_width:690px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#OneCol img{float:left; margin: 0.5em 1em 1em 1em; clear:left; padding:5px 0 5px 0;}
	#OneCol a{text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#OneCol a:hover{text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}
	#OneCol p{margin: 0em 1em 1em 0;}

#OneColIndent{
	margin: 0px 40px 0px 20px;
}

.portfolio_website{
	clear:both;
}

/* Recent Projects --*/
#Recent{
	text-align:center;
	background: #ffffff;
	background:url('images/content_bg.jpg') repeat-y top left;
	float:left;
	clear:both;
	width:100%;
}
	
	#Recent img{margin: 2em 2em 0 2em;}
	#Recent h1{text-align: left; margin: 0 0 0 28px;}

#Tables{
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}
	
/* Contact Page Left Text Box --*/
#ContactLeftCol{
	width:340px;
	_width:330px;
	float:left;
	margin:5px 5px 5px 30px;
	_margin: 5px 5px 5px 20px;
	clear: left;
}

	/*#ContactLeftCol img{float:left; margin: 0 1em 1em 0; clear:left; border: 1px solid #999999;}
	#ContactLeftCol h2{margin: 1em 0 5em 1em;}*/

/* Contact Page Right Text Box --*/
#ContactRightCol{
	width:340px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

/* Footer --*/
#Footer{
	text-align:center;
	float:left;
	clear:both;
	width:100%;
}
	#Footer p{color:#666666;font-size:11px;margin:0 20px 0 20px;}
	#Footer a{color:#666666;font-size:9px;margin:0;}
	#Footer a:hover{text-decoration:none; font-size:9px; color:#952fbe; font-weight: normal;}
	#Footer .Bottom{height:52px;background:url('images/bottom.jpg') no-repeat left;}

.bottom{
	float:left;
	clear:both;
	width:100%;
	color:#75808a;
	font-size:11px;
	margin:0 0px 0 0px;
	text-align:center;
}

.bottom a{
	color:#75808a;
}

.bottom a:hover{
	color:#9cb5cb;
}