/*
-----------------------------------------------
bridalartshow.com stylesheet
author: will crain
web: willcraindesign.com
----------------------------------------------- */

@import url("reset.css");


body {
	background:#68728b; 
	padding:35px 0; 
	text-align:center; 
	font:13px Arial, Helvetica, sans-serif;
}

#maincontainer {
	background: url(../images/bg-repeat.jpg) repeat-y top center;
	/* 
		Or use just a color ... background: #545B6E;
	*/ 
	width:750px; 
	margin:0 auto; 
	padding:5px;
}

#container {
	background: #FFF 
}

#container.floral-bg {
	background: #FFF url(../images/bg-floral750x600.jpg) no-repeat;
	background-position: 0 200px;
}

#wrap {
	text-align:left; 
	/*background-color:#FFF;*/
	color:#333;
}


p {
	line-height:18px; 
	color:#666; 
}

a {
	color:#999; 
	text-decoration:none;
}

a:hover {
	color:#771314; 
	text-decoration:underline;
}


/* Header and Main Navigation
-----------------------------------------------------*/

h1 a {
	background: url(../images/bg-header-home.jpg) top left no-repeat; 
	height:140px; 
	width:750px; 
	text-indent:-9999em; 
	display:block;
}

.nav {
	height: 32px;
}

.nav li {
	float:	left;
}

.nav li a {
	display: block; 
	height:32px; 
	background:url(../images/mainNav.jpg) top left no-repeat; 
	cursor:pointer; 
	text-indent:-999999em;
}

.nav li.homepage a {width:82px; background-position: 0 0}
.nav li.eventinfo a {width:160px; background-position: -82px 0}
.nav li.suppliers a {width:170px; background-position: -235px 0}
.nav li.registration a {width:338px; background-position: -402px 0}

.nav li.homepage a:hover {background-position: 0 -32px}
.nav li.eventinfo a:hover {background-position: -82px -32px}
.nav li.suppliers a:hover {background-position: -235px -32px}
.nav li.registration a:hover {background-position: -402px -32px}

.nav li#active.homepage a {background-position: 0 -64px}
.nav li#active.eventinfo a {background-position: -82px -64px}
.nav li#active.suppliers a {background-position: -235px -64px}
.nav li#active.registration a {background-position: -402px -64px}



/* Column control
-----------------------------------------------------*/
div.leftcol, div.rightcol {
	float:left; 
	padding:10px 10px 0px 3px;
	width:330px; 
	font-size:12px; 
	text-align:left;
}
p.format-body1 {
	color:#323232; 
	font-size:12px; 
	line-height:16px;
	padding: 15px 0px 0px 0px;
}

#main ul#dates {
	list-style:none;
	text-align:left; display:block
}
#main ul#dates li {float:left; margin-bottom:11px; margin-top:6px; width:300px; }

#main ul#dates strong { 
	font-size:13px;  
	padding-bottom:0px;
}
#main ul#dates a {
	color:#999; 
	text-decoration:none;
}

#main ul#dates a:hover {
	color:#FFF; 
	text-decoration:underline;
}

div.left, div.right, div.center {
	float:left; 
	padding:5px 5px 10px 15px; 
	width:205px; 
	font-size:10px; 
	text-align:left;
}

#suppliers-style { 
	margin-top:10px; 
	background-color:#FFF; 
	border:2px solid #323232; 
}

#suppliers-style .header {
	background-color:#323232; 
	padding: 5px 0px 10px 12px; 
	font-size:18px; 
	color:#FFF; 
	width:675px;
}

p.feature-head {
	color:#666; 
	font-size:14px; 
	line-height:18px; 
	margin-bottom:10px;
}

.feature-head strong {
	color:#640d0e; 
	font-size:17px; 
	margin-bottom:3px; 
	font-style:bold; 
	display: block;
}

p.second-head {
	color:#323232; 
	font-size:12px; 
	line-height:17px; 
	margin-top:15px;
}

.second-head strong {
	color:#640d0e;
	font-size:14px; 
	margin-bottom:3px; 
	font-style:bold; 
	display: block;
}

p.third-head {
	color:#323232; 
	font-size:12px; 
	line-height:17px; 
	margin-top:15px;
}

.third-head strong {
	font-size:14px; 
	margin-bottom:3px; 
	font-style:bold; 
	display: block;
}
.feature-head a, .second-head a {
	color:#666;
}

p.columnhead {
	color:#000; font-weight:800;
	font-size:11px; 
	font-style:bold;
	line-height:0px; 
	margin-top:15px;
	margin-bottom:15px;
}



/* ---------------------------- Main Content ---------------------------------- */

#content.home h2 {
	background:url(../images/homeContentBg.jpg) top left no-repeat; 
	height:415px; 
	width:750px; 
	text-indent:-9999em; 
	display:block;
	
}

#content.home img { padding: 0 0 0 0;
	float:left;
	margin: 0px 550px;
} 
 
#main {
	margin:0 30px 0 30px; 
	padding-top:20px; 
	padding-bottom:20px; 
}
#main img {
	
	margin-right:-30px;
}

#main ul {
	list-style:disc; 
	padding-left:20px;
}

#main ul li {
	margin-bottom:10px
}


/* h2s */
#main h2 {
	text-indent:-9999em; 
	height:32px; 
	margin-bottom:0px; 
	background-repeat: no-repeat; 
	background-position:top left; 
}

#main h2#eventinfo {background-image:url(../images/h2_eventInfo.jpg);}
#main h2#suppliers {background-image:url(../images/h2_suppliers.jpg);}
#main h2#registration {background-image:url(../images/h2_registration.jpg);}


/* Homepage Image Map
------------------------------------------------------*/
#map {
	float:left;
	margin:0;
	padding:0;
	width:750px;
	height:350px; 
}
		
#map li {
	margin:0;
	padding:0;
	list-style:none;
}
		
#map li a {
	position:relative;
	display:block;
	/*
	Specifying a background image
	(a 1px by 1px transparent gif)
	fixes a bug in older versions of
	IE that causeses the block to not
	render at its full dimensions.
	*/
	background:url(blank.gif);
	text-decoration:none;
	color:#000;
}
		
#map li a span { display:none; }


#map li a:hover span { 
	
}

#map a.garden {
	top:175px;
	left:500px;
	width:240px;
	height:20px;
}
#map a.karyn {
	top:180px;
	left:500px;
	width:240px;
	height:20px;
}
#map a.bridal {
    top:208px;
	left:500px;
	width:240px;
	height:20px;
}







/* Footer 
-----------------------------------------------------*/
#footer {
	text-align:left; 
	padding:5px 15px; 
	position:relative; 
	background:#000; 
	color:#888; 
	border-top:2px solid #FFF; 
	font-size:11px; 
	text-decoration:none
}

#footer a {
	color:#888;
}

#footer a:hover {
	color:#CCC;
}

#footer p {
	padding:0; 
	position:absolute; 
	top:3px; 
	right:10px;
}