/* CSS Document */
/* Basic Homepage Styles */




html {
	 background: #ffffff; 
	 }

body {
	background: #ffffff;
	margin: auto;
	width: 850px;
	}
	
h1,h2,h3,h4,h5,h6,

p,blockquote,ul,ol,dl,

fieldset,address { margin-bottom: 1em; }

li ul, li ol { margin: 0; }

address,abbr,acronym { font-style: normal; }

a { outline: none; }

/*FF 1.07 hack to remove dotted border, not entirely compliant*/

/*a:focus { -moz-outline: none; }*/	
	
#container {
	width: 850px;
	background: url(images/masthead.gif) no-repeat top center;
	background-repeat: no-repeat;
	margin: 25px auto 0 auto;
	float: left;
	display: block;
	
	}
	
#slideshow_home {
	width: 790px;
	margin: 0px auto;
	z-index: 1;

}


#slideshow_home embed {
	z-index: 1;
	margin: -50px auto 0 auto;
	
}

#slideshow_home object {
	margin-top: -60px;
	}


#slideshow {
	width: 790px;
	margin: 0 auto;
	z-index: 1;
}
#slideshow embed {
	z-index: 1;
	margin: -25px auto 0 auto;
	
} 

#slideshow object {
	margin-top: -40px;
}

#content {
	margin-top: -30px auto;
	width: 790;
	float: left;
}
	
#about #content {
	margin-top: -30px;
	width: 790;
	float: left;
}

#about #content h1 {
	display: block;
	width: 790px;
	}

#about #content p {
	margin: 25px 0 0 0;
}

#gallery #content {
	margin-top: 0px;
	width: 790;
	display: block;
	}

.widget object {
	margin: 0px 0 0 100px;
}

.blurb p {
		margin: 10px 0 30px 100px;
		width: 790px;
}

.widget dl {
	margin: 0px 0 0 100px;
}

dl {
	font-family: Arial,"Lucida Grande", Verdana,Helvetica, sans-serif;
	font-size: 13px;
	color: #3d3f3f;
	
}

dl dt img {
	display: block;
	float: left;
	border: solid #8ca042 medium;
	margin: 0 10px 0 0;
}

dl dd {
	
	}



#copy {
	padding: 145px 0 0 23px;
	width: 737px;
}
#logo {
	width: 750px;
    background: #ffffff url(images/photo_logo.gif) no-repeat left top;
	margin: auto;
	height: 106px;
	border-bottom: solid 1px #c0beb6;
	}
	
#logo p {
	font-size: 10px;
	width: 450px;
	color: #333333;
	float: right;
	border-color:#666666;
	line-height: 24px;
	margin-right: -70px;
	
	
	}
	
.green {
   color: #88a847; font-size: 11px;
   }
	
.grey {
line-height: 14px;
}

.url {
	font-size: 11px;
}

	
h1 {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 19px;
	color: #4c4b4b;
	float: left;
	
	}
	
p {
	font-family: Arial,"Lucida Grande", Verdana,Helvetica, sans-serif;
	font-size: 13px;
	color: #3d3f3f;
	
	}
p.concept {
	float: left;
	color: #3d3f3f;
	line-height: 19px;
	}
p.contact {
	float: left;
	color: #3d3f3f;
	line-height: 16px;
	margin: 30px 50px 0 0;
	padding: 30px 50px 0 -10px;
	}
	
blockquote {
	font-family: Arial,"Lucida Grande",Verdana,Helvetica, sans-serif;
	font-size: 20px;
	color: #7a912d;
	width: 750px;
	}
	
cite {
	font-family: Arial,"Lucida Grande", Verdana,Helvetica, sans-serif;
	font-size: 11px;
	color: #3d3f3f;
	float: right;
	font-style:italic;
	margin: 0 315px 0 0;
	}
.quotation {	
	font-family: Arial,"Lucida Grande",Verdana,Helvetica, sans-serif;
	font-size: 30px;
	color:#3d3f3f;
	font-weight: 100;
	float: left;
	margin: -5px 0 0 0;
	
	}
a {
	color: #6a8022;
	text-decoration: none;
	outline: none;
	border: none;
	}

a:hover {
	color: #e36334;
	text-decoration: none;
	outline: none;
	}
	
a:active {
	color: #6a8022;
	text-decoration: none;
	outline: none;
	}
	
	
#nav{
	height: 90px;
	float: left;
	margin: 120px auto 0px auto;
	padding: 0 0px 0 0px;
	width: 850px;
	font-family: Arial,"Lucida Grande",Verdana,Helvetica, sans-serif;
	color: #3b3738;
	list-style: none;
	line-height: 1.0em;
	text-align: left;
	z-index: 2;
	}
#nav ul {
	display: block;
	z-index: 2;
	}
#nav ul li {
	font-family: Arial,"Lucida Grande", Verdana, sans-serif;
	float: left;
	list-style: none;
	word-spacing: 2px;
	letter-spacing: .5px;
	z-index: 2;
	}	
#nav ul li a{
	display: block;
	height: 40px;
	text-indent: -3000px;
	/*/text-decoration: none;*/
	}

#nav li.sub .nolink {
	display: block;
	height: 40px;
	margin: 0px 0 0 0px;
	text-indent: -3000px;
	z-index: 2;
	/*/text-decoration: none;*/
	}

#nav-link-home {
	background-image: url(images/nav/home.gif); width: 72px; 

	}
#nav-link-soc_awareness {
	background-image:url(images/nav/soc_awareness.gif); width: 198px;
	
	}
#nav-link-creative {
	background-image:url(images/nav/creative.gif); width: 127px;
	
	}
#nav-link-blog {
	background-image:url(images/nav/blog.gif); width: 98px;
	}
	
#nav-link-contact {
	background-image:url(images/nav/contact.gif); width: 91px;
	}

li.sub .nolink {
	background-image:url(images/nav/photophilanthropy.gif); width: 207px;
	margin-left: -10px;
	z-index: 2;
	}
/* 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 -81px;
	z-index: 2;

	}

#nav ul li.sub {
	width: 207px;
	z-index: 2;
}


#nav li.sub:hover .nolink {
	background-position: 0 -120px;
	z-index: 2;
	}

#nav li.sub:hover {
	height: 40px;
	z-index: 2;
	}
/*dropdown nav on photophilanthropy*/
#nav li.sub:hover > ul  { display: block;  position: absolute; margin: 0px 0 0 0px; padding:10px; height: auto; width: 178px; list-style: none; background: #e0e0df; }
#nav li.sub:hover > ul li {line-height:30px; display: block; float: left;  background-image: none; }
#nav li.sub:hover > ul li a {text-indent: 0px; color:#5f5b5c; float: left; width: 156px; margin: auto; border-bottom: #666 thin solid; font-size: 14px!important; }
#nav li.sub:hover > ul li a:hover {color: #8ca042;}

#nav li.sub ul li a#gallery { border-bottom:none;}

 #nav a#home < #nav li.sub:hover{ 
	background-image: none!important;
}




body#home a#nav-link-home,
body#soc-awareness a#nav-link-soc_awareness,
body#creative a#nav-link-creative,
body#contact a#nav-link-contact {
	background-position: 0 -120px;
	}

body#gallery li.sub .nolink,
body#about li.sub .nolink
 {
	background-position: 0 -41px;
}




#footer {
	margin: auto;
	width: 850px;
	padding: 30px 0 20px 0;
	clear: both;

	}


#footer p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	margin: 0 0 0 270px;
	clear: both;
	}
	

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