* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000;
	font: 16px Verdana,"Arial",Arial,sans-serif;
	text-align: center;
}


img {
	border: none;
}

img a {
	border: none;
}

/* link colors */
a:link {
	color: #000000;
}

a:hover {
	color: #41AD49;
}

a:visited {
	color: #EC008C;
}


/* index page styling */
#index {
	background: #FFFFFF url('../images/background.jpg') repeat top;
	border: 20px solid #00AEEF;
	height: 600px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	width: 850px;
}

/* navigation on left for index page */
#nav-left {
	float: left;
	font-family: Verdana,"Arial",Arial,sans-serif;
	font-size: 30px;
	height: 600px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 200px;
}

/* each individual nav item for index page */
.nav-index {
	float: left;
	margin: 10px 0 20px 0;
	width: 200px;
}

#nav-left a {
	padding-bottom: 0px;
	text-decoration: none;
}

#nav-left a:hover {
	background-color: #00AEEF;
	cursor: pointer;
	text-decoration: none;
}

/* logo on the right for the index page */
#logo-right {
	float: right;
	height: 600px;
	margin-top: 10px;
	padding: 0;
	width: 650px;
}

/* styling for the footer area for the index page */
#footer-index {
	font: 10px "Lucida Grande",Tahoma;
	margin: 0 auto;
	padding: 0;
	width: 850px;
}

#footer-index p {
	color: #FFFFFF;
	padding: 10px 0 0 0;
	text-align: right;
}



/* container area for the whole page */
#wrapper {
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	width: 850px;
}

/* container for the whole header area */
#header {
	background: #FFFFFF url('../images/header.png') no-repeat top;
	height: 151px;
	no-repeat top;
	width: 850px;
}

/* navigation area in the header */
#nav {
	float: right;
	font-family: Verdana,"Arial",Arial,sans-serif;
	font-size: 20px;
	height: 151px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 700px;
}

/* for each individual navigation element */
.nav-element {
	float: right;
	height: 85px;
	margin: 50px 0 0px 25px;
	position: relative;
	width: 100px;
}

/* container area for the whole content area */
#content {
	margin: 0 auto;
	height: 500px;
	padding: 0;
	width: 850px;
}

/* for the photos on the left of the page */
#photo {
	float: left;
	height: 650px;
	width: 222px;
}

/* for the text on the right of the page */
#text {
	background: #FFFFFF; 
	float: right;
	height: 650px;
	width: 628px;
	}

#text p {
	color: #000000;
	font: 12px Verdana,"Arial",Arial,sans-serif;
	letter-spacing: 0em;
	line-height: 1.5em;
	padding: 5px 15px 5px 20px;
	text-align: left;
}

#text h1 {
	font-size: 25px;
	font-variant: small-caps;
	letter-spacing: 0em;
	padding: 15px 15px 0 15px;
	text-align: left;
}

#text h2 {
	font-size: 14px;
	font-variant: small-caps;
	padding: 15px 0 0 15px;
	text-align: left;
}


#text h3 {
	font: 12px Verdana,"Arial",Arial,sans-serif;
	font-variant: small-caps;
	padding: 15px 0 0 15px;
	text-align: left;
}

/* styling for the portfolio page */
#portfolio {
	background: #FFFFFF url('../images/background.jpg') repeat;	
	margin: 0 auto;
	height: 3000px;
	padding: 0;
	width: 850px;
}

/* for the left of the portfolio page */
#portfolio_left {
	float: left;
	font-size: 14px;
	padding: 40px 0px 0px 0px;
	width: 200px;
}

/* for the right of the portfolio page */
#portfolio_right {
	float: right;
	font-size: 14px;
	padding: 40px 0px 0px 0px;
	width: 650px;
}

#portfolio_right p.bottom {
	padding-top: 10px;


}
#portfolio_disclosure {
	
#text p {
	color: #000000;
	font: 8px Verdana,"Arial",Arial,sans-serif;
	text-align: left;
}





/* styling for the links page */
}
#links {
	background: url('../images/background.jpg') repeat;	
	margin: 0 auto;
	height: 250px;
	padding: 0;
	width: 850px;
}

#links p {
	font size: 12px;
	margin: 40px 0px opx opx;
	padding: 10px;
}


/* styling for the contact page */
#contact {
	background: #FFFFFF url('../images/background.jpg') repeat;	
	margin: 0 auto;
	height: 200px;
	padding: 0;
	width: 850px;
}

/* clear any styling for the divs above */
.clear {
	clear: both;
}

/* styling for the footer area */
#footer {
	float: right;
	font: 10px "Lucida Grande",Tahoma;
	margin: 0 auto;
	width: 850px;
}

#footer p {
	color: #FFFFFF;
	padding: 10px 0 0 0;
	text-align: right;
}