html {
	background:#720D15 url(../weddings/images/bg-red-grad.jpg) repeat-x;
}

html, body{
	height:100%;
}
body{
	margin:0;
	color:#333;
	font:11px arial,sans-serif;
	font:13px "Century Gothic", "Lucida Grande", verdana;
	background:transparent url(../weddings/images/bg-red-pattern.jpg) no-repeat top center;
	width:100%;
	display:table;
}
img{border-style:none;} 
a {
	text-decoration:none;
	color:#989836;
	outline:none;
}
a:hover{text-decoration:underline; outline:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#666;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	background:none;
	height:100%;
	display:table;
	width:100%;
}
#container{
	background:none;
	height:100%;
	display:table-row;
}
#page {
	width:950px;
	margin:0 auto;
	background:#fff;
	padding:0 15px;
}
span#footer-pattern {
	display:block;
	width:329px;
	height:60px;
	margin:0 auto;
	background:transparent url(../weddings/images/bg-footer-graphic.png) no-repeat top left;
}

.logo{
	position:absolute;
	top:3px;
	left:0;
	width:240px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:1;
	background:url(../weddings/images/wise-weddings-logo.jpg) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
#header{
	width:100%;
	padding:14px 0 16px;
	position:relative;
	
}
.top-nav{
	width:100%;
	overflow:hidden;
	margin:0 0 51px;
}
.top-nav ul{
	float:right;
	margin: 0;
	padding: 0;
	list-style:none;
}
.top-nav ul li{
	font-size:11px;
	background:url(../weddings/images/sep-top-nav.gif) no-repeat 100% 3px;
	float:left;
	padding:0 10px 0 16px;
	margin:0 -10px 0 0;
}
.top-nav ul li a{color:#333;}

.top-nav-icons{
	width:100%;
	overflow:visible;
	margin:0 0 61px;
}
.top-nav-icons ul{
	float:right;
	margin: 0;
	padding: 0;
	list-style:none;
}
.top-nav-icons ul li{
	display:block;
	height:21px;
	font-size:11px;
	float:left;
	padding:0 14px 0 0;
	margin:0;
}
.top-nav-icons ul li:last-child {
	padding:0;
}
.top-nav-icons ul.fixed-icons li:last-child {
	padding:0 14px 0 0;
}
.top-nav-icons ul li a {
	display:block;
	height:16px;
	background:url(../_images/icon-chilli.gif) no-repeat 0 0;
	padding:0 0 0 21px;
	color:#333;
	text-decoration:none;
}
.top-nav-icons ul li a.news {
	background:url(../_images/icon-news.gif) no-repeat 0 0;
}
.top-nav-icons ul li a.catering {
	background:url(../_images/icon-catering.gif) no-repeat 0 0;
	color:#CA202C;
	font-weight:bold;
}
.top-nav-icons ul li a.weddings {
	background:url(../_images/icon-weddings.gif) no-repeat 0 0;
	color:#CA202C;
	font-weight:bold;
}
.top-nav-icons ul li a.twitter {
	background:url(../_images/icon-twitter.gif) no-repeat 0 0;
}
.top-nav-icons ul li a.facebook {
	background:url(../_images/icon-facebook.gif) no-repeat 0 0;
}
.top-nav-icons ul li a:hover {
	background-position:0 -16px;
	color:#600115;
	text-decoration:none;
}
.top-nav-icons ul li a.catering:hover,
.top-nav-icons ul li a.weddings:hover {
	background-position:0 0;
	color:#600115;
	text-decoration:none;
}

.top-nav-icons ul li.fb-like,
.top-nav-icons ul li.tw-tweet{
	margin-top:-2px;
	padding-right:0;
}









#navigation ul {
	width:100%;
	overflow:hidden;
	margin: 0 0 0px;
	padding: 10px 0 0 1px;
	list-style:none;
}
#navigation ul li{
	float:left;
	background:url(../weddings/images/sep-nav.gif) no-repeat 0 2px;
	padding:0 21px 5px 15px;
	margin:0 0 0 -15px;
	font:13px "Century Gothic", "Lucida Grande", verdana;
}
#navigation ul li a{color:#333;}
#navigation ul li a.active,
#navigation ul li.selected a,
#navigation ul li a:hover{
	color:#600115;
	text-decoration:none;
}
.headline{
	border:solid #ccc;
	border-width:1px 0;
	width:100%;
	padding:20px 0 5px;
}
.headline:after{
	display:block;
	clear:both;
	content:"";
}
.headline .box{
	float:right;
	display:inline;
	position:relative;
	padding:25px 77px 0 0;
	margin:0 -5px 0 0;
	text-transform:uppercase;
	text-align:right;
}
.headline .phone{
	display:block;
	font:14px "Century Gothic", "Lucida Grande", verdana;
	color:#CA202B;
	margin:0 0 4px;
}
.headline .mail{
	display:block;
	font:10px "Century Gothic", "Lucida Grande", verdana;
	color:#333;
}
.headline .mail a{color:#333;}
.headline .mail a:hover{text-decoration:none; color:#CA202B;}
.headline .enquire{
	position:absolute;
	top:-6px;
	right:0;
	background:url(../weddings/images/bg-enquire-form.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:68px;
	height:67px;
	text-align:left;
	cursor:pointer;
}
.headline .top{
	display:block;
	font:20px "Century Gothic", "Lucida Grande", verdana;
	color:#CA202B;
	margin:0 0 3px;
	text-transform:uppercase;
}
.headline .bottom{
	display:block;
	font:36px "Century Gothic", "Lucida Grande", verdana;
	font:34px "Century Gothic", "Lucida Grande", verdana;
	color:#666;
	text-transform:uppercase;
}
#main{width:100%;}
#main:after{
	display:block;
	clear:both;
	content:"";
}
.inner{
	border-bottom:1px solid #ccc;
	padding:0 0 9px;
}
.gallery{
	width:100%;
	overflow: hidden;
	position:relative;
}
.gallery:after{
	display:block;
	clear:both;
	content:"";
}
.gallery .list{
	width:100%;
	overflow:hidden;
	position:relative;
	margin: 0;
	padding: 0;
	list-style:none;
	height:450px;
}
.gallery .list li{
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:495px;
	z-index: 1;
}
.gallery .list li.active {
	z-index: 2;
}

.gallery .text{
	width:400px;
	position:absolute;
	right:6px;
	top:28px;
}
.gallery .text-content {
	width:400px;
	position: relative;
	z-index: 2;
	background:#FFF;
	filter:alpha(Opacity=90);
	opacity:0.9;
}
.gallery .text-content-inner {
	z-index: 3;
	padding:18px 22px 8px;
	font:13px/17px "Century Gothic", "Lucida Grande", verdana;
	color:#333;
}
.gallery img{display:block;}
.gallery .text p{
	margin:0 0 22px;
	font:13px/17px "Century Gothic", "Lucida Grande", verdana;
	color:#333;
	line-height:17px;
}
.gallery .text .hide{
	text-align:right;
	font:bold italic 11px/14px "Century Gothic", "Lucida Grande", verdana;
	position:absolute;
	bottom:12px;
	right:14px;
	margin:0;
	padding:0;
}
.gallery .text .hide a{
	display: none;
	color:#CA202B;
}
.gallery a.show {
	background: url(../weddings/images/btn-show.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden;
	display: none;
	width: 54px;
	height: 30px;
	top: 1px;
	right:4px;
}
.thumbs{
	position:absolute;
	display: none;
	bottom:7px;
	left:-5px;
	width:950px;
	z-index: 3;
}
.thumbs .box{
	overflow:hidden;
	float: left;
	height:70px;
	padding:7px 5px 0 11px;
	background:url(../weddings/images/bg-slider.png) no-repeat;
}
.thumbs .mask {
	display: none;
	width:523px;
	float:left;
	overflow:hidden;
	position:relative;
}
.thumbs .mask-holder {
	float:left;
	overflow:hidden;
	position:relative;
}
.thumbs ul{
	width:99999px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style:none;
}
.thumbs ul li{
	float:left;
	padding:0 5px;
}
.thumbs a:focus {outline: none;}
.thumbs .lnk-next{
	float:left;
	background:url(../weddings/images/btn-next.gif) no-repeat;
	width:19px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	margin:7px 0 0;
	position:relative;
}
.thumbs .lnk-next:focus {outline: none}
.thumbexpanded .lnk-next{
	background-image:url(../weddings/images/btn-prev.gif);
	margin-left: -3px;
}
.visual{margin:0 0 20px;}
.visual img{display:block;}
.content-area{
	width:100%;
	overflow:hidden;
	margin:0 0 7px;
}
.content{
	width:740px;
	float:right;
}
.content-full{
	width:949px;
}
.content h1{
	color:#989836;
	font:bold 24px "Century Gothic", "Lucida Grande", verdana;
	margin:0 0 6px;
}
.content h2{
	color:#989836;
	font:bold 18px "Century Gothic", "Lucida Grande", verdana;
	margin:0 0 8px;
}
.content h3{
	font:bold italic 15px "Century Gothic", "Lucida Grande", verdana;
	line-height:19px;
	/*color:#fcc;*/
	color:#000;
	margin:0 0 10px;
}
.content .title{
	display:block;
	font-size:11px;
	line-height:21px;
	margin:0 0 21px;
}
.content p{
	font-size:12px;
	line-height:18px;
	margin:0 0 10px;
}
.content .area{
	width:100%;
	overflow:hidden;
}
.content .area .box{
	width:100%;
	overflow:hidden;
	border-top:1px solid #ccc;
	padding:16px 0 0;
	margin:-1px 0 9px;
}
.content .img{
	float:left;
	margin:0 27px 0 0;
}
* html .content .img{margin:0 24px 0 0;}
.content .img img{display:block;}
.content .text{
	overflow:hidden;
	font-size:11px;
}
* html .content .text{
	height:1%;
	overflow:visible;
}
.content .text{
	margin: 0;
	padding: 0;
	list-style:none;
}
.content .enquiry{
	padding:14px 0 15px;
	font:bold italic 11px "Century Gothic", "Lucida Grande", verdana;
}
.content ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font-size:12px;
}
.content ul li{
	padding:0 0 0 6px;
	background:url(../weddings/images/bullet.gif) no-repeat 0 5px;
	font-style:italic;
	/*color:#989836;*/
	color:#000;
	margin:0 0 7px;
}
.content ul li a{color:#989836;}
.sidebar{
	/*width:210px;*/
	width:200px;
	float:left;
}
.sidebox{
	overflow:hidden;
	padding:0 10px 0 4px;
}
* html .sidebox{
	height:1%;
	overflow:visible;
}
.sidebox h3{
	font:bold 15px "Century Gothic", "Lucida Grande", verdana;
	line-height:19px;
	/*color:#fcc;*/
	color:#989836;
	margin:0 0 10px;
}
.sidenav{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.sidenav li{
	font:italic 14px "Century Gothic", "Lucida Grande", verdana;
	margin:0 0 4px;
}
.sidenav li a {
	text-decoration:none;
	color:#666;
}
.sidenav li a:hover,
.sidenav li.active a{
	color:#600115;
	text-decoration:none;
}
.sidebar .title{	
	display:block;
	font:bold 12px "Century Gothic", "Lucida Grande", verdana;
	color:#989836;
	margin:0 0 18px;
}
.sidebar address{
	font-size:12px;
	font-style:normal;
	margin:0 0 18px;
}
.sidebar p{
	font-size:12px;
	font-style:normal;
	margin:0 0 18px;
}
.sidebar address strong{
	display:block;
}
.sidebar address span{
	display:block;
	margin:0 0 2px;
}
.sidebar dl{
	margin:0;
	font:bold 12px "Century Gothic", "Lucida Grande", verdana;
}
.sidebar dt{
	display:inline;
}
.sidebar dd{
	display:inline;
	margin:0 0 0 2px;
}
.sidebar .mail{
	font:bold 12px "Century Gothic", "Lucida Grande", verdana;
	margin:17px 0 19px;
}
.sidebar .note{
	display:block;
	font-size:10px;
	font-style:italic;
	color:#989836;
}
#footer{
	font:11px arial,sans-serif;	
	width:100%;
	overflow:hidden;
	color:#999;
	padding:14px 0 15px;
}
.logos{
	float:right;
	margin: 0;
	padding: 0;
	list-style:none;
}
.logos li{
	float:left;
	padding:0 0 0 17px;
}
.logos img{display:block;}
#footer p{
	font:11px arial,sans-serif;	
	margin:0 0 7px;
	padding:8px 0 0;
}
.contact{
	margin: 0;
	padding: 0;
	list-style:none;
}
.contact li{
	display:inline;
	background:url(../weddings/images/sep-top-nav.gif) no-repeat 0 2px;
	padding:0 9px 0 13px;
}
.contact li:first-child{
	padding-left:0;
	background:none;
}
.contact li a{color:#999;}

/* Modify BC System Message Padding */
.system-message,
.system-error-message {
	padding:28px 36px;
}
.system-message a:link,
.system-error-message a:link {
	color:#989836;
}
span.news-date {
	color:#555;
	font-size:14px;
}

.mini-sibs {
	display:block;
	width:69px;
	height:65px;
	position:absolute;
	left:260px;
	top:13px;
	background:url(../catering/images/min-sbs-logo.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
