/* CSS Document */

body {
	background-color:#91d4d3;
	color: #666666;
	font: normal 12px "Gill Sans", sans-serif;
	margin: auto;
	width:1024px;
	}

.portfolio {
	background-color: #FFFFFF;
	width: 450px;
	}

.index-back {
	background-color: #FFFFFF;
	width: 1024px;
	}

a {
	font: lighter 11px "Gill Sans", "Gill Sans Light", sans-serif;
	color: #999999;
	text-decoration: none;
	}
	
a:visited {
	font: lighter 11px "Gill Sans", sans-serif;
	color: #333333;
	}

a:hover {
	font: lighter 11px "Gill Sans", "Gill Sans Light", sans-serif;
	color:#91d4d3;
	}

div {
	float:left;
	}

h1 {
	color: #91d4d3;
	font: bold 14px "Gill Sans", sans-serif;
	}
	
h2 {
	color: #999999;
	font: normal 12px "Gill Sans", sans-serif;
	}

h3 {
	color: #91d4d3;
	font: bold 10px "Gill Sans", sans-serif;
	margin-bottom: 3px
	}

h4 {
	color: #999999;
	font: lighter 10px "Gill Sans", "Gill Sans Light", sans-serif;
	}
	
li {
	list-style: disc;
	}	

p {
	font: normal 12px "Gill Sans", sans-serif;
	padding: 0 0;
	}

#white {
	width: 1024px;
	height: 144px;
	background:  url(images/white_header.gif);
	}
	
#logo_top {
	width: 1024px;
	height: 348px;
	background:  url(images/logo_top.gif);
	}
	
#logo_btn {
	width: 1024px;
	height: 64px;
	background:  url(images/logo_btn.gif) no-repeat scroll;
	display: block;
	}

#logo_btn a {
	width: 1024px;
	height: 64px;
	display: block;
	text-decoration: none;
	}
	
#logo_btn a:hover {
	width: 1024px;
	height: 64px;
	background:  url(images/logo_btn.gif) 0 -64px no-repeat scroll;
	display: block;
	}	
	
#logo_bottom {
	width: 1024px;
	height: 67px;
	background:  url(images/logo_bottom.gif);
	}	
	
#white_footer {
	width: 1024px;
	height: 78px;
	background:  url(images/white_footer.gif);
	}		
	
#header {
	width: 1024px;
	height: 75px;
	background:   url(images/blue_header.gif);
	}
	
#logo_footer {
	width: 1024px;
	height: 85px;
	background:  url(images/logo_footer.gif);
	}

#thin_blue {
	width: 1024px;
	height: 10px;
	background:  url(images/thin_blue.gif);
	}

#footer {
	width: 1024px;
	height: 68px;
	background:  url(images/footer2.gif);
	}

#sides {
	width: 106px;
	height: 421px;
	background:  url(images/blue_sides.gif);
	}

#info {
	width: 605px;
	height: 421px;
	background:  url(images/info.gif);
	}

#left_nav  {
	width: 206px;
	height: 421px;
	background:  url(images/left_nav.gif);
	}

#home_btn {
	width: 313px;
	height: 26px;
	background:  url(images/home_btn.gif) 0 -52px no-repeat scroll;
	display: block;
	}	

#home_btn a {
	width: 313px;
	height: 26px;
	display: block;
	text-decoration: none
	}

#home_btn a:hover {
	width: 313px;
	height: 26px;
	background:  url(images/home_btn.gif) 0 -26px no-repeat scroll;
	display: block;
	}

#home_btn_on {
	width: 313px;
	height: 26px;
	background:  url(images/home_btn.gif) no-repeat scroll;
	display: block;
	}	


#portfolio_btn {
	width: 206px;
	height: 26px;
	background:  url(images/portfolio_btn.gif) 0 -52px no-repeat scroll;
	display: block;
	}

#portfolio_btn a {
	width: 206px;
	height: 26px;
	display: block;
	text-decoration: none;
	}

#portfolio_btn a:hover {
	width: 206px;
	height: 26px;
	background:  url(images/portfolio_btn.gif) 0 -26px no-repeat scroll;
	display: block;
	}

#portfolio_btn_on {
	width: 206px;
	height: 26px;
	background:  url(images/portfolio_btn.gif) no-repeat scroll;
	}

#resume_btn {
	width: 206px;
	height: 26px;
	background:  url(images/resume_btn.gif) 0 -52px no-repeat scroll;
	display: block
	}
	
#resume_btn a {
	width: 206px;
	height: 26px;
	display: block;
	text-decoration: none
	}

#resume_btn a:hover {
	width: 206px;
	height: 26px;
	background:  url(images/resume_btn.gif) 0 -26px no-repeat scroll;
	display: block;
	}

#resume_btn_on {
	width: 206px;
	height: 26px;
	background:  url(images/resume_btn.gif) no-repeat scroll;
	display: block;
	}

#contact_btn {
	width: 299px;
	height: 26px;
	background:  url(images/contact_btn.gif) 0 -52px no-repeat scroll;
	display: block;
	}

#contact_btn a {
	width: 299px;
	height: 26px;
	display: block;
	text-decoration: none;
	}

#contact_btn a:hover {
	width: 299px;
	height: 26px;
	background:  url(images/contact_btn.gif) 0 -26px no-repeat scroll;
	display: block;
	}
	
#contact_btn_on {
	width: 299px;
	height: 26px;
	background:  url(images/contact_btn.gif) no-repeat scroll;
	display: block;
	}