/* 	*****************************************
	*   Stylesheet for Ocean State Photography	 	
	*	Copyright  2010 Ananke IT Solutions		
	*   http://www.ananke.com 
	*	sales@ananke.com
	*   Coded by Shawn Boyle
	***************************************** */ 
body {
	line-height: 1.3;
	font-size: small;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #cdcdcd;
	text-align: center;
	background-color:#1a2322;
	overflow: scroll;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 700px;
	text-align: left;
}

#header {
	width: 900px;
}
h1 {
	margin: 30px 0 -30px 15px;
	height: 100px;
	text-decoration:  none;
}
h1 img {
	text-decoration: none;
	border: none;
}
h2 span {
	color: #fff;
}
.hr {
	float: left;
	padding: 25px 0;
}

#main_content {
	border-color: #666666;
	border-width: 3px;
	border-style: double;
	margin: 0 0 0 25px;;
	float: left;
	width: 850px;
	height: 480px;
	background-color: #111111;
	text-align: left;
}
#main_area {
	display: inline;
	border-color: #666666;
	border-width: 3px;
	border-style: double;
	margin: 20px 22px 0 22px;
	float: left;
	width: 625px;
	height: 424px;
	overflow: hidden;
}
#main_area_left {
	margin: 0;
	float: left;
	width: 390px;
	padding: 25px
}
#main_area_left p {
	padding: 0 20px;
}
#main_area_left a {
	color: #fff;
	font-size: 1.2;
	text-decoration: none;
}
#main_area_right {
	margin: 0;
	float: right;
	width: 170px;
	padding: 7px;
}
#slideshow {
    position:relative;
    height:424px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/* contact form */
#contact-wrapper {
	margin: -15px 0 0 0;
	width:375px;
	border:3px double #666666;
	background:#1A2322;
	padding:6px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:3px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}


/* navigation menu */
#nav {
	margin: 0;
	width: 175px;
	height: 4px;
	float: left;
	text-align: left;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	margin: 0;
	list-style: none;
}
#nav li a {

	text-decoration: none;
	color: #666666;
}
#li_about a {
	margin: 0;
	float: left;
	width: 175px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/about.jpg);
	background-repeat: no-repeat;

}
#li_about a:hover{
	background-position: 0 -120px;
}
#li_services a {
	margin: 0;
	float: left;
	width: 175px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/services.jpg);
	background-repeat: no-repeat;

}
#li_services a:hover{
	background-position: 0 -120px;
}
#li_gallery a {
	margin: 0;
	float: left;
	width: 175px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/gallery.jpg);
	background-repeat: no-repeat;

}
#li_gallery a:hover{
	background-position: 0 -120px;
}
#li_contact a {
	margin: 0;
	float: left;
	width: 175px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;

}
#li_contact a:hover{
	background-position: 0 -120px;
}
#footer {
	text-align: center;
	margin: 0;
	float: left;
	width: 900px;
	color: #666666;
}
#footer a {
	text-decoration: none;
	color: #999;
}