@charset "utf-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Styles for the whole site */

body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.95em;
	color: #003366;
	background-color: #003366;
	background-image: url("../images/background.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


div.container
{

}
	
div.banner
{
	width: 900px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	top: 10px;
	height: 95px;
}

div.nav
{
	width:900px;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:2;	
	height: 47px;
	margin-right: auto;
	margin-left: auto;
}

div.nav li 
{
	font-size: 0.85em;
	float:left;
	padding:0;
	list-style: none;
}

div.nav li a 
{
	color:#fff;
	text-decoration:none;
	display:block;
	margin:0;
	font-weight: bold;
	padding: 5px 16px 5px 5px;
}

div.nav li a:hover
{
	color: #003366;	
}

div.content
{
	width: 900px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	z-index: 0;
	top: 125px;
	font-size: 0.85em;
	color: white;
}

div.inner-content
{
	padding: 14px;
}


div.bottom 
{
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #336699;
	text-align: center;
	height: 20px;
	border-top: 1px black solid;
	padding: 6px;
	color: #fff;
	font-size: 0.80em;
	font-weight: bold;
	background-image: url("../images/bg-bar-footer.jpg");
	background-position:top;
	background-repeat:repeat-x;
}

html > body div.bottom
{
	position: fixed;		
}

div.top
{
	position: fixed;
	background-image: url("../images/bg-bar.png");
	background-position:top;
	background-repeat:repeat-x;
	width: 100%;
	z-index: 1;
}

h1
{
	font-size: 16px;

}

h2
{
	font-size: 18px;
}

span.mid_thumb img
{
	border: 1px white solid;
	margin-top: 10px;
}

span.mid_thumb a:hover
{
	filter:alpha(opacity=80);
	opacity:0.8;	
}

span.mid-title
{
	font-size: 14px;
	font-style: italic;
}

div.spacer
{
	height: 50px;
	clear: both;
}


/* Styles for the Home page  */

div.home-introcopy
{
	width: 370px;	
	float: left;
	position: relative;
	top: 15px;
	left: 30px;	
}

div.home-featured
{
	width: 370px;
	float: left;
	position: relative;
	left: 100px;
	top: 15px;
}

/* Styles for the Contact page */

div.contact-form
{
	width: 400px;
	float: left;
	position: relative;
	top: 15px;
	left: 80px;
	padding: 8px;
	
}


div.contact-info
{
	width: 350px;	
	float: left;
	position: relative;
	top: 15px;
	left: 50px;
}

div.contact-info a
{
	color: #6699cc;
	text-decoration: none;
	font-weight: bold;
}

div.contact-info a:hover
{
	color: white;
}

div.contact-info-section
{
	margin-left: 20px;
	padding: 3px;
}

div.contact-php
{
	color: white;
}

div.contact-php a
{
	color: #6699cc;
	text-decoration: none;
}

ul.contact-php-error
{
	margin: 10px;
}

.contact-submit
{
	background-color: #003366;
	color: white;
	border: 1px solid #336699;
}

/* Styles for Web page */

div.web-container
{
	margin-left: 8px;
}

div.web-project
{
	width: 510px;
	height: 170px;
	
	float: left;
	margin-top: 8px;
	padding: 3px;
	font-size: 1em;

	border-bottom: 1px dotted white;

}

div.web-container-image
{
	width: 322px;
	height: 172px;
	margin-left: 8px;
	margin-top: 8px;
	float: left;
}

div.web-container-image a
{
	color: white;	
}

div.web-container img:hover
{
	filter:alpha(opacity=80);
	opacity:0.8;	
}

div.web-container a
{	
	color: white;	
}

div.web-project-title
{
	font-size: 1.2em;	
	padding: 4px;
	border-bottom: 1px dotted #003366;
	font-weight: bold;
}

div.web-project-subtitle
{
	font-size: 0.8em;	
	font-weight: none;
	padding: 4px;
	color: #06C;
}

div.web-project-details
{
	font-size: 0.9em;	
	padding: 4px;
	height: 80px;
}

div.web-project-role
{
	font-size: 0.8em;
	padding: 4px;
	font-style: italic;
	height: 15px;
}

/* Styles for Graphic page */

.graphic-gallery
{
	border: 0;
}