/* Standard Styles */
body,
html {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
}
body {
	font-size:100%;
	font-family: Arial, Sans-Serif;
	line-height: 1.2em;
}

img, div, p, h1, h2, h3, h4, h5, h6, ol, li { 
	padding: 0; margin: 0;
}

img {
	border: 0;
}
p { font-size: .8em; color:#000; }

a { color: #3366cc; }
a:hover { color: #336699; }

h1, h2 { font-family: Verdana,san-serif; }

h1 { font-size: 1.0em; }
h2 { font-size: 0.9em; }

.right { float: right;}

/* Framework */
#frame {
	background-color:#fff;
	margin:0 auto;
	margin-top: 7px;
	padding: 0;
	width:700px;
}

/* Header */
#header {
	background-color:#fff;
	margin: 0; padding: 0; 
	overflow: hidden;
	width: 700px;
	color: #000;
}

#header img {float: left; height: 48px;}

img#hdrimgmain { margin: 0 31px;}


/* Container - Holds Navigation and Content */
#container {
	border: 2px solid #333366;
	background-color:#f1f1f1;
}

/* Navigation */
#nav
{
	width: 100%;
	float: left;
	background-color:#666699;
	border-bottom: 2px solid #333366;
	color: #FFF;

}

#nav ul li { display: inline; }

#nav ul
{
	margin: 0;
	padding: 0;
	background-color: #666699;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
}

#nav ul li a
{
	margin-top: 0px;
	padding: 0.1em 6px;
	background-color: #666699;
	color: #f1f1f1;
	font-size: .8em;
	text-decoration: none;
	float: left;
	border-right: 2px solid #333366;
}

#nav ul li a:hover
{
	background-color: #fff;
	color: #336699;
}

body#index a#menu-index,
body#about a#menu-about,
body#services a#menu-services,
body#portfolio a#menu-portfolio,
body#contact a#menu-contact
	{ background-color: #333366; color: #fff; 
		 }

body#index a:hover#menu-index,
body#about a:hover#menu-about,
body#services a:hover#menu-services,
body#portfolio a:hover#menu-portfolio,
body#contact a:hover#menu-contact
	{ background-color: #f1f1f1; color: #336699; 
		 }

/* Content */
#content {
	background-color:#f1f1f1;
	margin: 0; padding: 0; 
	color: #000;
}

#content h1 { 
	margin: 20px 75px 2px 50px;
	padding: 15px 0px 2px 0px;
	border-bottom: 1px solid #999;
}

#content h2 { 
	margin: 0px 75px 2px 50px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #999;
}

#content p {
	margin: 0px 75px 15px 50px;
	padding: 0px 0px 3px 0px;
	
}

#mailer {
	margin: 0px 75px 2px 50px;
	padding: 0px 0px 2px 0px;
}

#mailer div {
	margin: 5px 0 10px 0;
}

#mailer input {
	font-family: Arial, san-serif;
	color: #000;
	font-size: .8em;
}

#mailer label {
	color: #000;
	font-size: .8em;
}

#content img.right {
	margin: 5px 3px 10px 7px;
}

/* Footer */
#footer {
	background-color:#fff;
	margin: 0; 
	padding: 5px 0 0 0; 
	overflow: hidden;
	width: 700px;
	color: #000;
	clear: both;
}

#footer p {
	text-align: center;
	color: #000; 
	margin: 0 20px;
}

.host { margin-left: 20px;}