@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width:100%;
		height:100%;
		text-align:center;
}
#container {
	width: 899px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 55px auto 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height: 40px;
	margin-bottom: 26px;
}
#nav {
	float:right;
}
/* nav rolovers */
#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	line-height: 16px;
}
#navcontainer a {
	color: #000;
	text-decoration: none;
	display: block;
}
#navcontainer #galleries {
	width: 78px;
}
#navcontainer #galleries a {
	background: url(../images/galleries.gif) no-repeat;
}
#navcontainer #galleries a:hover {
	background: url(../images/galleries.gif) no-repeat 0px -21px;
}
#navcontainer #about {
	width: 62px;
}
#navcontainer #about a {
	background: url(../images/about.gif) no-repeat;
}
#navcontainer #about a:hover {
	background: url(../images/about.gif) no-repeat 0px -21px;
}
#navcontainer #contact {
	width: 75px;
}
#navcontainer #contact a {
	background: url(../images/contact.gif) no-repeat;
}
#navcontainer #contact a:hover {
	background: url(../images/contact.gif) no-repeat 0px -21px;
}
#navcontainer #client {
	width: 85px;
}
#navcontainer #client a {
	background: url(../images/client.gif) no-repeat;
}
#navcontainer #client a:hover {
	background: url(../images/client.gif) no-repeat 0px -21px;
}
#mainContent {
	margin-top: 30px;
	width: 899px;
}
/*secondary navigation*/

#sec_nav {
	width: 84px;
	margin: 0px 0 0 816px;
	padding:0px;
}
#sec_nav_about {
	width: 96px;
	margin: 0px 0 0 804px;
	padding:0px;
}

ul {
		margin:0;
		padding:0;
}
#sec_nav ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 23px;
	width: 84px;
}
#sec_nav_about ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 23px;
	width: 96px;
}
#sec_nav a {
	color: #000;
	text-decoration: none;
	display: block;

}
#sec_nav_about a {
	color: #000;
	text-decoration: none;
	display: block;

}

.sec_weddings a {
	background: url(../images/sec_nav.gif) no-repeat 5px top;	
}
.sec_weddings a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px 0px;
}
.sec_portraits a {
	background: url(../images/sec_nav.gif) no-repeat 5px -23px;
}
.sec_portraits a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px -23px;
}
.sec_kids a {
	background: url(../images/sec_nav.gif) no-repeat 5px -46px;
}
.sec_kids a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px -46px;
}
.sec_antiques a {
	background: url(../images/sec_nav.gif) no-repeat 5px -69px;
}
.sec_antiques a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px -69px;
}
.sec_others a {
	background: url(../images/sec_nav.gif) no-repeat 5px -92px;
}
.sec_others a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px -92px;
}
.sec_wall a {
	background: url(../images/sec_nav.gif) no-repeat 5px -115px;
}
.sec_wall a:hover {
	background:url(../images/sec_nav.gif) no-repeat -80px -115px;
}

/*sec nav about */

.sec_bio a {
	background: url(../images/sec_nav_about.gif) no-repeat 5px top;	
}
.sec_bio a:hover {
	background:url(../images/sec_nav_about.gif) no-repeat -91px 0px;
}
.sec_testimonials a {
	background: url(../images/sec_nav_about.gif) no-repeat 5px -23px;
}
.sec_testimonials a:hover {
	background:url(../images/sec_nav_about.gif) no-repeat -91px -23px;
}
.sec_rates a {
	background: url(../images/sec_nav_about.gif) no-repeat 5px -46px;
}
.sec_rates a:hover {
	background:url(../images/sec_nav_about.gif) no-repeat -91px -46px;
}
.sec_services a {
	background: url(../images/sec_nav_about.gif) no-repeat 5px -69px;
}
.sec_services a:hover {
	background:url(../images/sec_nav_about.gif) no-repeat -91px -69px;
}
.sec_links a {
	background: url(../images/sec_nav_about.gif) no-repeat 5px -92px;
}
.sec_links a:hover {
	background:url(../images/sec_nav_about.gif) no-repeat -91px -92px;
}



/* end scondary nav*/

/* home page main image rollovers */
#kids, #antiques {
	width: 215px;
	height: 450px;
	margin-right: 19px;
	float:left;
}
#kids a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: url(../images/kids_home.jpg) no-repeat;
}
#kids a:hover {
	text-decoration:none;
	background: url(../images/kids_home.jpg) no-repeat -215px 0px;
}
#antiques a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: url(../images/antiques_home.jpg) no-repeat;
}
#antiques a:hover {
	text-decoration:none;
	background: url(../images/antiques_home.jpg) no-repeat -215px 0px;
}
#weddings, #portraits {
	width: 430px;
	height: 215px;
	margin-bottom: 19px;
	float:right;
}
#weddings a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: url(../images/weddings_home.jpg) no-repeat;
}
#weddings a:hover {
	text-decoration:none;
	background: url(../images/weddings_home.jpg) no-repeat 0px -215px;
}
#portraits a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: url(../images/portraits_home.jpg) no-repeat;
}
#portraits a:hover {
	text-decoration:none;
	background: url(../images/portraits_home.jpg) no-repeat 0px -216px;
}
#content {
	width: 484px;
	float: left;
}

#footer {
	clear:both;
	margin-top: 49px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	clear:both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear {
	clear:both
}
div#flashcontent {
	margin-bottom: 27px;
	}
	
/* PNG fix */
<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>