/* CSS Document */
/* Basic Homepage Styles */
 
body {
	background-color: #ffffff;
	}
	
#container {
	float: left;
	background-image: url(images/masthead.jpg);
	background-postition: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-top: -25px;
	width: 924px;
	
	}
#captions {
	float: left;
	margin: 0px -50px 0 350px;
	width: 800px;
	}
	

#captions .text {
	margin: 10px 490px 50px -180px;
	width: 150px;
	position: absolute;
	}
	
#captions p {
	font-size: 10px;
	color:#979797;
	line-height: 13px;
	}
	
p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #565656;
	float: left;
	}

h1, h2, h3, h4 {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 25px;
	color: #565656;
	float: left;
	margin-bottom: -20px;
	}
	
ul {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	word-spacing: 2px;
	letter-spacing: .5px;
	line-height: 25px;
	color: #6d6d14;
	float: left;
	}
	
ul li {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	word-spacing: 2px;
	letter-spacing: .5px;
	line-height: 25px;
	color: #565656;
	float: left;
	list-style: none;
	}	

a {
	color: #c97649;
	text-decoration: none;
	outline: none;
	border: none;
	}

a:hover {
	color: #bfbe46;
	text-decoration: none;
	outline: none;
	}
	
a:active {
	color: #89882d;
	text-decoration: none;
	outline: none;
	}

#nav{
	float: left;
	margin: 130px 0 0 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #474646;
	list-style: none;
	line-height: 1.0em;
	font-weight: 50;
	}
#nav ul li {
	float: left;
	list-style: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #666666;
	font-size: 14px;
	marign: 0 10px 0 10px;
	padding-right: 0 15px 0 10px;
	word-spacing: 2px;
	letter-spacing: .5px;
	}
#nav ul li a{
	display: block;
	height: 30px;
	text-indent: -3000px;

	/*/text-decoration: none;*/

	}
#nav-link-home {
	background-image: url(images/navigation/home.gif); width: 70px; margin-right: 3px; 
	}
#nav-link-web {
	background-image:url(images/navigation/web.gif); width: 73px;
	}
#nav-link-print {
	background-image:url(images/navigation/print.gif); width: 85px;
	}
#nav-link-about {
	background-image:url(images/navigation/about.gif); width: 85px; margin-right: 1px;
	}
#nav-link-resume {
	background-image:url(images/navigation/resume.gif); width: 102px; margin-right: 2px;
	}
#nav-link-contact {
	background-image:url(images/navigation/contact.gif); width: 91px;
	}
	
/* hover state */

#nav ul li.hover a,
#nav ul li:hover a,
#nav ul li a.hover, 
#nav ul li a:hover {
	background-position: 0 -25px;

	}
/* active state */

#nav ul li a.active,
#nav ul li a.active.hover, 
#nav ul li a.active:hover {
	background-position: 0 -50px;

	}
	
body#home a#nav-link-home,
body#web a#nav-link-web,
body#print a#nav-link-print,
body#about a#nav-link-about,
body#resume a#nav-link-resume,
body#contact a#nav-link-contact {
	background-position: 0 -49px;
	}

.copyright {
	color: #CCCCCC;
	font-size: 10px;
	}
	
#intro {
	float: left;
	width: 540px;
	margin: 0px 0px 0px 170px;
	padding-bottom: 0px;
	height: 100%;
	line-height: 26px;
	
	}


#thumbs {
	width: 200px;
	float: left;
	margin: 10px 0 0 130px;
	padding: 87px 0 0 0;
	}

#thumbs ul li a {
	marign: 0 14px 8px 0;
	padding: 0 11px 9px 0;
	}
	
#thumbs ul li .hover a,
#thumbs ul li :hover a,
#thumbs ul li a.hover,
#thumbs ul li a:hover {
	background-position: 0 -5px;
	}


#footer {
	background: url(images/logo.gif) no-repeat top right;
	width: 124px;
	position: absolute;
	margin: 523px 0 0 0px;
	}
	
body#print #footer {
	margin-top: 440px;
	}

body#home #footer {
	margin-top: 280px;
	}
	
body#about #footer,
body#contact #footer,
body#resume #footer {
	margin: 357px 0 0 0;
	}

#footer p {
	margin: 40px 0 0 28px;
	color: #bfbf47;
	text-align: right;
	}
	

/* ©2009 Ashley White Design ashleywhitedesign.com */