/**
* --------------------------------------------------------------------------------------
* Master CSS
* ----------------------------------------------------
* Modified    March 4, 2009 by Bree
* @author     Bree Emmerson <bree@navigatormm.com>
* ----------------------------------------------------
*/

/* RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, /*table, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: separate;
	border-spacing: 0;
}*/
h1 span {
	display:none;
}

/* GLOBAL CLASSES
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear: both;
}

.clear {clear:both;}

.hidden {display:none;}
	
.floatLeft {float:left;}

.floatRight {float:right;}

.imgRight {
	margin:4px 0px 4px 10px;
	float:right;
}

.imgLeft {
	margin:4px 10px 4px 0px;
	float:left;
}
	
.textLeft {text-align:left;}

.textRight {text-align:right;}

.textCenter {text-align:center;}

.bold {font-weight:bold;}

.italic {font-style:italic;}

/* TYPOGRAPHY
--------------------------------------------------------------------------------------- */
p {
	color: #fff;
	margin: 0px 0px 18px 0px;
	line-height: 18px;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #83835a;
	text-decoration: none;
	font-weight:bold;
}

h2 {
	color:#FFF;
	font-size:16px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.full ul{
	margin:				0px 0px 14px 30px;
	
	list-style:			disc;
	color: #fff;
	}
	
.full ol{
	margin:				0px 0px 14px 30px;
	
	list-style:			decimal;
	color: #fff;
	}	
/* GLOBAL
--------------------------------------------------------------------------------------- */
body {
	background:url(../../images/interface/background.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
}
.wrapper {
	width: 898px;
	position: relative;
	padding: 0px;
	margin:0px auto;
	border:1px solid #000;
	z-index:10;
}

.header {
	height: 100px;
	width: 898px;
	position: relative;
	margin: 15px auto 0px auto;
	z-index: 200;
	text-align: center;
}

/*----------- Navigation Section -------- */
.navigation-wrapper {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	display: block;
	width: 898px;
}

.navigation {
	height:					25px;
	width:					auto;
	background:				url(../../images/interface/navigation.gif) no-repeat;
	z-index:				30;
}
.navigation ul {
	height:					25px;
	width:					898px;
	display:				block;
}
.navigation ul li {
	margin:					0px;
	padding:          		0px;
	position:				absolute;
	float:					left;
	list-style-type:		none;
}
.navigation ul li span {
	display:				none;
}
.navigation ul li a {
	height: 				25px;
	display: 				block;
}
.brides {
	left:0px;
	width:45px;
}
.bridesmaids {
	left:60px;
	width:80px;
}
.gradgowns {
	left:153px;
	width:85px;
}
.bliss-experience {
	left:250px;
	width:107px;
}
.services {
	left:370px;
	width:55px;
}
.our-team {
	left:441px;
	width:75px;
}
.testimonials {
	left:530px;
	width:90px;
}
.events {
	left:635px;
	width:50px;
	background: url(../../images/blinkingevents_2.gif) no-repeat;
}
.videos {
	left:700px;
	width:50px;
}
.vendors {
	left:763px;
	width:63px;
}
.contact {
	left:840px;
	width:60px;
}
.brides a:hover, .brides .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -0px -25px no-repeat;
}
.bridesmaids a:hover, .bridesmaids .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -60px -25px no-repeat;
}
.gradgowns a:hover, .gradgowns .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -153px -25px no-repeat;
}
.bliss-experience a:hover, .bliss-experience .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -250px -25px no-repeat;
}
.services a:hover, .services .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -370px -25px no-repeat;
}
.our-team a:hover, .our-team .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -441px -25px no-repeat;
}
.testimonials a:hover, .testimonials .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -530px -25px no-repeat;
}
.events a:hover, .events .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -635px -25px no-repeat;
}

.videos a:hover, .videos .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -700px -25px no-repeat;
}

.vendors a:hover, .vendors .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -763px -25px no-repeat;
}

.contact a:hover, .contact .selected {
	color:#FFF;
	background:transparent url(../../images/interface/navigation.gif) -840px -25px no-repeat;
}


/* DROP DOWNS
--------------------------------------------------------------------------------------- */
.navigation li ul {
	width:155px;
	height: auto;
	font-size: 12px;
    	position:absolute;
    	top:22px;
    	left:0px;
    	display:none;
    	background: url(../../images/interface/dropdown-bg.png);
	padding:0px 4px 0px 4px;
	z-index:40;
	border-bottom:1px #30302e solid;
	text-align: left;
}

.navigation li ul li {
	margin:0px 0px 0px 0px;
	float:left;
	position:relative;		
}

.navigation li ul li a {
	text-decoration:none;
	width:150px;
	padding:2px 4px 2px 0px;
	display:block;
	color: #3d3d3a;
}

.navigation li ul li a:hover {
	background: url(../../images/interface/dropdown-bg.png);
}
.navigation li.blinking {
	background: url(../../images/blinkingevents.gif);
	padding:1px;
}

/* SEARCH
--------------------------------------------------------------------------------------- */

#searchcontainer {
	width: 203px;
	border: 1px solid #1f1f1f;
	position: absolute;
	top: 8px;
	padding: 5px;
	color: #fff;
	font-size: 9pt;
	z-index: 99;
}

#searchcontainer .menu {
	background: #6f6f6a;
	color: #fff;
	font-size: 9pt;
	border: 1px solid #000;
}

#search {
	width: 193px;
	height: 20px;
	border: 1px solid #1f1f1f;
	background: #6f6f6a;
	position: relative;
	margin-top: 5px;
}

#search input {
	background: none;
	border: none;
	width: 175px;
	height: 14px;
	color: #FFF;
	padding: 3px;
}

#search .search-btn {
	position: absolute;
	top: 1px;
	right: 8px;
}

#search .submit {
	background:url(../../images/search-btn.gif) no-repeat;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
}

/* CONTENT
--------------------------------------------------------------------------------------- */
.contentWrapper {
	background:#262624;
	position:relative;
	border-top:1px #262624 solid;
	height:532px;
	z-index:20;
}

.topImage {
	width:898px;
	height:133px;
	border-bottom:1px #262624 solid;
}

.sideImage {
	width:299px;
	height:398px;
	float:left;
}

.contentArea {
	/*width:599px;
	height:398px;*/
	float:right;
}

.full {
	color: #fff;
	/*width:898px;
	height:398px;*/
}


.container {
	padding:30px;
}

.title {
	margin:0px 0px 30px 0px;
}

.subtitle {
	color:#FFF;
	font-size:16px;
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 0px;
}

.vendors {
	color:#FFF;
	font-size:16px;
}


/* Gallery Pages --------------------------------------------------------------------------------*/
.subGallery {
	width:234px; 
	height:472px;
	float:left;
	background:#30302e;
	padding:60px 0px 0px 0px;
}

	.subGallery .dressTitle {
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		padding:0px 0px 0px 0px;
		margin:20px 0px 10px 10px;
	}
	
	.subGallery .dressList {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	
		.subGallery .dressList li {
			padding:3px 0px 3px 20px;
			margin:0px 0px 0px 0px;
			border-bottom:1px solid #262624;
		}
		
			.subGallery .dressList li a {
				font-weight:normal;
				font-size: 11px;
			}

.galleryMain {
	width:604px; 
	height:502px;
	float:right;
	padding:30px 30px 0px 30px;
}

.searchMain {
	width:850px; 
	height:502px;
	padding:10px 30px 0px 30px;
	position: relative;
}

#display {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position: relative;
	height: 510px;
	width: 600px;
}

#displaysearch {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position: relative;
	height: 510px;
	width: 850px;
	overflow: hidden;
}

#display .side0 {min-width:49%; text-align:left; margin-right:5px; float:left; height: 455px; width: 285px; display: block;}
#display .side1 {min-width:49%; text-align:left; float:right; height: 455px; width: 285px; display: block;}
#display .searchside0 {min-width:32%; margin-right:10px; float:left; height: 300px; width: 260px; display: block;}
#display .searchside1 {min-width:32%; margin-right:10px; float:left; height: 300px; width: 260px; display: block;}
#display .searchside2 {min-width:32%; float:left; height: 300px; width: 260px; display: block;}
#display .smpic {margin: 5px 5px 0 0;}
#display .searchitem {color:#fff;width:180px;text-align:left;margin:5px;padding:5px;border:1px solid #888;float:left;overflow:hidden;}
#display .searchmsg {color:#fff; clear:both;margin-bottom:15px;padding-top:15px;}

/* Page Numbers */
#display #display-page {width:300px; margin:20px auto; position: absolute; bottom: 0px; left: 150px; z-index: 30;}
#display #display-page li{ list-style:none; float:left; margin-right:4px; text-align:center;}
#display #display-page a{color:#000; text-decoration:none; width:16px; height:18px; display:block; background-color:#FFFFFF; font-weight:normal;}
#display #display-page a:hover{background-color:#6f6f6a; color:#FFF;}
#display #display-page .txt {color:#FFF; text-decoration:none; width:auto; height:auto; border: none; background:none;}
#display #display-page .txt:hover {color:#FFF; text-decoration:none; width:auto; height:auto; border: none; background:none;}
#display #display-page span{font-weight:bold; color:#000; text-decoration:none; font-size: 125%; width:18px; height:18px; display:block; background-color:#555; color:#FFF;}

.detailsImage {
	width:425px;
	height:532px;
	float:left;
	background:#30302e;
}

.detailsInformation {
	width:472px;
	height:532px;
	float:right;
}

.text{
	height:259px;
	padding:20px;
	position:relative;
}

	.printPageBtn {
		width:76px;
		height:13px;
		position:absolute;
		top:20px;
		right:5px;
	}
	
	.bookAppointmentBtn {
		width:151px;
		height:13px;
		position:absolute;
		top:43px;
		right:5px;
	}

.descriptionPull {margin-top:30px; color:#FFF; line-height:18px;}

#minipics{padding:10px; text-align:center;}

.galleryButtons {
	width:472px;
	height:15px;
	position:relative;
}

	.prevBtn {width:43px; height:15px; position:absolute; top:0px; left:10px;}
	.mainBtn {width:119px; height:15px; position:absolute; top:0px; left:170px;}
	.nextBtn {width:43px; height:15px; position:absolute; top:0px; right:10px;}


/* Team Page ------------------------------------------------------------------------------------*/
.topTeamImage {
	width:898px;
	height:229px;
	border-bottom:1px #262624 solid;
}

.staffNames {
	width:898px;
	height:30px;
	position:relative;
}

	.staffNames .staff1  {position:absolute; top:5px; left:80px;}
	.staffNames .staff2  {position:absolute; top:5px; left:180px;}
	/*.staffNames .staff3  {position:absolute; top:5px; left:245px;}*/
	.staffNames .staff4  {position:absolute; top:5px; left:280px;}
	.staffNames .staff5  {position:absolute; top:5px; left:370px;}
	.staffNames .staff6  {position:absolute; top:5px; left:465px;}
	.staffNames .staff7  {position:absolute; top:5px; left:560px;}
	.staffNames .staff8  {position:absolute; top:5px; left:650px;}
	.staffNames .staff9  {position:absolute; top:5px; left:750px;}
	.staffNames .staff10 {position:absolute; top:5px; left:790px;}


.sideTeamImage {
	width:201px;
	height:302px;
	float:left;
}

.teamContentArea {
	width:697px;
	height:302px;
	float:right;
}

	.teamContentArea .writeUp {
		height:150px;
	}

.buttons {
	width:637px;
	height:17px;
	position:relative;
}

	.previous {position:absolute; top:0px; left:0px;}
	.main     {position:absolute; top:3px; left:250px;}
	.next     {position:absolute; top:0px; right:0px;}

/* Contact Page ---------------------------------------------------------------------------------*/

.formStyles {
	width:490px;
	height:120px;
	color:#fff;
	font-size:14px;
	background:url(../../images/interface/contact-form-bg.gif) no-repeat;
	padding:10px 0px 0px 5px;
	margin:0px auto;
	position:relative;
}

.submitBtn {
	width:71px;
	height:21px;
	position:absolute;
	top:110px;
	right:30px;
}

.map {
	width:503px;
	height:372px;
	margin:0px auto;
}

/* Book Appointments Page ------------------------------------------------------------------------*/

.weddingDate {
	width:522px;
	height:72px;
	background:url(../../images/interface/wedding-date-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:30px 0px 0px 5px;
	margin:0px auto;
}

.address {
	width:522px;
	height:103px;
	background:url(../../images/interface/address-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:30px 0px 0px 5px;
	margin:0px auto;
}

.requestedTime {
	width:522px;
	height:72px;
	background:url(../../images/interface/requested-time-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:30px 0px 0px 5px;
	margin:0px auto;
}

.contactInformation {
	width:522px;
	height:103px;
	background:url(../../images/interface/contact-information-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:30px 0px 0px 5px;
	margin:0px auto;
}

.shoppingFor {
	width:522px;
	height:103px;
	background:url(../../images/interface/shopping-for-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:20px 0px 0px 5px;
	margin:0px auto;
}

.extras {
	width:522px;
	height:72px;
	background:url(../../images/interface/extras-bg.gif) no-repeat;
	color:#fff;
	font-size:14px;
	padding:30px 0px 0px 5px;
	margin:0px auto;
}


/* Footer ---------------------------------------------------------------------------------------*/
.footer {
	height:40px;
	width:888px;
	position:relative;
	padding:5px;
	margin:0px 0px 0px 0px;
	background:#30302e url(../../images/store-hours-bg.gif) no-repeat;
	color:#CCC;
	border-top:1px #262624 solid;
	font-size:12px;
	line-height: 18px;
}

.footer a {
	color:#30302e;
	font-size: 14px;
	display: block;
	border: 1px solid #FFF;
	padding: 5px;
}

.footer a:hover {
	color:#FFF;
}

.footer span {
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}

.copyright {
	width:898px;
	margin:10px auto;
	font-size:9px;
	color:#878782;
	font-weight:bold;
}

.copyright a {
	color:#878782;
}

.copyright a:hover {
	color:#fff;
}