/* @override http://www.creativemagma.com/cotyowens/www/style.css */

/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-color: #d3cbb4;
}

#wrap {
	margin: 0px;
	padding: 0px;
	background-color: #d3cbb4;
}

body {
	color: #d3cbb4;
}

#headwrap {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

#headwrap #blueline {
	background: #263a58;
	height: 25px;
}

#headerphone {
	height: 25px;
	margin-right:60px;
	background: url(images/phone.gif) no-repeat right top;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 160px;
	background: url(images/header.jpg) no-repeat;
}

#top {
	background: #263A58;
	margin: 0;
	padding: 0;
}

#nav {
	height: 45px;
	width: 650px;
	margin-top: 115px;
	float: right;
	margin-right: 10px;
	background: url(images/header-bg.gif) repeat-x;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	display: inline;
	font: 17px Geneva, "Helvetica Neue", Arial, Helvetica, "Abadi MT Condensed Light", sans-serif;
}

#nav li.ho, #nav li.ho a, #nav li.ho a:visited {
	background: url(images/nav-home.jpg) no-repeat left top;
	width: 85px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.ho a:hover {
	background: url(images/nav-home-o.jpg) no-repeat left top;
	width: 85px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul li.hoactive {
	background: url(images/nav-home-o.jpg) no-repeat left top;
	width: 85px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.ab, #nav li.ab a, #nav li.ab a:visited {
	background: url(images/nav-about.jpg) no-repeat left top;
	width: 108px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav li.ab a:hover {
	background: url(images/nav-about-o.jpg) no-repeat left top;
	width: 108px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav ul li.abactive {
	background: url(images/nav-about-o.jpg) no-repeat left top;
	width: 108px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav li.se, #nav li.se a, #nav li.se a:visited {
	background: url(images/nav-services.jpg) no-repeat left top;
	width: 101px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.se a:hover {
	background: url(images/nav-services-o.jpg) no-repeat left top;
	width: 101px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul li.seactive {
	background: url(images/nav-services-o.jpg) no-repeat left top;
	width: 101px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.ph, #nav li.ph a, #nav li.ph a:visited {
	background: url(images/nav-photos.jpg) no-repeat left top;
	width: 106px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav li.ph a:hover {
	background: url(images/nav-photos-o.jpg) no-repeat left top;
	width: 106px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav ul li.phactive {
	background: url(images/nav-photos-o.jpg) no-repeat left top;
	width: 106px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}


#nav li.cr, #nav li.cr a, #nav li.cr a:visited {
	background: url(images/nav-credentials.jpg) no-repeat left top;
	width: 124px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.cr a:hover {
	background: url(images/nav-credentials-o.jpg) no-repeat left top;
	width: 124px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul li.cractive {
	background: url(images/nav-credentials-o.jpg) no-repeat left top;
	width: 124px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li.co, #nav li.co a, #nav li.co a:visited {
	background: url(images/nav-contact.jpg) no-repeat left top;
	width: 89px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav li.co a:hover {
	background: url(images/nav-contact-o.jpg) no-repeat left top;
	width: 89px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#nav ul li.coactive {
	background: url(images/nav-contact-o.jpg) no-repeat left top;
	width: 89px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#middle {
	background: url(images/middle-bg.gif) repeat-x top;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
}

#contentwrap {
	width: 1005px;
	background: url(images/content-bg.gif) repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 0;
}

div.contentleft {
	width: 500px;
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3a3a3a;
	padding-left: 25px;
	float: left;
}

div.contentall {
	width: 800px;
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3a3a3a;
	margin-left:auto;
	margin-right:auto;
	padding: 25px;
	float: left;
}

div#contentarea {
	margin: 0;
	padding: 0;
	
}
div#contentareaGallery {
	margin: 0;
	padding: 0;
	height: 1400px;
}
div#contentareaContact {
margin-right:auto;
margin-left:auto;
	padding: 0;
	height: 1000px;
}

div.contentleft h2 {
	margin: 0;
	padding-top: 15px;
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* ---------------------------Index Page / Rightside Div------------------------------ */

div.indexright {
	width: 450px;
	float: left;
	background: url(images/index-right-bg.jpg) no-repeat 0 25px;
	height: 400px;
}

div.indexright h2 {
	padding-top: 15px;
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 110px;
}

div.indexright ul {
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3a3a3a;
	list-style-type: none;
	margin-left: 75px;
}

div.indexright ul li {
	width: 250px;
	margin-bottom: 5px;
	background: url(images/accept.png) no-repeat;
	padding-left: 18px;
}

/* ---------------------------Page(s) / Rightside Div------------------------------ */

div.right {
	width: 450px;
	float: left;
	background-image: none;
}

div.right h2 {
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 25px;
}

div.right ul {
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3a3a3a;
	list-style-type: none;
	margin-left: 75px;
}

div.right ul li {
	width: 250px;
	margin-bottom: 5px;
	background: url(images/accept.png) no-repeat;
	padding-left: 18px;
}

/* ---------------------------Contact Page / Rightside Div------------------------------ */

div.contactright {
	width: 450px;
	float: left;
	height: 400px;
	padding-left: 15px;
}

div.contactright h2 {
	padding-top: 15px;
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

/* ---------------------------Photo Page / Rightside Div------------------------------ */

div.photoright {
	width: 450px;
	float: left;
	background: url(images/index-right-bg.jpg) no-repeat 0 25px;
	height: 400px;
}

div.photoright h2 {
	padding-top: 15px;
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 110px;
}

.class {
	clear: both;
}

div.test {
	clear: both;
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3a3a3a;
	padding-left: 25px;
}

div.test h2 {
	margin: 0 25px 0 0;
	padding-top: 15px;
	color: #4e5e76;
	font: 16px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-bottom-style: solid;
	border-bottom-color: #d3cbb4;
}

h2 a {
	color: #4e5e76;
	text-decoration: none;
}

h2:hover {
	text-decoration: underline;
}

div.test img {
	float: left;
	margin: 0px 15px;
	border: 2px solid #263a58;
}

div.test ul {
	list-style-type: none;
}

div.test ul li {
	display: block;
	width: 350px;
	float: left;
	padding-right: 15px;
}

.italic {
	font: italic 13px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #263a58;
}

div.test ul li.italic span.quote {
	color: #f26522;
}

div.test ul li p {
	font-weight: normal;
	font-style: normal;
}

div#bottom {
clear:both;
	height: 17px;
	background: #d3cbb4 url(images/content-bottom-bg.gif) no-repeat;
}

div#blackline {
	height: 10px;
	background-color: #131313;
	margin-top: 5px;
}

div#footerwrap {
	height: 35px;
	background-color: #263a58;
	margin-top: 5px;
}

div#footer {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}

div#footer a:link, div#footer a:visited {
	color: #f1f1f1;
	text-decoration: none;
}

div#footer a:hover {
	color: #f1f1f1;
	text-decoration: underline;
}

#footer div.leftfoot {
	width: 300px;
	float: left;
	margin-left: 15px;
	color: #f1f1f1;
	font: 12px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#footer div.rightfoot {
	width: 300px;
	float: right;
	color: #f1f1f1;
	font: 12px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-align: right;
	margin-right: 15px;
}

div#creditwrap {
	width: 1024px;
	height: 27px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/cmagma.jpg) no-repeat 970px;
	text-align: right;
	font: 12px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #263a58;
	padding-right: 25px;
	margin-top: 5px;
}

div#creditwrap a:link, div#creditwrap a:visited {
	color: #263a58;
	text-decoration: none;
}

#creditwrap div.credit {
	padding-right: 65px;
	padding-top: 5px;
}

form#contactform {
	margin-top: 10px;
}

#contactform label {
	width: 75px;
	color: #666;
	font: 13px Verdana, "Lucida Grande", Lucida, sans-serif;
	float: left;
}

input{
	margin-bottom: 15px;
}
#gallery{
float:left;
margin-top:0px;
margin-bottom:0px;
padding:0px;
margin-left:auto;
margin-right:auto;

}
#gallery ul {
float:left;
margin-left:auto;
margin-right:auto;

}
#gallery li{
float:left;
margin:5px;
}
#gallery img{
border-width:1px;
border-color:#000033;
}
.clear {
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */