/* CSS Document */

body {	
	margin: 0px; 
	background: #242424;
	color: #cccccc;
	font: 13px 'Gill Sans', Arial; 
}

a { color: #ffffff; }

#wrapper {
	margin: 0px auto;
	width: 995px;
	position: relative;
}

#content {
	width: 790px;
	height: 663px;
	float: right;
	padding-top: 45px; 
	color: #fff;
	line-height: 150%;
}

#home #content {  background: url(../_images/bg-home.gif) right top no-repeat; }
#photo #content, #about #content { background: url(../_images/bg-photo.jpg) right top no-repeat; 
	padding: 30px 50px 50px 50px; width: 690px; }
#car #content {   background: url(../_images/bg-car.jpg) right top no-repeat; padding-top: 30px;  }

#menu {
	width: 205px;
	height: 663px;
	float: left;
}

#home #menu {	background: #272525 url(../_images/hms-home.jpg) bottom left no-repeat;  }
#photo #menu {	background: url(../_images/hms-car.jpg) bottom left no-repeat; }
#car #menu {	background: #272525 url(../_images/hms-car.jpg) bottom left no-repeat;  }
#about #menu {	background: #272525 url(../_images/hms-car.jpg) bottom left no-repeat;  }

#menu ul { font: 12px 'Gill Sans', Arial, Helvetica, sans-serif; width: 205px; margin:0px; padding: 32px 0px 0px 0px; list-style: none;}
#menu ul li { text-align: right; padding: 10px 0px }
#menu ul li.about { padding-right: 1px; }
#menu ul li.carriage { padding-right: 7px; }
#menu ul li.photo { padding-right: 9px; }
#menu ul li.makeup { padding-right: 12px; }
#menu ul li.commercial { padding-right: 17px; }
#menu ul li.contact { padding-right: 23px; }

#menu ul li a { text-decoration: none; color: #fff; }
#menu ul li a:hover, #menu ul li a.current { color: #7777A9; }

.left { width: 305px; margin: 0px 0px 0px 80px; float: left; text-align: center;  }
* html .left { margin-left: 40px; }
.right { width: 305px; float: left; margin-left: 50px; text-align: center; }

.frame { background:url(../_images/frame.gif) top left no-repeat; width: 214px; height: 170px; padding: 29px 28px 32px 28px; margin: 0 auto; }
#photo .frame { background: none; width: auto; height: auto; padding: 0px; margin: 0 auto; text-align: center; }
#photo #image, #car .photoprev { border: 5px #ccc solid; width:auto; }
#photo #contactInfo { width: 150px; padding: 10px; position: absolute; top: 285px; left: 40px; background-color: #333333; }

.thumbs { margin: 21px 0px 57px 0px; }
#photo .thumbs { width: 590px; margin: 12px auto 0px auto; }
.thumbs img { margin: 0px 10px; }
#photo .thumbs img { margin: 5px 5px; }


h1 {
	text-align: left;
	font: 21px 'Gill Sans', Arial; 
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#car #content h1 { padding-left: 50px; }


/** CARRIAGE SERVICE PAGE **/
#car h2 { 
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}
#car h3 { 
	margin: 0px;
	padding: 0px 0px 2px 0px;
}
#car p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 115%;
}
#car .thumbs { margin: 21px 0px 45px 0px; }


/** ABOUT US PAGE **/
#about bio { width: 650px; text-align: left; }
#about .bio p, #about .bio i, #about .bio b { font-size: 15px; }
#about .pic, #bios .pic { margin: 0px 10px 8px 0px; border: 5px #ccc solid; }
#bios { padding: 10px 20px; font-size: 14px; }

#footer {
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
}