/* MAIN BODY ELEMENTS */

body {
	margin: 0;
	padding: 0;
	background: url(images/bg.gif) repeat-y left #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	}
	
/* MAIN HEADER STYLES */	
#header {
	width: 660px;
	height: 170px;
	background: #e6e6e6;
	border-bottom: 1px solid #F6F6F6;
	}
	
#logo {
	width: 210px;
	height: 170px;
	background: url(images/logo.gif) no-repeat #efefef;
	}
	
#nav {
	width: 160px;
	height: 170px;
	position: absolute;
	left: 210px;
	top: 0;
	}
	
a, a:link, a:visited {
	color: #666;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	}
	

/* MAIN CONTENT STYLES */	
#wrapper {
	width: 660px;
	background: url(images/content_bg.gif) #FFFFFF repeat-y;
	}
	
#side {
	width: 225px;
	background: transparent;
	position: absolute;
	left: 431px;
	top: 235px;
	}
	
#side a, #side a:link, #side a:visited {
	color: #333;
	text-decoration: none;
	}
	
#side a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#heading {
	width: 660px;
	height: 65px;
	background: url(images/header_body.gif) #EFEFEF no-repeat;
	}
#heading img { position: relative; top: 30px;}

#footer {
	width: 660px;
	height: 85px;
	background: url(images/footer_bg.gif) #FFFFFF no-repeat bottom;
	}

#content {
	margin: 0 230px 0 0;
	}


/* MAIN CONTENT TEXT FORMATTING */
#side p {
	margin: 0;
	padding: 10px;
	text-align: justify;
	font-style:italic;
	line-height: 150%;
	font-size: 70%;
	color: #555555;
	}
	
#side ul {
	list-style: outside square;
	font-size: 80%;
	color: #666666;
	padding: 0 10px 0 10px;
	margin: 0 0 10px 20px;
	}

#side li {
	line-height: 150%;
	}


#content p {
	margin: 0;
	padding: 20px 20px 0 20px;
	text-align: justify;
	font-size: 80%;
	line-height: 150%;
	color: #222222;
	}
	
	
#content h1 {
	padding: 0 0 2px 0;
	margin: 0;
	text-align: left;
	font-size: 100%;
	color: #000;
	border-bottom: 2px solid #EEE;
	font-style: italic;
	}
	
.list {
	margin: 0px;
	}
	
#content ul {
	list-style: outside square; 
	font-size: 80%; 
	line-height: 150%;
	margin-right: 20px;
	}
	
#content ul li {
	font-style: italic;
	font-weight: bold;
	color: #666;
	padding: 5px;
	}	
	
#content ul li ul li {
	color: #666;
	}
	
#content ul span.subtitle {
	color: #999999;
	font-style: normal;
	}

.form {
   width: 100%;
   font-size: 80%;
   font-weight: bold;
	 }	 
	 
.formleft {
	margin-left: 40px;
	float: left;
	padding: 0 0 10px 0;
	 }
.formright {
	 margin-left: 200px;
	 padding: 0 0 10px 0;
	 }


#content h1.port {
	color: #c05526;
	}

#footer_text {
	padding: 40px 10px 10px 20px;
	font-size: 7pt;
	color: #000000;
	}
	
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#footer ul li {
	display: inline;
	padding: 0 10px 0 0;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	
#footer ul li a, #footer ul li a:visited, #footer ul li a:link {
	color: #555555;
	text-decoration: none;
	}
	
#footer ul li a:hover {
	text-decoration: underline;
	color: #000000;
	}


/* NAV ITEMS AND BOXES MAIN STYLE */

#home, #about, #portfolio, #services, #contact {
	display: block;
	height: 34px;
	width: 160px;
	}
	
#home:hover, #home_on, #about:hover, #about_on, #portfolio:hover, #portfolio_on, #services:hover, #services_on, #contact:hover, #contact_on {
	display: block;
	height: 34px;
	width: 160px;
	}

#home_box, #about_box, #services_box, #portfolio_box, #contact_box {
	float: none;
	width: 290px;
	height: 170px;
	display: none;
	position: absolute;
	left: 370px;
	top: 0;
	}

#home_box p, #about_box p, #services_box p, #portfolio_box p, #contact_box p {
	padding: 20px;
	margin: 0;
	font-size: 80%;
	}

#home_box p {color: #ffe9e9;}
#contact_box p {color: #fff9ce;}
#services_box p {color: #bfffcc;}
#about_box p {color: #cfe9ff;}
#portfolio_box p {color: #ffd9c8;}

	
	
/* INDIVIDUAL NAVIGATION ITEMS and RIGHT BOX STYLES */
	
#home {
	background: url(images/home.gif) no-repeat transparent;
	}

#home:hover, #home_on {
	background: url(images/home_over.gif) no-repeat;
	}
	
#home_box {
	background: url(images/home_bg.gif) no-repeat bottom right #BF3333;
	}
	
#about {
	background: url(images/about.gif) no-repeat transparent;
	}

#about:hover, #about_on {
	background: url(images/about_over.gif) no-repeat;
	}
	
#about_box {
	background: url(images/about_bg.gif)  bottom right no-repeat #0C4F88;
	}
	
#services {
	background: url(images/services.gif) no-repeat transparent;
	}

#services:hover, #services_on {
	background: url(images/services_over.gif) no-repeat;
	}

#services_box {
	background: url(images/services_bg.gif) bottom right no-repeat #0C8826;
	}	

#portfolio {
	background: url(images/portfolio.gif) no-repeat transparent;
	}

#portfolio:hover, #portfolio_on {
	background: url(images/portfolio_over.gif) no-repeat;
	}
	
#portfolio_box {
	background: url(images/portfolio_bg.gif) bottom right no-repeat #C05526;
	}	
	
#contact {
	background: url(images/contact.gif) no-repeat transparent;
	}

#contact:hover, #contact_on {
	background: url(images/contact_over.gif) no-repeat;
	}
	
#contact_box {
	background: url(images/contact_bg.gif) bottom right no-repeat #C0AC26;
	}