@charset "UTF-8";
/* CSS Document */

*{padding:0; margin:0;}
select{font-family:Verdana, Arial, Helvetica, sans-serif;}
body{font-size:medium; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #D8EBFF;}

/* Begin General Attributes */
img{border:none; padding:2px;}
.hidden{display:none; visibility:hidden;}
.clearing_div{clear:both; height:0px; font-size:0px; line-height:0px;}
.clear_left{clear:left; height:0px; font-size:0px; line-height:0px;}
.float_left{float:left;}
.float_right{float:right;}
.center{text-align:center;}
.alt_bg{background-color:#ffffff;}
.alt_font{color:#3399FF;}
a:link {color: #3399FF; text-decoration:none;}
a:active {color: #3399FF; text-decoration:none;}
a:visited {color: #3399FF; text-decoration:none;}
a:hover {color: #3399FF; text-decoration: underline;}


/*Begin Page Container*/
#page_container {background: #D8EBFF url(../images/header_bg.gif) top left repeat-x; width: 100%;}

/*Begin Content*/
#content_container {width: 700px; margin: 0px auto 0px auto;}

/*Begin Header*/
#header {background-color: none; padding: 5px 0px 30px 2px;}
#header h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; text-transform: uppercase; letter-spacing: 2px;}

/*Begin Left Nav*/
.left_nav {float: left; font-size: .7em; color: #3399FF; width: 200px; background-color: #D8EBFF; font-weight:bold; padding-top: 15px;}
.left_nav ul {padding: 5px; list-style:none;}
.left_nav li {padding: 5px; margin: 0px 5px 0px 5px; border-bottom: 1px dotted #666666;}
.left_nav li a:link {color: #333333; text-decoration:none;}
.left_nav li a:active {color: #333333; text-decoration:none;}
.left_nav li a:visited {color: #333333; text-decoration:none;}
.left_nav li a:hover {color: #3399FF; text-decoration:none;}


/*Begin Main Content*/
#content_area {
	width: 460px; 
	margin: 0px 0px 0px 210px; 
	padding: 0px 0px 0px 0px; 
	}
#content_box_top {
	background: url(../images/content_area_box_top.gif) top left no-repeat;
	width: 460px;
	height: 7px;
	}
#content_box_bottom {
	background: url(../images/content_area_box_bottom.gif) bottom left no-repeat;
	width: 460px;
	height: 20px;
	}
#content_box {
	background: #FFFFFF url(../images/content_area_border_right.gif) top right repeat-y;
	border-left: 1px solid #CCCCCC;
	}
#content_box .project_thumbs {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 5px 0px;
	float: left;
	width: 130px;
	}
#content_box .project_thumbs img {
	padding: 30px 2px 2px 2px;
	}
#content_area h1 {
	font-size: .9em;
	padding: 5px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px solid #666666;
	background: #FFFFFF;
	width: 420px;
	color: #333333;
	text-transform: uppercase;
	}
.project1 {
	font-size: .7em;
	}
.project2 {
	font-size: .7em;
	}
.project3 {
	font-size: .7em;
	}
.project4 {
	font-size: .7em;
	}
.project_text {
	width: 300px;
	float: right;
	margin: 0px;
	}
.project_text img {
	text-align: center;
	}
.project_text p {
	padding: 5px 5px 10px 5px;
	line-height: 1.2em;
	}
.project_text h2 {
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
	color: #3399FF;
	font-size: 1em;
	}
.intro {
	font-size: .7em;
	}
.intro img {
	float: right;
	text-align: left;
	padding: 5px 27px 10px 0px;
	}
.intro_text p {
	padding: 5px 20px 0px 5px;
	line-height: 1.2em;
	}
.intro_text h2 {
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
	color: #3399FF;
	font-size: 1em;
	}
.content_int_box {
	clear:right;
	width: 420px;
	margin: 0px 0px 0px 12px;
	background-color: #FFFFFF;
	}
.content_int_box_top {
	background: #FFFFFF url(../images/content_int_box_top.gif) top left no-repeat;
	width: 420px;
	height: 5px;
	}
.content_int_body {
	background: url(../images/content_int_box_body.gif) top left repeat-y;
	}
.content_int_body p {
	font-size:1em;
	color: #333333;
	line-height: 1.5;
	padding: 10px;
	}
.content_int_box_bottom {
	background: #FFFFFF url(../images/content_int_box_bottom.gif) bottom left no-repeat;
	width: 420px;
	height: 5px;
	border-right: none;
	}
.content_int_body h2 {
	text-transform:uppercase;
	font-size:1em;
	color: #333333;
	line-height: 1.5;
	padding: 5px 10px 0px 10px;
	}
.content_int_body ul {
	font-size:1em;
	color: #333333;
	line-height: 1.5;
	padding: 10px;
	margin: 0px 0px 0px 20px;
	}
.content_int_body li {
	font-size:1em;
	color: #333333;
	line-height: 1.2;
	padding: 0px 10px 3px 2px;
	}
.content_int_body table {
	padding: 10px;
	}