/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }

body { 
	font-family:"Lucida Grande", sans-serif;
	font-size:14px;
	background-image:url('../images/body-bg.jpg');
	background-repeat:repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; color:#7BD6CE;}
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Georgia, serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #DEFFFC;
	margin-bottom:6px;
	}
	h3 {
	margin-top:16px;
	font-family: Georgia, serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #DEFFFC;
	margin-bottom:6px;
	line-height:1.2em;
	}
	

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 781px;
	margin: 0 auto;
	
	}
	#main-content {
	padding-left:70px;
	padding-right:70px;

		background-image:url('../images/bg.jpg');
	    background-repeat:repeat-y;

	}
	#article {
	padding-top:40px;
		width: 400px;
		float: left;
			}
			
		#article2 {
	padding-top:40px;
		width: 600px;
		float: left;
			}
			
	#article3 {
	padding-top:40px;
		width: 400px;
		float:right;
		
			}
		#contact {
	width:230px;
	float:left;
	padding-top:60px;
}
		
	#aotad {
	width:309px;
	float:left;
	padding-left:20px;
}	


   #aqua {
	width:309px;
	float:right;

}		
	
	#side-bar {
		width: 195px;
		float: right;
	}
   #side-bar img{
	padding-top:60px;
	margin-right:10px;
}
	ul#nav li {
		display: inline;
		}
		

        ul#nav li a {
			display: block;
			height: 84px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.about a {
			width: 277px;
			background-image:url('../images/about-nav.jpg');
			background-position:center bottom;
			
		}

		ul#nav li.portfolio a {
			width: 229px;
			background-image:url('../images/portfolio-nav.jpg');
			background-position:center bottom;

		}
		ul#nav li.contact a {
			width: 275px;
			background-image:url('../images/contact-nav.jpg');
			background-position:center bottom;

		}
		
		ul#nav li a:hover {
			background-position: center top;
		}
		
		ul#nav li a:active {
			background-position: center top;
		}

#footer {
   height: 164px;
	background-image:url('../images/footer.jpg');
	}

/* END STRUCTURE */