@import url('reset.css');
@import url('typography.css');

html body {  
    background-color: #2d1719;  
    margin: auto;  
    width: 1100px;
text-align: center

} 

div#container {
position: relative;
text-align: left;
width: 1100px
}

div#header {
	width: 1100px;
	height: 150px
}

div#logo {
        float: left;
	margin-top: 10px;
	margin-left: 125px
}

div#login {
	position: absolute;
	float: left;
	top: 20px;
	margin-left: 900px
}

div#content {
        float:left;
	width: 904px;
	margin-left: 98px;
	overflow: hidden
}

ul#menu01 {
position: absolute;
top:160px;
margin-left: 15px
}

ul#menu01 li {
	float: left;
	height: 30px;
	width: 103px
}

ul#menu01 li a {
	display: block;
	text-indent: -9000px;
	width: 100%;
	height: 100%
}

ul#menu01 li#home {
	background-position: 0px 0px;
	background: url('../images/home.gif')
}

ul#menu01 li#home:hover {
	background-position: 0px -35px;
}

ul#menu01 li#home.current {
	background-position: 0px -70px;
}

ul#menu01 li#gallery {
	background-position: 0px 0px;
	background: url('../images/gallery.gif')
}

ul#menu01 li#gallery:hover {
	background-position: 0px -35px;
	
}

ul#menu01 li#gallery.current {
	background-position: 0px -70px;
	
}

ul#menu01 li#pricing {
	background-position: 0px 0px;
	background: url('../images/pricing.gif')
}

ul#menu01 li#pricing:hover {
	background-position: 0px -35px;
}

ul#menu01 li#pricing.current {
	background-position: 0px -70px;
}

ul#menu01 li#about_me {
	background-position: 0px 0px;
	background: url('../images/about_me.gif')
}

ul#menu01 li#about_me:hover {
	background-position: 0px -35px;
}

ul#menu01 li#about_me.current {
	background-position: 0px -70px;
}

ul#menu01 li#contact {
	background-position: 0px 0px;
	background: url('../images/contact.gif')
}

ul#menu01 li#contact:hover {
	background-position: 0px -35px;
}

ul#menu01 li#contact.current {
	background-position: 0px -70px;
}

ul#menu01 li#blog {
	margin-left: 250px;
	background-position: 0px 0px;
	background: url('../images/blog.gif')
}

ul#menu01 li#blog:hover {
	background-position: 0px -35px;
}

ul#menu01 li#blog.current {
	margin-left: 250px;
	background-position: 0px -70px;
}

div#menu_bar {
	margin-top:40px;
	height: 30px;
	width: 904px;
	background: #dc59a3
}

img#border_left {
	float: left;
	position: absolute;
	top: 190px
}

img#border_right {
	float: right;
	margin-left: 893px;
	position: absolute;
	top: 190px
}

div#featured {
        margin-top: -25px;
	width: 900px;
	height: 550px;
	border: 2px solid #dc59a3;
	background: #391f21
}

div#featured_menu {
	width: 900px;
	height: 50px;
}

ul#gallery_menu {
margin-left: 15px;
}

ul#gallery_menu li {
	float: left;
	height: 50px;
	width: 120px;
	margin-right: 20px;
}

ul#gallery_menu li a {
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9000px;
}

ul#gallery_menu li#newborns {
	background-position: 0px 0px;
	background: url('../images/newborns.gif');
}

ul#gallery_menu li#newborns:hover, ul#gallery_menu li#newborns.current {
	background-position: 0px -55px;
}

ul#gallery_menu li#babies {
	background-position: 0px 0px;
	background: url('../images/babies.gif');
}

ul#gallery_menu li#babies:hover, ul#gallery_menu li#babies.current {
	background-position: 0px -55px;
}

ul#gallery_menu li#toddlers {
	background-position: 0px 0px;
	background: url('../images/toddlers.gif');
}

ul#gallery_menu li#toddlers:hover, ul#gallery_menu li#toddlers.current {
	background-position: 0px -55px;
}

ul#gallery_menu li#kids {
	background-position: 0px 0px;
	background: url('../images/kids.gif');
}

ul#gallery_menu li#kids:hover, ul#gallery_menu li#kids.current {
	background-position: 0px -55px;
}

ul#gallery_menu li#families {
	background-position: 0px 0px;
	background: url('../images/families.gif');
}

ul#gallery_menu li#families:hover, ul#gallery_menu li#families.current {
	background-position: 0px -55px;
}

ul#gallery_menu li#couples {
	background-position: 0px 0px;
	background: url('../images/couples.gif');
}

ul#gallery_menu li#couples:hover, ul#gallery_menu li#couples.current {
	background-position: 0px -55px;
}

div#featured_gallery {
	width: 900px;
	height: 500px;
	background: #000000;
}


div#featured_left {
	float: left;
	width: 100%;
	padding: 20px;
}

div#featured_right {
	position: absolute;
	margin-left: 420px;
	float: right;
	width: 400px;
	height: 470px;
	padding: 40px;
	overflow: auto;
}
 p.prices {
	 text-align: center;
 }

div#footer {
margin-top: 600px;
width: 1100px;
height: auto
}

p#footer_text {
	margin-left: 120px;
	font-size: 12px
}