/* MJS STUDIOS */
/* LAST UPDATED OCT 2 2009 */

@import url('reset.css');

body {
	font: normal 10pt Helvetica;
	background-color: #80715c;
	}
	
	
a:link, a:active, a:hover, a:visited {
	text-decoration: underline;
	color: #1a8480;
	}

p {
	color: #626057;
	text-shadow: #fff 0 1px 0px;
	font-size: 10pt;
	line-height: 1.5em;
	margin: 10px 0 10px 0;
	}

div#sidenav, a#correspondence_link {
	background-color: #e2decb;
	padding: 10px;
	float: left;
	margin: 0 30px 30px 0;
	border: 1px solid #d7d3c1;
	clear: left;
	}
	
div.nowrap {
		float: right;
		}	
		
div#contact_overview {
		float: left;
		width: 200px;
		border-right: 1px solid #d7d3c1;
		padding-right: 15px;
}

div#contact_form {
		float: right;
		width: 260px;
}
		
div.nowrap#about {
		width: 560px;
}

div.nowrap#photography, div.nowrap#videography, div.nowrap#packages {
	width: 610px;
}

div.nowrap#events {
		width: 580px;
		
}

div.nowrap#eventlibrary {
	width: 580px;
}

a#correspondence_link {
	margin-bottom: 10px;
	background-image: url(../img/email.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding-left: 33px;
	width: 162px;
	clear: left;
}
	
div.media {
	background-color: #e2decb;
	padding: 10px;
	border: 1px solid #d7d3c1;
	}
	
div.package_wrapper {
	background-color: #e2decb;
	padding: 10px;
	margin: 0px 0px 30px 0;
	border: 1px solid #d7d3c1;
	width: 100%;
	position: relative;
	}
	
div#slider {
		width: 800px;
		height: 250px;
		
}

div#slider li {
	padding: 0;
	width: 800px;
	height: 250px;
	padding: 0;
	}
	
div#slider_vid, div#slider_vid li {
		width: 400px;
		height: 260px;
		margin-bottom: 20px;
		margin-top: 20px;
		
}	

	
div#slider li span.author {
	display: block;
	font: bold 12pt Helvetica;
	text-align: right;
	color: #626057;
	text-shadow: #fff 0 1px 0px;
	}
	
div#slider li p {
	font: italic 12pt Georgia;
	line-height: 1.7em;
	background-image: url(../img/quote.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 20px 0 0 20px;
	}
	
span#nextBtn {
		position: relative;
		left: 300px;
}	
	
span#prevBtn {
		position: relative;
		left: 180px;
}

span#prevBtn a, span#nextBtn a {
		padding: 10px;
		background-color: #e2decb;
		border: 1px solid #d7d3c1;
		margin: 7px;
		font-weight: bold;
		font-size: 14pt;
}
	
div#slider li img {
	float: right;
	border: 2px solid #d7d3c1;
	padding: 1px;
	margin: 0 0 5px 7px;
	height: 100px;
	}

div#myGallerySet.photography_gallery {
	border: 1px solid #d7d3c1;
	
	}	

	
hr {
	background-image: url(../img/divider.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 2px;
	width: 540px;
	border: none;
	margin: 30px auto 30px auto;
	display: block;
	}

.price {
	position: absolute;
	top: 13px;
	right: 10px;
	font: bold 14pt Georgia;
	color: #6b695a;
	text-shadow: #fff 0 1px 0;
	}

div.package_wrapper ul li {
	display: inline;
	background-image: url(../img/bullet_arrow.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 2px 0 0 20px;
	margin-right: 20px;
	color: #626057;
	font-weight: bold;
	text-shadow: #fff 0 1px 0px;
	}

h3, div.event h2 {
	font: bold 12pt Helvetica;
	text-shadow: #fff 0 1px 0;
	color: #47453b;
	}
	
h3 span {
	font: italic 12pt Georgia;
	color: #6b695a;
	text-shadow: #fff 0 1px 0;
	padding: 0 0 0 10px;
	}
	
h3 span.caps {
		font: italic 12pt Helvetica;
		text-shadow: #fff 0 1px 0;
		color: #47453b;
		padding: 0;
}
	
div.event h2 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 10pt;
	}	
	
h5 {
	font: italic 20pt Georgia;
	color: #6b695a;
	text-shadow: #fff 0 1px 0;
	background-image: url(../img/package_big.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 40px;
	}	
	
div#sidenav ul li {
	margin: 10px 0 10px 0;
	}
	
div#sidenav ul li a#overview {
	background-image: url(../img/information.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#album_designs {
	background-image: url(../img/book_open.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}

div#sidenav ul li a#photo_galleries {
	background-image: url(../img/photo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#video_galleries {
	background-image: url(../img/film.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#testimonials {
	background-image: url(../img/comment.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#packages {
	background-image: url(../img/package.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#company {
	background-image: url(../img/building.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#question {
	background-image: url(../img/question.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#sidenav ul li a#lock {
	background-image: url(../img/lock.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
	}

div#sidenav ul li a#map {
	background-image: url(../img/world.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
	}

div#sidenav ul li a#blog {
	background-image: url(../img/blog.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
	}


.wrapper {
	width: 800px;
	margin: 0 auto;
	}

#corner_ribbon {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background-image: url(../img/corner_ribbon.png);
	height: 180px;
	width: 206px;
	}

#header {
	margin: 0;
	padding: 0;
	background-color: #1c817f;
	border-bottom: 7px solid #20a39f;
	background-image: url(../img/sunrise.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	}
	
#header .wrapper {
	height: 120px;
	background-image: url(../img/spotlight_header.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 15px 0 0 0;
	}
	
a#payment, a#interactive_gallery {
	display: block;
	width: 115px;
	height: 24px;
	float: right;
	background-image: url(../img/bg_payment.png);
	padding: 8px 0 0 50px; 
	}
	
a#interactive_gallery {
	background-image: url(../img/bg_interactive_gallery.png);
	padding-left: 40px;
	width: 125px;
	margin-right: 25px;
	}
	
a#payment, a#interactive_gallery, ul#nav a {
	color: #fff;
	text-shadow: #115a5a 1px 1px 1px;
	text-decoration: none;
	}
ul#nav a:hover {
	text-decoration: underline;
	}

ul#nav {
	float: right;
	display: block;
	height: 33px;
	width: 480px;
	background-image: url(../img/bg_nav.png);
	padding: 17px 0 0 0;
	margin: 15px 0 0 0;
	text-align: center;
	color: #fff;
	text-shadow: #115a5a 1px 1px 1px;
	clear: right;
	}
	
ul#nav li {
	display: inline;
	margin: 0 8px 0 8px;
	}
	
img#logo {
	margin: 0px 0 0 0;
	float: left;
	}	

#content{
	background-color: #eae6d2;
	border-top: 7px solid #dbd7c1;
	padding: 20px 0 10px 0;
	clear: both;
	background-image: url(../img/content_shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	}

#additional_content{
	background-color: #e5e5c8;
	border-top: 7px solid #dbd7c1;
	padding: 20px 0 40px 0;
	clear: both;
	background-image: url(../img/content_shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	}

	
#footer {
	border-top: 7px solid #635644;
	background-color: #80715c;
	background-image: url(../img/spotlight_footer.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	}
	
#footer .wrapper {
	padding: 40px 0 0 0;
	}	

#footer ul li, #footer li a {
	color: #fff;
	margin: 10px 0 0 0;
	text-shadow: #352e24 0px -1px 0px;
	text-decoration: none;
	}
	
#footer li a:hover {
	text-decoration: underline;
	}

#footer #sitemap, #footer #mjselsewhere {
	float: left;
	}
	
#footer #contactus, #footer #ouraffiliates {
	float: right;
	}
	
#footer #mjselsewhere {
	margin: 0 0 0 70px;
	}
	
#footer #ouraffiliates {
	margin: 0 70px 0 0;
	}
	
#copyright {
	background-image: url(../img/divider.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	padding: 10px 0 0 0;
	width: 540px;
	clear: both;
	margin: 0 auto;
	color: #352e24;
	text-shadow: #aba69e 0px 1px 0px;
	margin-top: 200px;
	}
	
h4 {
	font: bold 12pt Helvetica;
	color: #352e24;
	text-shadow: #aba69e 0px 1px 0px;
	}
	
#bulletin {
	padding: 12px 10px 10px 60px;
	text-align: left;
	background-color: #eae2a0;
	border: 2px solid #eade7a;
	color: #000;
	font-weight: bold;
	background-image: url(../img/notice.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	min-height: 24px;
	margin-bottom: 20px;
	}
	
#homepage_slideshow {
	width: 433px;
	height: 220px;
	background-image: url(../img/frame_homepage.png);
	padding-top: 30px;
	padding-left: 30px;
	float: right;
	}
	
#buttons {
	height: 71px;
	width: 800px;
	margin: 40px 0 40px 0;
	clear: both;
	}
	
#buttons img {
	vertical-align:text-top;
	}
	
#buttons img#callnow {
	float: left;
	}
	
#buttons img#schedule {
	float: right;
	}
	
#buttons img#win {
	float: right;
	margin-right: 25px;
	}
	
h1 {
	font: bold 20pt Helvetica;
	color: #47453b;
	text-shadow: #fff 0px 1px 0px;
	}
	
.service_tease {
	width: 355px;
	margin: 0 0 20px 0;
	}
	
.service_tease p {
	line-height: 1.7em;
	color: #3f3e3a;
	text-shadow: #fff 0 1px 0;
	}	
	
.service_tease#photography {
	float: left;
	
	}

.service_tease a.tease_header {
	background-position: top left;
	background-repeat: no-repeat;
	height: 25px;
	}
	
.service_tease#photography a.tease_header {
	background-image: url(../img/picture.png);
	}
	
.service_tease#videography {
	float: left;
	}
	
.service_tease#videography a.tease_header {
	background-image: url(../img/video.png);
	}
	
.service_tease#testimonials {
	float: right;
	}
	
.service_tease#testimonials a.tease_header {
	background-image: url(../img/users.png);
	}
	
.service_tease#galleries {
	float: right;
	}
	
.service_tease#galleries a.tease_header {
	background-image: url(../img/colorwheel.png);
	}
	
.clear {
	clear: both;
	}
	
h2, .service_tease a.tease_header {
	font: bold 14pt Helvetica;
	color: #000;
	text-shadow: #fff 0px 1px 0px;
	margin: 0 0 10px 0;
	padding: 11px 0 0 40px;
	text-decoration: none;
	}
	
#etc {
	width: 800px;
	height: 60px;
	margin: 0px 0 0 0;
	text-align: center;
	}
	
#etc img {
	margin: 0px 25px 10px 25px;
	}

	
#welcome_video {
	border: 7px solid #c6c3af;
	float: left;
	margin: 0;
	padding: 0;
	height: 237px;
	}
	
div#myGallery.homepage {
	width: 742px;
	height: 192px;
	}
	
div#myGallerySet.photography_gallery {
	width: 800px;
	height: 400px;
	}
	
#myGallery .imageElement, #myGallerySet .imageElement {
	text-shadow: none;
	}
	
#teaser_wrapper {
	background-color: #efecdd;
	padding: 10px;
	}
	
span.blog_date {
	display: block;
	margin: 5px 0 0 0;
	font: italic 10pt Georgia;
	color: #6b695a;
	text-shadow: #fff 0 1px 0;
	}
	
div.blog_entry {
	margin: 0 0 30px 0;
	}
	
div.blog_entry img {
	float: right;
	max-height: 120px;
	padding: 2px;
	border: 2px solid #d7d3c1;
	margin: 0 0 0 10px;
	}

div#map {
	width: 200px;
	height: 130px;
	float: left;
	clear: left;
	}	
	
div.location {
	margin: 0 0 20px 0;
	float: left;
	width: 370px;
	border-bottom: 1px dashed #c6c3af;
	padding: 0 0 20px 0;
	}
	
div.event {
	border-bottom: 1px dashed #c6c3af;
	padding: 0 0 30px 0;
	margin: 0px 0 30px 0;
	}
	
div.event img {
	max-height: 50px;
	max-width: 50px;
	border: 3px solid #c6c3af;
	margin: 0 5px 0 5px;
	}
	
div.event embed {
	float: right;
	padding: 0;
	margin: 0;
	clear: both;
	}
	
div.location img {
	border: 7px solid #c6c3af;
	float: right;
	}
	
div.location div.info {
	float: left;
	}
	
div.location span {
	display: block;
	margin: 5px 0 0 0;
	color: #626057;
	text-shadow: #fff 0 1px 0px;
	font-size: 10pt;
	line-height: 1.5em;
	}
	
div.location span.etc {
	font-style: oblique;
	}
	
div.location span.phone {
	background-image: url(../img/phone.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
div#location_wrapper {
	float: right;
	width: 560px;
	margin-top: 40px;
	}
	
ul.form_list li {	
	font: bold 10pt Helvetica;
	text-shadow: #fff 0 1px 0;
	color: #47453b;
	}
	
ul.form_list ul li a {
	display: block;
	font: normal 10pt Helvetica;

	}
	
	
ul.form_list ul li a.pdf {
	padding-left: 40px;
	background-image: url(../img/file_acrobat.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.check {
	padding-left: 35px;
	background-image: url(../img/checkmark.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.info {
	padding-left: 35px;
	background-image: url(../img/information.png);	
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
	
ul.form_list ul li a.heart {
	padding-left: 35px;
	background-image: url(../img/heart.png);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.book_open {
	padding-left: 38px;
	background-image: url(../img/book_open.png);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.cake {
	padding-left: 35px;
	background-image: url(../img/cake.png);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.date {
	padding-left: 35px;
	background-image: url(../img/date.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.date_new {
	padding-left: 35px;
	background-image: url(../img/date_new.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}
	
ul.form_list ul li a.family {
	padding-left: 38px;
	background-image: url(../img/family.png);
	background-position: 15px 0;
	background-repeat: no-repeat;
	}

strong {
	font-weight: bold;
	}
	
#form {
	float: right;
	width: 490px;
	}
	
em {
	font-style: italic;
	}