/*
	Mias Bridal - Main CSS
	Mike Jolley - 2009
*/
@import "reset.css";

/*~~~~~( body / universal )~~~~~~*/
body {
	text-align: center;
	font: 82% Helvetica, Arial, sans-serif;
	line-height:1em;
	background: #FEAACC url(../img/bg.png) repeat top fixed;
	color: #444;
	}
#wrapper {
	background: url(../img/bgtop.png) repeat-x top fixed;
}
#header, #mainNav, #content, #footer, #copyright {
	width: 948px;
	border-left: 4px solid #FAA5C8;
	border-right: 4px solid #FAA5C8;
	margin: 0 auto;
}	
	
#content a, #footer a, #copyright a {
	color: #A52C6C;
	text-decoration: none;
	border-bottom: 1px dashed #E3DEC8;
	}
#content a:hover, #content a:focus, 
#footer a:hover, #footer a:focus,
#copyright a:hover, #copyright a:focus {
	color: #EC6FAB;
	border-color: #EC6FAB;
}
#content .button a {
	border: 0 !important;
}

/*~~~~~( Designer Box )~~~~~~*/
div.designers_box_wrapper {
	border: 1px solid #EFE6BF;
	padding: 0;
	margin: 12px 0;	
}
div.designers_box {
	background: #fff url(../img/base_photo.jpg) no-repeat center center;
	width: 570px;
	height: 808px;
	overflow: hidden;
	position: relative;
}
div.designers_box ul {
	width: 166px;
	height: 788px !important;
	margin: 10px 22px !important;
	float: left;
	display: inline;
	padding: 0 8px 0 8px !important;
	list-style: none !important;
	background: #D9669D url(../img/designers.jpg) no-repeat top left;
}
div.designers_box ul li {
	margin: 0 !important;
	padding: 2px 0 !important;
	line-height: 2em;
	border-top: 1px solid #F099BC;
	border-bottom: 1px solid #DC6DA0;
	float: left;
	width: 166px;
}
div.designers_box ul li.first {
	margin-top: 52px !important;
}	
div.designers_box ul a {
	border: 0 !important;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	font-size: 1.1em;
}
div.designers_box ul a:hover, div.designers_box ul a:focus {
	text-decoration: underline !important;
}
div.designers_box ul li.active {
	background: #D9669D;
}
div.designers_box .blurb {
	position: absolute;
	top:0;
	right:0;
	border-top: 1px solid #F6F5EE;
	margin-top: 164px;
	margin-right: 10px;
	width: 356px;
	background: url(../img/blurb2.png) repeat-y top right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: none;
}
div.designers_box .blurb div {
	background: url(../img/blurb1.png) no-repeat top right;
	padding: 8px 20px;
}
/*~~~~~( Girls  Box )~~~~~~*/
div.girls_box {
	background: url(../img/girls_photo.jpg) no-repeat center center;
	width: 570px;
	height: 491px;
	overflow: hidden;
	position: relative;
}
div.girls_box ul {
	width: 166px;
	height: 471px;
	margin: 10px 22px !important;
	display: inline;
	float: left;
	padding: 0 8px 0 8px !important;
	list-style: none !important;
	background: #D9669D url(../img/girls-column.jpg) no-repeat top left;
}
div.girls_box ul li {
	margin: 0 !important;
	padding: 2px 0 !important;
	line-height: 2em;
	border-top: 1px solid #F099BC;
	border-bottom: 1px solid #DC6DA0;
float: left;
	width: 166px;
}
div.girls_box ul li.first {
	margin-top: 52px !important;
}	
div.girls_box ul a {
	border: 0 !important;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	font-size: 1.1em;
}
div.girls_box ul a:hover, div.girls_box ul a:focus {
	text-decoration: underline !important;
}
div.girls_box ul li.active {
	background: #D9669D;
}
div.girls_box .blurb {
	position: absolute;
	top:0;
	right:0;
	border-top: 1px solid #F6F5EE;
	margin-top: 164px;
	margin-right: 10px;
	width: 356px;
	background: url(../img/blurb2.png) repeat-y top right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: none;
}
div.girls_box .blurb div {
	background: url(../img/blurb1.png) no-repeat top right;
	padding: 8px 20px;
}

/*~~~~~( Mothers Box )~~~~~~*/
div.mothers_box {
	background: url(../img/mothers_photo.jpg) no-repeat center center;
	width: 570px;
	height: 491px;
	overflow: hidden;
	position: relative;
}
div.mothers_box ul {
	width: 166px;
	height: 471px;
	margin: 10px 22px !important;
	display: inline;
	float: left;
	padding: 0 8px 0 8px !important;
	list-style: none !important;
	background: #D9669D url(../img/mothers-column.jpg) no-repeat top left;
}
div.mothers_box ul li {
	margin: 0 !important;
	padding: 2px 0 !important;
	line-height: 2em;
	border-top: 1px solid #F099BC;
	border-bottom: 1px solid #DC6DA0;
float: left;
	width: 166px;
}
div.mothers_box ul li.first {
	margin-top: 52px !important;
}	
div.mothers_box ul a {
	border: 0 !important;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	font-size: 1.1em;
}
div.mothers_box ul a:hover, div.mothers_box ul a:focus {
	text-decoration: underline !important;
}
div.mothers_box ul li.active {
	background: #D9669D;
}
div.mothers_box .blurb {
	position: absolute;
	top:0;
	right:0;
	border-top: 1px solid #F6F5EE;
	margin-top: 164px;
	margin-right: 10px;
	width: 356px;
	background: url(../img/blurb2.png) repeat-y top right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: none;
}
div.mothers_box .blurb div {
	background: url(../img/blurb1.png) no-repeat top right;
	padding: 8px 20px;
}

/*~~~~~( Bridesmaids Box )~~~~~~*/
div.bmaids_box {
	background: url(../img/bmaids_photo.jpg) no-repeat center center;
	width: 570px;
	height: 491px;
	overflow: hidden;
	position: relative;
}
div.bmaids_box ul {
	width: 166px;
	height: 471px;
	margin: 10px 22px !important;
	display: inline;
	float: left;
	padding: 0 8px 0 8px !important;
	list-style: none !important;
	background: #D9669D url(../img/bridesmaids-column.jpg) no-repeat top left;
}
div.bmaids_box ul li {
	margin: 0 !important;
	padding: 2px 0 !important;
	line-height: 2em;
	border-top: 1px solid #F099BC;
	border-bottom: 1px solid #DC6DA0;
float: left;
	width: 166px;
}
div.bmaids_box ul li.first {
	margin-top: 52px !important;
}	
div.bmaids_box ul a {
	border: 0 !important;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	font-size: 1.1em;
}
div.bmaids_box ul a:hover, div.bmaids_box ul a:focus {
	text-decoration: underline !important;
}
div.bmaids_box ul li.active {
	background: #D9669D;
}
div.bmaids_box .blurb {
	position: absolute;
	top:0;
	right:0;
	border-top: 1px solid #F6F5EE;
	margin-top: 164px;
	margin-right: 10px;
	width: 356px;
	background: url(../img/blurb2.png) repeat-y top right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: none;
}
div.bmaids_box .blurb div {
	background: url(../img/blurb1.png) no-repeat top right;
	padding: 8px 20px;
}

/*~~~~~( Access Box )~~~~~~*/
div.access_box {
	background: url(../img/access_photo_new.jpg) no-repeat center center;
	width: 570px;
	height: 813px;
	overflow: hidden;
	position: relative;
}
div.access_box ul {
	width: 166px;
	height: 788px;
	margin: 10px 22px !important;
	display: inline;
	float: left;
	padding: 0 8px 0 8px !important;
	list-style: none !important;
	background: #D9669D url(../img/access-column.jpg) no-repeat top left;
}
div.access_box ul li {
	margin: 0 !important;
	padding: 2px 0 !important;
	line-height: 2em;
	border-top: 1px solid #F099BC;
	border-bottom: 1px solid #DC6DA0;
	float: left;
	width: 166px;
}
div.access_box ul li.first {
	margin-top: 52px !important;
}	
div.access_box ul a {
	border: 0 !important;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	font-size: 1.1em;
}
div.access_box ul a:hover, div.access_box ul a:focus {
	text-decoration: underline !important;
}
div.access_box ul li.active {
	background: #D9669D;
}
div.access_box .blurb {
	position: absolute;
	top:0;
	right:0;
	border-top: 1px solid #F6F5EE;
	margin-top: 164px;
	margin-right: 10px;
	width: 356px;
	background: url(../img/blurb2.png) repeat-y top right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: none;
}
div.access_box .blurb div {
	background: url(../img/blurb1.png) no-repeat top right;
	padding: 8px 20px;
}

/*~~~~~( Layout )~~~~~~*/
div.inner {
	text-align: left;
	width:884px;
	margin:0 auto;
	}
div.inner2 {
	text-align: left;
	width:664px;
	margin:0 auto;
	}	
	
div#header {
	text-align: center;	
	background: #A62C6A url(../img/header.jpg) repeat-x top;
	height: 128px;
	text-align: center;
	}
	div#header #logo {
		line-height: 1;
		border-top:3px solid #9B2A64;
		border-bottom: 1px solid #F2A0C1;
		margin: 0 !important;
		padding: 0 !important;
	}
#mainNav {
	background: #EC6FAB;
}
	#mainNav ul {
		margin: 0 !important;
		padding: 0;
		text-align: center;
		overflow: hidden;
		line-height: 48px;
	}
	#mainNav ul li {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
	}
	#mainNav ul li a {
		color: #fff;
		text-decoration: none;
		font-weight:normal;
		font-family: Georgia, Times New Roman, Times, serif;
		letter-spacing:-0.05em;
		padding: 16px 16px;
		font-size: 1.2em;
	}
	#mainNav ul li a:hover, #mainNav ul li.current_page_item a {
		background: url(../img/nav.gif) no-repeat bottom;
	}
#content {
	background: #fff url(../img/top.jpg) repeat-x top;
}
#about {
	margin-bottom: 8px;
	display: block;
}
.mainContent {
	width: 572px;
	float: left;
	padding-top: 12px;
	padding-bottom: 16px;
}
.mainContentWide {
	width: 662px;
	float: left;
	padding-top: 12px;
	padding-bottom: 16px;
}
.home #content .mainContent {
	padding-top: 0;
}
.subContent {
	width: 280px;
	float: right;
	padding: 20px 0 16px;
}



div#footer {
	clear: both;
	background: #F2EFDF url(../img/footer.gif) repeat;
	text-align: center;
	padding: 16px 0;
	}
#map {
	height: 242px;
	width: 388px;
	border: 4px solid #D6CFB1;
	margin: 12px 0 0;
	float: left;
}
div#footer .contact_details {
	float: right;
	width: 160px;
	margin-bottom: 20px;
}
#copyright {
	background: url(../img/widget_head.jpg) repeat top left;
	overflow: hidden;
}
#copyright p {
	margin:24px 0 !important;
	line-height: 1em !important;
	font-size: 0.8em;
	float: left;
}
#copyright ul {
	float:right;
	margin:24px 0;
	line-height: 1em !important;
	font-size: 0.8em;
}
#copyright li {
	display: inline;
	padding: 0 0 0 12px !important;
}
	
/*~~~~~( Headings & paragraphs )~~~~~~*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing:-0.05em;
	line-height: 1em;
	color: #333333;
	margin: 8px 0 0;
	}
h2 {
	font-size:1.6em !important;	
	margin: 20px 0 0;
	}
h2.main, #content h1 {
	display: inline-block;
	background: url(../img/floral_heading.gif) no-repeat right;
	padding-right: 30px;
	text-shadow: 1px 1px 2px #DCD8BD;
	margin: 8px 0 0;
}
#content h1 {
	font-size: 1.8em;
	margin-top: 16px;
}
#footer h2.main {
	margin-bottom: 6px;
}
h3 {
	font-size:1.4em;
	line-height: 1.6em;
	}
h4 {
	font-size:1.2em;
	line-height: 1.6em;
	}
h5 {
	font-size:1em;
	font-weight:bold;
	color:#555;
	}
h6 {
	font-size:0.9em;
	font-weight:bold;
	color:#555;
	}
strong {
	font-weight:bold;
	}
p, address {
	margin:12px 0;
	line-height: 1.6em;
	}
p.date {
	/*font-weight: bold;*/
	margin-top: 0;
	color: #444;
	font-size: 1.15em;
}
em {
	font-style: italic;
}
abbr {
	border-bottom: 1px dashed #E3DEC8;
	cursor: help;
}
.center {
	text-align: center !important;
}
blockquote {
	margin: 24px 0 24px 24px;
	padding: 0 12px;
	overflow: hidden;
	background: #F2EBDF;
}
blockquote p {
	font-style: italic;
	font-family: Georgia, Times New Roman, Times, serif;	
}

/*~~~~~( IMG )~~~~~~*/

.aligncenter {
	display: block;
	margin: 0 auto;
}
.mainContent .aligncenter, .alignleft, .alignright {
	outline: 8px solid #fff;
	border: 4px solid #D6CFB1;
}
.alignleft {
	float: left;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.alignright {
	float: right;
	margin-left: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*~~~~~( Lists )~~~~~~*/

#content .mainContent ul {
	list-style: disc inside
}
#content .mainContent ol {
	list-style: decimal inside
}
#content .mainContent li {
		padding: 5px 10px 5px 35px;
	}
dl {
	margin: 12px 0;
	line-height: 1.6em;
	}
dt, dd {
	float: left;
}
dt {
	clear: left;
	margin-right: 12px;
}
ul.hours {
	margin: 12px 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #E3DCBB;
}
ul.hours li {
	margin:0 !important;
	padding: 6px 0 !important;
	border-bottom: 1px solid #F2EBDF;
	border-top: 1px solid #E3DCBB;
	position: relative;
	font-weight: bold;
}
ul.hours li span {
	position: absolute;
	right: 0;
}
		
/*~~~~~( Widgets )~~~~~~*/		

ul.widgets {
	margin: 0 !important;
	padding: 0 !important;
}
li.widget {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #F2EBDF;
}	
li.widget h3 {
	background: url(../img/widget_head.jpg) repeat top left;
	margin: 0 !important;
	padding: 8px 10px !important;
	line-height: 1.2em;
	overflow: hidden;
}		
li.widget .widget_content {
	background: url(../img/widget.jpg) no-repeat top;
	margin: 0 !important;
	padding: 0 10px !important;
	overflow: hidden;
	font-size: 0.92em;
	zoom:1;
}
#footer li.widget .widget_content {
	background: #F2EFDF url(../img/footer_widget.gif) no-repeat top;
	padding:0;	
}
#footer li.widget p {
	padding: 0 10px;
}
			
/*~~~~~( Float clearing~~~~~~*/

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}

#map, #footer .mainContent {
	zoom:1;
	overflow: hidden;
}