/* Primary stylesheet for Elegant Affairs website built on the WhippetCMS platform by 15 minutes media */

/* MAIN STRUCTURE*/

*	{margin:0px;padding:0px;} /* neutralizes all inherited paddings and margins from all browsers */
body { 
	text-align: center; 
	letter-spacing: .03em;
	font-size:90%;
	line-height: 1.5;
	font-family:Georgia,serif; 
	background: #f6f3ee;
	}

#top {
	background: url(/images/topBG.jpg) repeat-x top;
	height: 40px;
	font-family: "Lucida Grande", Arial, Sans-Serif;
	font-size:11px;
	text-align: left;
	padding: 0;
	color: #7d2c18;
	text-transform: uppercase;
	margin: 0;
	}
.header {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 950px; 
	}
.inner-wrap {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
	}
#main_content	{
	background:#FFF;
	border-top:6px solid #cfc1a3;
	text-align:center;
	border-bottom:6px solid #cfc1a3;
	margin-top:10px;
	clear: both;
	}

#main_content>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
	}
#homeContent {
	background:#e64624;
	text-align:center;
	clear: both;
	border-top:6px solid #cfc1a3;
	border-bottom:6px solid #cfc1a3;
	margin-top:10px;
	padding: 30px 0;
}
#homeContent>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
	}
#hm-text {
	border-bottom:6px solid #cfc1a3;
	background: #fff;
}
.hm-text-left {
	float: left;
	width: 465px;
	margin-right: 20px;
	text-align: justify
}
.hm-text-right {
	float: right;
	width: 465px;
	text-align: justify
}
.pre-letter {
	color: #e64624;
	font-size: 200%;
	font-style: italic
}
#nav {
	text-align: center;
	
	}

#nav>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
	}
#socialMedia {
	float: right;
	text-align: right;
	vertical-align: top;
	}
#topLevel {
	padding-top: 10px;
	width: 655px;
	float: left;
	}
#topBG {
	background: #fff;
	margin: 0px;
	padding: 0px;
	}

td.mainContentArea {
	padding: 0 40px 20px 0;
	text-align: left
	}

#rightCol {
	border-left: 6px solid #cfc1a3; border-right: 6px solid #cfc1a3; width: 295px;
	background: #d2c7ab;
	}
#hm1 {
	text-align: left;
	width: 470px;
	padding: 10px;
	border-left: 6px solid #cfc1a3; border-right: 6px solid #cfc1a3;
	}
#hm2 {
	text-align: left;
	padding: 10px;width: 480px;
	border-right: 6px solid #cfc1a3;

	}
	
/* NAVIGATION */


#navDiv>div{ /*Proper way to center a relative div*/

margin: 0 auto;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	display: inline;
	z-index: 1;
	}
#nav li {
	float: left;
	position: relative;
	list-style: none;
	text-align:center;
	}
#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding-top: 5px;
	line-height: 1.5;
	padding-bottom: 5px;
	background: #fff; 
	border-bottom: 5px solid #e64624;
}

#nav li ul li {
	z-index: 1000;

}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
#nav a:link {  text-decoration:none; color:#e14423;  }
#nav a:visited {  text-decoration:none; color:#e14423;  }
#nav a:active {  text-decoration:none; color:#e14423; }
#nav a:hover  { color:#896e68;  }

#navDiv {
margin-left: 28%;
}

#navtop ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	display: inline;
	z-index: 1;
	}
#navtop li {
	float: left;
	position: relative;
	list-style: none;
	text-align:center;
	font-family: "Lucida Grande", Arial, Sans-Serif;
	font-size:11px;
	color: #7d2c18;
	text-transform: uppercase;
	}
#navtop li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding-top: 5px;
	line-height: 1.5;
	padding-bottom: 5px;
	background: #fff; 
	border-bottom: 5px solid #e64624;
}

#navtop li ul li {
	z-index: 1000;

}

#navtop li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navtop li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
#navtop a:link {  text-decoration:none; color:#7d2c18;  }
#navtop a:visited {  text-decoration:none; color:#7d2c18;  }
#navtop a:active {  text-decoration:none; color:#7d2c18; }
#navtop a:hover  { color:#896e68;  }

/* End CSS Drop Down Menu */

#topnav {
	text-align: center;
	font-size: 16px;
	}

#rightNav {
	width: 305px;
	background: #ece6d9 url(/images/rightNavBG.jpg) no-repeat top left;
	float: right;
	margin: 0;
	}

#rightNavList li {
	background: url(/images/rightNavItemBG.png) no-repeat top right;
	font-size: 25px;
	font-family: Georgia, serif;
	color: #c0ae8b;
	text-align: left;
	border-bottom: 2px solid white;
	padding: 7px 0 7px 15px;
	list-style: none;
	display: block;
	}
#rightNavList li a:link {
	color: #c0ae8b;
	}
#rightNavList li a:visited {
	color: #c0ae8b;
	}
#rightNavList li a:hover {
	color: #e14423;
	}
#rightNavList li a:active {
	color: #c0ae8b;
	}
.navline { border-right: 1px solid #5D2d21; padding: 0 30px;}
.navline2 { padding: 0 0 0 30px; }

#footer {
	background: #fff;

}

#footer ul {
margin:0;
padding: 0}
#footer li {
display: inline;
list-style: none;
padding: 0px 10px;
font-size: 80%}

/*CONTENT and TEXT STYLING */

p, label, h1, h2, h3, td {
	font-family:Georgia,serif; 
}

p { 
	margin-bottom:10px;
	}

h2 {
	font-size:20px;color:#e7502f; text-align:center;
	}
blockquote { 
	font-style: italic; 
	text-align: center;
	}

hr	{
	color: #cfc1a3;
	background-color: #cfc1a3;
	height: 5px;
	border: 0;
	margin-top:10px;
	margin-bottom:10px;
	}
p.instruction {
	color: #531e11;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-style: italic;
	text-align: center;
	margin:5px 0px;
	}
.imageBorder { /* For images in the rightcol */
	border-bottom: 5px solid #cfc1a3;
	}
.contactText {
	font-weight: bold; 
	font-size: 14px;
	}
.titleStyle {
	font-weight: bold; 
	font-size: 16px; 
	color: #5D2D21;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	background:#cfc1a3;
	}
.submenu { 
	font-size:13px; 
	color:#604B5; 
	line-height: 150%; 
	text-align: center; 
	margin-bottom: 25px;
	font-weight: bold
	}
.flright {
	float: right;
	margin-left: 10px
}
.flleft {
	float: left;
	margin-right: 10px
}
.req {
	color: red
	}
	
.clear {
clear:both;
height: 0px;
margin-bottom: -10px;
}

div#space {
clear: both;
height: 10px;
}


#twitter_update_list {
margin:0;padding:0
}
#twitter_update_list li {
	list-style-type: none;
	margin: 5px 0;
	padding: 5px 0;
	}
.newsletter-form {
	background: #fff url(/images/topBG.jpg) repeat-x top;
	height: 40px;
}
.datefield {font-size: 85%; font-style: italic}
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

/*LINKS*/

a:link {text-decoration:none; color:#7d2c18;  }
a:visited {text-decoration:none; color:#7d2c18;  }
a:active	{text-decoration:none; color:#e64624; }
a:hover   { color:#e64624; }


a:link.nav	{ text-decoration:none; font-weight:700; } /* Links in the submenu */
a:visited.nav { text-decoration:none; font-weight:700; }
a:hover.nav   {  }
a:active.nav {}

/* Image Watermarks */

#watermark_box {
	position:relative;
	display:block;
	}

img.watermark {
	position: absolute;
	bottom: 4px;
	left: 4px;
	z-index: 100;
	}
/*GALLERY STYLING*/


#gridContainer {
	width:900px; 
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	}

#slider-buttons {
	margin:15px 0;
	}

#gridList {
	width:900px; 
	border:0; 
	margin:0; 
	padding:0; 
	left:400px;
	}
#gridList li {
	list-style:none; 
	margin:0; 
	padding:0; 		
	border:3px solid #cfc1a3; 
	margin:4px;
	padding:2px; 
	float:left;
	width:130px;
	height:150px;
	background: #f1ede1;
	}


.bg {
	background: #f1ede1;
	}
img.close {
	float: right;
	margin: 5px 0 0 0;
	}
.catThumb {
	margin-bottom: 3px;
	}
#gallery {
	background: #f1ede1;
	margin: 0;
	}
#gallery h2 {
	margin:0px;
	padding: 0px;
	}

#galleryNav {
	width: 100%;
	text-align: center;
	margin-top: -5px;
	}

#galleryContainer {
	width: 900px;
	text-align: left;
	}

#galleryThumbs{
	border-top: 5px solid #c3b492;
	border-bottom: 5px solid #c3b492;
	background: #cfc1a3;
	width:100%;
	padding: 20px;
	}

#galleryThumbs table {
	}

.gal {
	width:100%;
	overflow:auto;
	border:1px solid #eeeeff; 
	padding:0px; 
	}

.photogalleryItem {	
	border: 5px solid #cfc1a3;
	text-align: center;
	background: #cfc1a3;
	}

.photogalleryItem img {
	}

.galitemfirst {
	border: 5px solid #d0c2a5;
	}

td.photogalleryNavigation {
	margin: 5px;
	text-align: right;
	vertical-align: bottom;
	/*background: url(http://elegantaffairscaterers2.getwhippet.com/images/next.png) no-repeat bottom right;*/
	background: #cfc1a3;
	}

.photogalleryNavigation a:link, .photogalleryNavigation a:visited, .photogalleryNavigation a:active, .photogalleryNavigation a:hover {
	padding: 15px;
	text-align: right;
	font-size: 12px; 
	font-family: Helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #531e11;
	}

#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {
	background:transparent url(/YourPrevImage.gif) no-repeat scroll right 15% !important;
	}
	
/* PRESS MEDIA STYLING */

.video-list {
	padding: 10px;
	font-family: "Lucida Grande", Arial, Sans-Serif;
	font-size: 11px;
	text-transform: uppercase
}
#media-right {
background: #f1ede1;
padding: 20px 0;
}
#video-wrap {
background: #cfc1a3;
padding: 20px;
margin-right: 20px;
}
.video {
padding: 10px 0;
}


#pressContainer {

padding: 10px;
}

#pressDescrip {
padding:10%;
font-size:15px;
line-height:1.5;
}

.crop{
	float:left;
	position:relative;
	width:160px;
	height:200px;
	border:1px solid #ccc;
	margin:1em 1em .2em 1em ;
	text-align:center;
	}
.crop p{
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 160px 200px 0px);
	}	
	
.crop img {
width:160px;
}
.crop2{
	float:left;
	position:relative;
	width:180px;
	height:180px;
	
	margin:1em 1em .2em 1em ;
	text-align:center;
	}
.crop2 p{
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	clip:rect(0px 180px 180px 0px);
	}	
	
.crop2 img {
width:180px;
}
.moreInfoPress {
text-align: center;
margin:0 0 1em 0;
}
#awards {
margin:1em;
float:right;
width:150px;
}
#awards_aboutUs {
float: left;
width: 95%;
}

#awards_aboutUs img{
width: 100px;
}
	
/* CSS LightBox*/
#spacer{
	background-color: #fff;
	z-index:999;
	height:400px;
}
 
.black_overlay{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #979b71;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	position: absolute;
	top: 55px;
	left: 25%;
	width: 50%;
	height: 75%;
	padding: 16px;
	border:none;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.white_content img {
	max-width:600px;
}

#backLightbox {
	position: absolute;
	top: 25px;
	left: 25%;
	width: 50%;
	z-index:1001;
	border:none;
}

#backLightbox a:link {
color:#666;
font-weight:normal;
text-transform:uppercase;
font-size:17px;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:visited {
color:#fff;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:active {
color:#fff;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}

#backLightbox a:hover {
color:#ccc;
font-weight:normal;
text-transform:uppercase;
padding:10px;
border:1px solid white;
background:#fff;
}

/* VENUES STYLING */

.venue-list {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #cfc1a3;
}
.venue-header {
background: #fff url(/images/topBG.jpg) repeat-x top;
text-align: center
}

/* HOMEPAGE SLIDESHOW */
#outer{
	position: relative;
	overflow:hidden;
	width: 950px;
	height: 300px;
	border: 0px solid #999;
}
#inner, #inner2{
	width: 9500px;
	border: 0 dotted #f00;
	position: absolute;
	left: 0;
}
#leftarr, #rightarr{
	position: absolute;
	opacity: 0.5;
	width: 50px;
	height: 300px;
	border: 0px solid #0f0;
	z-index:10;
}
#leftarr{
	left:0;
	margin-top: 100px
	/*add background-image here!*/
}
#rightarr{
	left:850px;
	margin-top: 100px
	/*add background-image here!*/
}
.color-1{
	background-color: #111;
}

.box-1{
	width: 475px;
	height: 300px;
	float: left;
}