/*
Name: Big Events Weddings Website
Author: Nick Francis
Questions/Comments: nick@project83.com
Copyright (c)  Big events Wedding. All rights reserved.
*/

/* main styles */
* {
	margin:0;
	padding:0;
}

frameset, fieldset, img {
	border:0;
}

body {
	text-align:center;
	font-size:.8em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#322607;
	background:#ECF5F1 url(../images/bg.gif) repeat-x top left;
}

body#home {
	background:#ECF5F1 url(../images/bg_home.gif) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:770px;
	text-align:left;
}

.clear:after {
	content:".";
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}

.clear {
	display:inline-block;
}

a {
	color:#4B7486;
}

a:hover {
	text-decoration:none;
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display:block;
}
/* End hide from IE-mac */

.float-left {
	float:left;
	padding:5px 15px 15px 0;
}

.float-right {
	float:right;
	padding:5px 0 15px 15px;
}

/* header / navigation / banner */
h1#header {
	text-indent:-9000px;
	width:770px;
	height:154px;
}

h1#header a {
	float:left;
	position:relative;
	width:770px;
	height:154px;
	background:url(../images/header_bg.jpg) no-repeat top left;
}

#navBanner {
	padding:6px 10px 0 10px;
	background:url(../images/navbanner_bg.jpg) no-repeat top left;
}

#navBanner img {
	padding:7px 0 0 0;
}

#navBanner ul {
	position:relative;
	width:750px;
	height:37px;
	border:1px solid #D9CCBA;
	list-style:none;
	background:url(../images/nav_bg.gif) no-repeat top left;
}

#navBanner li {
	float:left;
	display:block;
	text-indent:-9000px;
}

#navBanner li a {
	display:block;
	overflow:hidden;
	height:37px;
	background:#4F9EA3 url(../images/nav_bg.gif) repeat-x top left;
}

li#navHome a {
	width:87px;
	background-position:top left;
}

li#navHome a:hover, li#navHome a:focus, body#home li#navHome a {
	background-position:0 -37px;
}

li#navAbout a {
	width:81px;
	background-position:-87px 0;
}

li#navAbout a:hover, li#navAbout a:focus, body#about li#navAbout a {
	background-position:-87px -37px;
}

li#navServices a {
	width:93px;
	background-position:-168px 0;
}

li#navServices a:hover, li#navServices a:focus, body#services li#navServices a {
	background-position:-168px -37px;
}

li#navGalleries a {
	width:164px;
	background-position:-261px 0;
}

li#navGalleries a:hover, li#navGalleries a:focus, body#galleries li#navGalleries a {
	background-position:-261px -37px;
}

li#navPress a {
	width:71px;
	background-position:-425px 0;
}

li#navPress a:hover, li#navPress a:focus, body#press li#navPress a {
	background-position:-425px -37px;
}

li#navTestimonials a {
	width:139px;
	background-position:-496px 0;
}

li#navTestimonials a:hover, li#navTestimonials a:focus, body#testimonials li#navTestimonials a {
	background-position:-496px -37px;
}

li#navContact a {
	width:115px;
	background-position:-635px 0;
}

li#navContact a:hover, li#navContact a:focus, body#contact li#navContact a {
	background-position:-635px -37px;
}

/* content area */
#contentArea {
	width:770px;
	padding:0;
	background:url(../images/contentarea_bg.gif) no-repeat bottom left;
}

#contentArea div#top {
	padding:35px 0;
	background:url(../images/contentarea_top.gif) no-repeat top left;
}

/* content */
#content {
	float:left;
	width:425px;
	padding:0 0 0 25px;
}

body#galleries #content {
	width:515px;
}

#content h2 {
	color:#441A02;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:1.8em;
	line-height:1.2em;
	margin-bottom:15px;
}

#content h2 span {
	color:#8D7355;
}

#content h3 {
	color:#832B26;
	font-weight:normal;
	font-family:Georgia, Times, serif;
	font-size:1.1em;
}

#content h3 span.brown {
	color:#441A02;
	font-weight:bold;
	font-size:.9em;
	letter-spacing:1px;
	text-transform:uppercase;
}

#content h3#meetStaff {
	text-indent:-9000px;
	width:185px;
	height:46px;
	margin-bottom:15px;
	background:url(../images/meet_staff_bg.gif) no-repeat top left;
}

#content p {
	line-height:1.5em;
	padding:5px 0 15px 0;
}

#content blockquote p {
	padding-bottom:0;
}

#content blockquote p.credit {
	text-align:right;
	font-weight:bold;
}

#content blockquote {
	margin-bottom:15px;
}

#content ul, #content ol {
	margin:5px 0 15px 25px;
}

#content li {
	margin:6px 0;
}

.separator {
	height:6px;
	margin:10px 0 20px 0;
	background:url(../images/separator.gif) repeat-x top left;
}

.testimonial {
	width:410px;
	padding:23px 20px 0 20px;
	background:url(../images/testimonial_bg.gif) repeat-y top left;
}

#contentArea .testimonial p {
	padding:0 0 5px 90px;
}

.testimonial img {
	float:left;
	border:4px solid #F9F4E4;
}

#contentArea .testimonial p {
	color:#6E2327;
	font-family:Georgia, Times, serif;
	font-style:italic;
}

#contentArea .testimonial p.name {
	text-align:right;
}

.testBtm {
	width:450px;
	height:23px;
	background:url(../images/testimonial_btm.gif) no-repeat top left;
}

/* galleries */
#galWrap {
	padding:10px 0 40px 18px;
}

#galWrap a {
	float:left;
	text-indent:-9000px;
	position:relative;
	height:221px;
}

#galWrap a.bridal {
	width:250px;
	background:url(../images/gallery_brides.jpg) no-repeat top left;
}

#galWrap a.rehearsal {
	width:242px;
	background:url(../images/gallery_rehearsal.jpg) no-repeat top left;
}

#galWrap a.wedding {
	width:242px;
	background:url(../images/gallery_weddings.jpg) no-repeat top left;
}

#galleryInfo h2 {
	float:left;
	color:#441A02;
	font-size:1.8em;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

p#status {
	text-align:right;
	font-family:Arial, "Lucida Grande", Verdana, sans-serif;
	color:#6A8583;
	padding:0;
}

#thumbs {
	height:130px;
}

#thumbs a {
	display:inline;
	padding:0 4px;
}

#thumbs a.ltArrow {
	padding:0 2px 0 0;
	float:left;
}

#thumbs a.rtArrow {
	padding:0 0 0 2px;
	float:left;
}

#thumbs img {
	border:2px solid #CAC0A6;
	vertical-align:middle;
}

#thumbs a.ltArrow img, #thumbs a.rtArrow img {
	border:0;
	margin-top:25px;
}

#photo {
	position:relative;
	width:auto;
	text-align:center;
	margin-top:5px;
}

#mainPhoto {
	background:#CAC0A6;
}

#mainPhoto img {
	border-top:5px solid #CAC0A6;
	border-bottom:5px solid #CAC0A6;
	border-left:22px solid #CAC0A6;
	border-right:22px solid #CAC0A6;
}

#photo img.ltArrow, #photo img.rtArrow {
	position:absolute;
	z-index:1;
	top:150px;
	cursor: pointer;
}

#photo img.ltArrow {
	left:0;
}

#photo img.rtArrow {
	right:0;
}

#carousel {
    float: left;
    overflow: hidden;
    margin:0;
    padding:0;
    width: 430px;
    height: 130px;
}
.carousel-component {
	position:relative;
	overflow:hidden;
	visibility:visible;
}

#content .carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
	margin:0;
    padding:0;
}

#content .carousel-component ul.carousel-list li {
	float:left;
	list-style:none;
	overflow:hidden;
	margin:0;
    padding:0;
	width:114px;
	text-align:center;
}

.carousel-component .carousel-clip-region {
	overflow:hidden;
	margin:0px auto;
	position:relative;
}

div#thumbs a.active img {
	border:2px solid #7C311C;
}

/* press section */
#content div.press {
	margin-bottom:12px;
}

#content div.press p {
	padding:4px 0;
}

/* contact form */
fieldset#contactForm {
	margin:20px 0 0 0;
	width:auto;
	border:0;
	}
	
fieldset#contactForm ul {
	margin:0;
	padding:0;
	list-style:none;
	}		

fieldset#contactForm li label {
	float:left;
	clear:right;
	width:95px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}
	
fieldset#contactForm li input, fieldset#contactForm li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#172E17;
	width:250px;
	font-size:100%;
	}
	
fieldset#contactForm li textarea {
	width:300px;
	}		

fieldset#contactForm input#contactsubmit {
	width:auto;
	margin:20px 0 10px 300px;
	padding:3px 5px;
	font-size:110%;
	}

/* sidebar */
#sidebar {
	float:right;
	width:190px;
	padding-right:35px;
}

body#galleries #sidebar {
	width:180px;
	padding-right:20px;
}

body#contact #started {
	display:none;
}

#started h2 {
	text-indent:-9000px;
	width:189px;
	height:78px;
}

#started h2 a {
	float:left;
	position:relative;
	width:189px;
	height:78px;
	background:url(../images/getting_started.jpg) no-repeat top left;
}

#started p {
	text-align:center;
	padding:10px 0;
	font-family:Georgia, Times, serif;
}

#started h3 {
	font-size:1.2em;
	text-align:center;
	padding-bottom:10px;
}

#started h3.email a {
	padding-left:25px;
	background:url(../images/email.gif) no-repeat top left;
}

h2#viewGall {
	margin-top:30px;
	text-indent:-9000px;
	width:181px;
	height:189px;
}

h2#viewGall a {
	width:181px;
	height:189px;
	float:left;
	position:relative;
	background:url(../images/view_galleries.jpg) no-repeat top left;
}

h3.galleries {
	font-family:Georgia, Times, serif;
	color:#322607;
	text-transform:uppercase;
	font-size:.9em;
	letter-spacing:1px;
	margin:10px 0;
}

ul.gallNav {
	margin:0 0 0 15px;
}

ul.gallNav li {
	margin:7px 0;
}

ul.gallNav li a {
	font-family:Georgia, Times, serif;
	text-decoration:none;
	color:#322607;
}

ul.gallNav li a:hover {
	text-decoration:underline;
}

ul.gallNav li.active a {
	color:#7C311C;
	font-weight:bold;
}

h3#rehearsal, h3#weddings, h3#brides {
	text-indent:-9000px;
	width:178px;
	height:143px;
}

h3#rehearsal, h3#weddings, h3#brides {
	margin:20px 0;
}

h3#rehearsal a, h3#weddings a, h3#brides a {
	float:left;
	position:relative;
	width:178px;
	height:143px;
}

h3#rehearsal {
	background:url(../images/sb_rehearsal.jpg) no-repeat top left;
}

h3#weddings {
	background:url(../images/sb_weddings.jpg) no-repeat top left;
}

h3#brides {
	background:url(../images/sb_brides.jpg) no-repeat top left;
}

/* footer */
#footer {
	position:relative;
}

#footer ul {
	padding:5px 0;
	margin-left:160px;
	list-style:none;
}

#footer li {
	float:left;
	font-size:.9em;
	color:#63482F;
}

#footer li a {
	display:block;
	padding:0 10px;
	color:#63482F;
	text-decoration:none;
}

#footer li a:hover, #footer p a:hover {
	text-decoration:underline;
}

#footer p {
	font-size:.9em;
	color:#63482F;
	text-align:center;
	padding:5px 0 20px 0;
}

#footer p a {
	color:#63482F;
	padding-left:20px;
	text-decoration:none;
}

#footer img.logo {
	position:absolute;
	right:10px;
	top:0;
}

#mobile {
	display:none;
}