/*

Title:		Global styles for Ginger Snap website
Updated:	2 June 2009

*/


/******************** Tags ********************/
/*
html {
	color:#000;
	background:#EDEDED;
}

.mceIframeContainer html {
	background:#fff;
}
*/


body {
	background:#EDEDED;
	color:#000;
	font:normal 0.75em/1.5em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

body.mceContentBody {
	background:#fff;
	text-align:left;
	padding:0 5px;}

h1,
.mceContentBody h1 {
	border:0;
	margin:0;
	padding:0;
}

h2,
.mceContentBody h2 {
	border:0;
	color:#49372A;
	clear:both;
	font:normal 180%/1.3em Georgia, Times, serif;
	margin:1em 0 0.5em 0;
	padding:0;
}

h3,
.mceContentBody h3 {
	border:0;
	clear:both;
	color:#778E9B;
	font:normal 160%/1.3em Georgia, Times, serif;
	margin:1em 0 0.5em 0;
	padding:0;
}

h4,
.mceContentBody h4 {
	border:0;
	clear:both;
	color:#000;
	font:normal 120%/1.3em Georgia, Times, serif;
	margin:1em 0 0.5em 0;
	padding:0;
}

p,
.mceContentBody p {
	border:0;
	margin:0.5em 0;
	padding:0;
}


#main-column strong,
#single-column strong,
.mceContentBody strong {
	color:#49372a;
	font-weight:800;
	}

a:link,
a:visited,
.mceContentBody a:link,
.mceContentBody a:visited {
	color:#825330;
	text-decoration:underline;
}

a:hover,
a:active,
.mceContentBody a:hover,
.mceContentBody a:active {
	color:#778E9B;
	text-decoration:underline;
}

img {
	border:0;
	display:block;
}

img.left,
.mceContentBody img.left {
	float:left;
	margin:0 15px 10px 0;
}

img.right,
.mceContentBody img.right {
	float:right;
	margin:0 0 10px 15px;
}

br.clear {
	clear:both;
}

em,
.mceContentBody em{
	color:#778E9B;
	font-style:normal;
	font-weight:bold;
}

.hide {
	display:none;
}

#main-column ul,
#single-column ul,
.mceContentBody ul{
	margin:1.25em;
	padding:.3em;
	list-style:square;
	}

	

#main-column ul li,
#single-column ul li,
.mceContentBody ul li {
	padding:0 0 .3em 0;
	list-style:square;}


/******************** Layout ********************/

#wrapper {
	border:0;
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:948px;
}

#container {
	background:#EDEDED url("../images/structure/page/bg-page.jpg") top center repeat-y;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 21px;
	width:906px !important;
	width /**/:948px;
}

#header-panel {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:40px 25px 22px 25px;
	width:856px !important;
	width /**/:906px;
}

#logo {
	border:0;
	clear:both;
	float:left;
	margin:0 21px 0 0;
	padding:0;
	width:298px;
}

#banner-panel {
	border:0;
	border-top:solid 1px #DDD8D5;
	border-bottom:solid 1px #DDD8D5;
	clear:both;
	float:left;
	margin:0;
	padding:0;
}

#nav-image-panel {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:906px !important;
	width /**/:906px;
}

#footer-panel {
	background:#33261D url("../images/structure/page/bg-footer.jpg") top left repeat-y;
	border:0;
	border-top:solid 1px #998E85;
	clear:both;
	float:left;
	margin:0;
	padding:20px 30px 25px 30px;
	width:846px !important;
	width /**/:906px;
}


/******************** Content ********************/

#content-panel {
	border:0;
	clear:both;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:906px !important;
	width /**/:906px;
}

#side-column {
	border:0;
	float:left;
	margin:0 27px 0 0;
	padding:0;
	width:187px !important;
	width /**/:187px;
}

#main-column {
	border:0;
	float:left;
	margin:0;
	padding:0 30px 0 0;
	width:662px !important;
	width /**/:692px;
}

#main-column-unpadded {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:692px !important;
	width /**/:692px;
}

#single-column {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 30px;
	width:846px !important;
	width /**/:906px;
}

#single-column-unpadded {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:906px !important;
	width /**/:906px;
}


/******************** Top navigation ********************/

#nav-top {
	border:0;
	float:left;
	height:26px;
	list-style:none;
	margin:38px 0 0 0;
	overflow:hidden;
	padding:0;
	width:532px !important;
	width /**/:532px;	
}

#nav-top li {
	border:0;
	display:inline;
	float:left;
	list-style:none;
	margin:0 0 0 1px;
	padding:0;
}


#nav-top li a:link,
#nav-top li a:visited {
	border:0;
	float:left;
	height:0 !important;
	height /**/:26px;
	margin:0;
	overflow:hidden;
	padding:26px 0 0 0;
}

#nav-top li a:hover,
#nav-top li a:active,
#nav-top li.selected a:link,
#nav-top li.selected a:visited,
#nav-top li.selected a:hover,
#nav-top li.selected a:active {
	background-position:0 -26px;
	border:0;
	float:left;
	height:0 !important;
	height /**/:26px;
	margin:0;
	overflow:hidden;
	padding:26px 0 0 0;
}

#nav-top-home a {
	background:url("../images/structure/nav/nav-top-home.gif") top left no-repeat;
	width:56px;
}

#nav-top-menu a {
	background:url("../images/structure/nav/nav-top-menu.gif") top left no-repeat;
	width:56px;
}

#nav-top-gallery a {
	background:url("../images/structure/nav/nav-top-gallery.gif") top left no-repeat;
	width:66px;
}

#nav-top-venues a {
	background:url("../images/structure/nav/nav-top-venues.gif") top left no-repeat;
	width:66px;
}

#nav-top-clients a {
	background:url("../images/structure/nav/nav-top-clients.gif") top left no-repeat;
	width:66px;
}

#nav-top-testimonials a {
	background:url("../images/structure/nav/nav-top-testimonials.gif") top left no-repeat;
	width:102px;
}

#nav-top-wine a {
	background:url("../images/structure/nav/nav-top-wine.gif") top left no-repeat;
	width:56px;
}

#nav-top-links a {
	background:url("../images/structure/nav/nav-top-links.gif") top left no-repeat;
	width:56px;
}


/******************** Image navigation ********************/

#nav-image {
	border:0;
	clear:both;
	float:left;
	height:40px;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:906px !important;
	width /**/:906px;	
}

#nav-image li {
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}


#nav-image li a:link,
#nav-image li a:visited {
	border:0;
	float:left;
	height:0 !important;
	height /**/:40px;
	margin:0;
	overflow:hidden;
	padding:40px 0 0 0;
}

#nav-image li a:hover,
#nav-image li a:active,
#nav-image li.selected a:link,
#nav-image li.selected a:visited,
#nav-image li.selected a:hover,
#nav-image li.selected a:active {
	background-position:0 -40px;
	border:0;
	float:left;
	height:0 !important;
	height /**/:40px;
	margin:0;
	overflow:hidden;
	padding:40px 0 0 0;
}

#nav-image-canapes a {
	background:url("../images/structure/nav/nav-image-canapes.gif") top left no-repeat;
	width:182px;
}

#nav-image-dinnerparty a {
	background:url("../images/structure/nav/nav-image-party.gif") top left no-repeat;
	width:182px;
}

#nav-image-buffets a {
	background:url("../images/structure/nav/nav-image-buffets.gif") top left no-repeat;
	width:182px;
}

#nav-image-lunch a {
	background:url("../images/structure/nav/nav-image-lunch.gif") top left no-repeat;
	width:180px;
}

#nav-image-weddingbreakfast a {
	background:url("../images/structure/nav/nav-image-wedding.gif") top left no-repeat;
	width:180px;
}


/******************** Text navigation ********************/

#nav-text {
	background:#4A382B;
	border:0;
	clear:both;
	float:left;
	font:normal 100%/1em Georgia, "Times New Roman", Times, serif;
	list-style:none;
	margin:0;
	padding:0 10px;
	width:886px !important;
	width /**/:906px;
}

#nav-text li {
	border:0;
	float:left;
	list-style:none;
	margin:0 1px 0 0;
	padding:0;
}

#nav-text li.selected {
}

#nav-text li a,
#nav-text li.selected a {
	border:0;
	color:#FFF;
	float:left;
	margin:0;
	padding:14px 20px;
	text-decoration:none;
}

#nav-side li a:link,
#nav-side li a:visited {
}

#nav-text li a:hover,
#nav-text li a:active,
#nav-text li.selected a:link,
#nav-text li.selected a:visited,
#nav-text li.selected a:hover,
#nav-text li.selected a:active {
	background:#1B628C url("../images/structure/nav/nav-text-on.gif") top left no-repeat;
	border:0;
	color:#FFF;
	float:left;
	margin:0;
	padding:14px 20px;
	text-decoration:none;
}


/******************** Side navigation ********************/

#nav-side {
	border:0;
	clear:both;
	font:normal 100%/1em Georgia, "Times New Roman", Times, serif;
	list-style:none;
	margin:25px 0 15px 0;
	padding:0;
	width:187px !important;
	width /**/:187px;
}

#nav-side li {
	border:0;
	list-style:none;
	margin:0 0 3px 0;
	padding:0;
	width:187px !important;
	width /**/:187px;
}

#nav-side li.selected {
}

#nav-side li a,
#nav-side li.selected a {
	border:0;
	display:block;
	font-weight:normal;
	margin:0;
	padding:8px 0 0 0;
	text-decoration:none;
}

#nav-side li a:link,
#nav-side li a:visited {
	background:#4A382B url("../images/structure/nav/nav-side-top-off.gif") top left no-repeat;
	color:#FFF;
}

#nav-side li a:hover,
#nav-side li a:active,
#nav-side li.selected a:link,
#nav-side li.selected a:visited,
#nav-side li.selected a:hover,
#nav-side li.selected a:active {
	background:#298FCC url("../images/structure/nav/nav-side-top-on.gif") top left no-repeat;
	color:#FFF;
}

#nav-side li a span,
#nav-side li.selected a span {
	border:0;
	display:block;
	font-weight:normal;
	margin:0;
	padding:0 15px 8px 30px;
	text-decoration:none;
}

#nav-side li a:link span,
#nav-side li a:visited span {
	background:#4A382B url("../images/structure/nav/nav-side-bottom-off.gif") bottom left no-repeat;
	color:#FFF;
}

#nav-side li a:hover span,
#nav-side li a:active span,
#nav-side li.selected a:link span,
#nav-side li.selected a:visited span,
#nav-side li.selected a:hover span,
#nav-side li.selected a:active span {
	background:#298FCC url("../images/structure/nav/nav-side-bottom-on.gif") bottom left no-repeat;
	color:#FFF;
}


/******************** Footer ********************/

#nav-footer {
	border:0;
	clear:both;
	color:#D5B079;
	float:left;
	margin:0;
	padding:0;
}

#footer-panel a:link,
#footer-panel a:visited {
	color:#D5B079;
	font-weight:normal;
	text-decoration:none;
}

#footer-panel a:hover,
#footer-panel a:active {
	color:#D5B079;
	font-weight:normal;
	text-decoration:underline;
}

#footer-panel a.selected:link,
#footer-panel a.selected:visited,
#footer-panel a.selected:hover,
#footer-panel a.selected:active {
	color:#D5B079;
	font-weight:bold;
	text-decoration:none;
}

#footer-details {
	border:0;
	color:#FFF;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
}


/******************** Gradient box (placed in 2 column template) ********************/

div.gradient-box {
	background:#FFF url("../images/structure/page/bg-gradient-short.jpg") top left no-repeat;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 20px 0;
	width:662px !important;
	width /**/:662px;	
}