* { margin: 0; padding: 0; border: 0; }

body {
	background-color: #003366;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
	padding-top: 55px;
	color: #333333;
	text-align: left;
}

div#main {
	width: 800px;
	background-image: url(images/body_back.gif);
	margin-left: auto;
	margin-right: auto;
}

div#nav {
	margin-bottom: 18px;
	width: 733px;
	background-image: url(images/nav_back.gif);
	background-repeat: repeat-x;
}

div#about_bar {
	background-image: url(images/about_photo_back.gif);
	background-repeat: repeat-x;
	width: 713px;
	padding-left: 20px;
	margin-bottom: 25px;
}

div#inside {
	margin-left: 25px;
}

div.content {
	margin-left: 20px;
	width: 700px;
}

.content p {
	padding-bottom: 17px;
}

.content a:link { color: #3399cc; text-decoration: none; font-weight: bolder; }
.content a:visited { color: #3399cc; text-decoration: none; font-weight: bolder; }
.content a:hover { color: #ff9900; text-decoration: none; font-weight: bolder; }


.portfolio { 
	height: 310px;
	background-image: url(images/portfolio_back.gif);
	background-repeat: repeat-y;
}

#portfolio_subnav { 
	font-size: 7pt; 
	line-height: 12pt; 
	font-weight: bold; 
	margin-right: 10px;
}

#portfolio_nav {
	margin-left: 12px;
	width: 178px;
	float: left;
}

#portfolio_image { float: right; margin-right: 42px; margin-top: 10px; }

div#col1 { width: 326px; float: left; }
div#col2 { width: 326px; float: right; }

#home_body {
	padding-top: 20px;
}

#home_body p {
	padding-left: 65px;
	line-height: 13pt;
	text-align: left;
	font-size: 8pt;
}

#home_body ul {
	margin-left: 225px;
	width: 282px;
	line-height: 13pt;
	text-align: left;
	font-size: 8pt;	
	list-style-position: outside;
}

#home_left {
	float: left;
	width: 533px;
	height: 321px;
	background-image: url(images/home_content_back.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ffffff;
}

#home_right {
	float: right;
	width: 247px;
	height: 321px;
	background-image: url(images/home_right_back.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}


p.subheader { 
	color: #3388cc;
	float: right;
	margin-right: 70px;
	padding-top: 30px;
}

h1 { font-size: 9pt; line-height: 13pt; margin-bottom: 1pt; }

.blue { color: #3399cc; }
.orange { color: #ff9900; }
.grey { color: #666666; }
.drkgrey { color: #333333; }
.beige { color: #999933; }
.white { color: #ffffff; }

.ital { font-style: italic; }

p a:link { color: #666666; text-decoration: none; }
p a:visited { color: #666666; text-decoration: none; }
p a:hover { color: #ff9900; text-decoration: none; }

ol { margin-left: 22px; }


.float_l { float: left; }
.float_r { float: right; }
.clearFloats { clear: both; }

hr {
	height: 1px;
	background-color: #999999;
	border-bottom: 10px;
	border-style: solid;
	border-color: #ffffff;
	margin-bottom: 5px;
}

#subnav {
	margin-left: 14px;
	text-transform: capitalize;
	line-height: 27px;
	font-weight: bold;
	color: #999933;
}

#subnav a:link { color: #999933; text-decoration: none; }
#subnav a:visited { color: #999933; text-decoration: none; }
#subnav a:hover { color: #ff9900; text-decoration: none; }

.grey_header {
	width: 302px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999999;
	padding: 7px 15px 2px 15px;
}
.grey_header h1 { line-height: 20px; }

.grey_column {
	width: 302px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0f0f0;
	padding: 7px 15px 15px 15px;
}
.grey_column li {
	margin-left: 15px;
	list-style-type: circle;
}

.grey_column h1 { line-height: 20px; }

.circle {
	margin-left: 15px;
	list-style-type: circle;
}

#servicesPage { background-image: url(images/services_back.gif); background-repeat: repeat-y; }

.signupframe {
	border: 1px solid #ff9900;
	background: #3399cc;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	padding: 15px 0;
	margin-left: auto;
	margin-right: auto;
}