/* CSS Document */
html,body{
	background-image: url(../images/body_bg.png);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	font-size:10px;
	height:100%; /* needed for container min-height */
}
form{height:100%;}
/* holds everything on the page */
#container{
	width:750px;
	min-height:426px;
	background-image: url(../images/thin_studio_container_bg.png);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	text-align:left;
	padding:0px 15px 0px 15px;
	font-size:1.1em;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#footer /* set the bottom padding the same as the footer height */ {
	clear:both;
	width:750px;
	height:20px;
	border-top:2px solid #E79D9D;
	text-align:center;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#footer a{color:#999999; text-decoration:none;}				#footer a:hover{text-decoration:underline; color:#000000;}
/* Main Navigation  */
#mainNav{
	width:755px;
	height:33px;
	margin:0px 0px 1px 0px;
	list-style-type:none;
}
#mainNav li{
	float:left;
	margin:0px 0px 0px 0px;
}
#mainNav li a{	
	height:33px;
	display:block;
	text-indent:-400px;
	overflow:hidden;
}
/* Main Nav size and default Bg images */
	#mainNav .qJump { width:119px; background-image: url(../images/nav_qJump.png); background-repeat:no-repeat;}							#mainNav .qJump:hover { background-image: url(../images/nav_qJump_selected.png); }
	#mainNav .home { width:51px; background-image: url(../images/nav_home.png); background-repeat:no-repeat;}								#mainNav .home:hover { background-image: url(../images/nav_home_selected.png);}
	#mainNav .myO { width:76px; background-image: url(../images/nav_myO.png); background-repeat:no-repeat;}									#mainNav .myO:hover { background-image: url(../images/nav_myO_selected.png);}
	#mainNav .weddings { width:73px; background-image: url(../images/nav_wedding.png); background-repeat:no-repeat;}						#mainNav .weddings:hover { background-image: url(../images/nav_wedding_selected.png);}
	#mainNav .bday { width:82px; background-image: url(../images/nav_bday.png); background-repeat:no-repeat;}								#mainNav .bday:hover { background-image: url(../images/nav_bday_selected.png);}
	#mainNav .other { width:87px; background-image: url(../images/nav_other.png); background-repeat:no-repeat;}								#mainNav .other:hover { background-image: url(../images/nav_other_selected.png);}
	#mainNav .package { display:none; width:68px; background-image: url(../images/nav_packages.png); background-repeat:no-repeat;}			#mainNav .package:hover { display:none; background-image: url(../images/nav_packages_selected.png);}
	#mainNav .gallery { width:58px; background-image: url(../images/nav_gallery.png); background-repeat:no-repeat;}							#mainNav .gallery:hover { background-image: url(../images/nav_gallery_selected.png);}
	#mainNav .products { width:68px; background-image: url(../images/nav_products.png); background-repeat:no-repeat;}						#mainNav .products:hover { background-image: url(../images/nav_products_selected.png);}
	#mainNav .special { width:67px; background-image: url(../images/nav_special.png); background-repeat:no-repeat;}							#mainNav .special:hover { background-image: url(../images/nav_special_selected.png);}
	#mainNav .enquiries { width:69px; background-image: url(../images/nav_enquiries.png); background-repeat:no-repeat;}						#mainNav .enquiries:hover { background-image: url(../images/nav_enquiries_selected.png);}
	
/* Main Content */
#mainContent{
	float:left;
	width:581px;
	background-image: url(../images/rightCol_bg.png);
	background-repeat:no-repeat;
	height:426px;
	margin:0px 0px 0px 10px;
	padding:10px 10px 10px 10px;
}
/* page header holder */
#header{
	width:740px;
	height:300px;
	margin:0px 10px 0px 10px;
	overflow:hidden;
}
.logo{
	width:100px;
	height:292px;
	background-image: url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
	text-indent:-400px;
	float:left;
	margin:9px 0px 0px 0px;
}
.headerImage{
	float:left;
	width:629px;
	height:300px;
	margin:0px 0px 0px 10px;
}
#map{
	float:left;
	width:629px;
	height:300px;
	margin:0px 0px 0px 0px;
}
/* content Columns */
.columnHolder{
	margin:0px 5px 0px 5px;
	padding:0px 0px 40px 0px;
}
.smallCol{
	width:164px;
	float:left;
	margin:0px 5px 20px 5px;
}
.medCol{
	width:223px;
	float:left;
	margin:0px 5px 20px 5px;
}
.bigCol{
	width:323px;
	float:left;
	margin:0px 5px 20px 5px;
}
.xbigCol{
	width:487px;
	float:left;
	margin:0px 5px 20px 5px;
}
/* Content Styling */
.smallCol p, .medCol p, .bigCol p, .xbigCol p{
	margin:0px 10px 0px 10px;
	padding:5px 0px 3px 0px;
	line-height:1.3em;
	font-size:1.1em;
}
.smallCol .span, .medCol .span, .bigCol .span, .xbigCol .span{
	display:block;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:top;
}
.smallCol .span{background-image: url(../images/smallCol_bg.png);}
.medCol .span{background-image: url(../images/medCol_bg.png);}
.bigCol .span{background-image: url(../images/bigCol_bg.png);}
.xbigCol .span{background-image: url(../images/xbigCol_bg.png);}
#galleryBG .span{background-image: url(../images/blank.png);}

.specialOffers{
	background-image: url("../images/specialOffers_bg.png");
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
}
.specialOffers .span, .collectionMenu .span{
	margin:0px 0px 0px 0px;
	background-image:url(../../FrontEnd/images/space.png);
}
.specialOffers .span a{
	display:block;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
	text-decoration:none;
	color:#A51934;
	margin:0px 10px 0px 10px;
	padding:6px 15px 6px 15px;
	border-bottom:1px solid #D28C99;
}
.specialOffers .span a:hover{
	background-color:#FFDCE6;
	color:#540E1E;
}
.collectionMenu .span{background-image: url("../images/medCol_bg.png");}
.collectionMenu .span a{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
	text-decoration:none;
	color:#A51934;
	margin:0px 10px 0px 10px;
	padding:6px 15px 6px 5px;
	border-bottom:1px solid #D28C99;
}
.collectionMenu .span a:hover{
	background-color:#FFDCE6;
	color:#540E1E;
}
.collectionMenu .span ul{	
	width:187px;
	list-style-type:circle;
	margin:0px 0px 15px 25px;
	font-size:0.9em;
}
.collectionMenu .span ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.collectionMenu .span ul li a{
	color:#7F142E;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}
/* default html stuff */
strong{
	font-weight:bold;
	color:#4C4C4C;
}
a{
	font-weight:bold;
	color:#4C4C4C;
}
a:hover{
	font-weight:bold;
	color:#E79D9D;
}
p{margin:0px 0px 0px 0px;}
.columnHeader{
	margin:10px 0px 0px 0px;
	display:block;
	height:2px;
	overflow:hidden;
	background-color:#E79D9D;
}
h2{
	color:#000000;
	margin:6px 0px 6px 0px;
}
input{
	width:100%;
	margin:3px 0px 0px 0px;
}
.smallCol input{
	width:134px;
	margin:0px 0px 0px 10px;
}
.smallCol .button{margin:10px 0px 0px 10px;}
.button{width:50%;}
ul{
	list-style-type:square;
	list-style-position:outside;
	margin:0px 15px 0px 25px;
	line-height:1.3em;
	font-size:1.1em;
}
ul li{margin:0px 0px 10px 0px;}
.clear{
	clear:both;
	display:block;
	height:1px;
	overflow:hidden;
}
/* gallery */
#thumbHolder{
	padding:5px 0px 0px 5px;
	background-image:url(../images/blank.png);
	background-repeat:no-repeat;
}
#thumbHolder a{
	display:block;
	float:left;
	width:63px;
	height:43px;
	border:2px solid #ffffff;
	margin:0px 0px 8px 8px;
	padding:0;
}
#thumbHolder a img{width:63px; height:43px;}				#thumbHolder a:hover{border-color:#cccccc;}
.offersHeader strong{
	display:block;
	font-weight:bold;
	color:#E79D9D;
	width:467px;
	padding:0px 0px 3px 0px;
	border-bottom:2px solid #E79D9D;
	font-size:1.3em;
}
#xpandable strong{color:#E79D9D;}
#xpandable a{
	display:block;
	color:#757575;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	width:100%;
	border-top:1px solid #D6D6D6;
	padding:0px 0px 2px 0px;
}
#xpandable a:hover{
	color:#E79D9D;
	text-decoration:none;
	border-color:#E79D9D;
}
.gallerynav a{
	 display:block;
	 width:215px;
	 height:20px;
	 overflow:hidden;
	 text-indent:-7000px;
}
.gallerynav .previous{
	background-image:url(../images/previous.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 15px;
}
.gallerynav .next{
	background-image:url(../images/next.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 7px;
}
.gallerynav .previous:hover{background-image:url(../images/previous_over.gif);}
.gallerynav .next:hover{background-image:url(../images/next_over.gif);}
.gallerynav .floatlft{float:left;}
.gallerynav .floatrht{float:right; padding-right: 35px;}
.gallerynav .previousgal{
	background-image:url(../images/prev.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	width:147px;
	height:20px;
}
.gallerynav .nextgal{
	background-image:url(../images/sm_next.gif);
	background-repeat:no-repeat;
	float:right;
	margin:0px 0px 0px 0px;
	width:147px;
	height:20px;
}
.gallerynav .previousgal:hover{background-image:url(../images/prev_over.gif);}				.gallerynav .nextgal:hover{background-image:url(../images/sm_next_over.gif);}
.gallerynav .floatlftgal{float:left;}														.gallerynav .floatrhtgal{float:right; width:147px;}
/* cms content buttons */
.qlink{
	display:block;
	width:298px;
	height:45px;
	overflow:hidden;
	text-indent:-70000px;
	background-image:url(../images/occasionsLinks.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
}
.Qlink1{
	display:block;
	width:146px;
	height:45px;
	overflow:hidden;
	text-indent:-70000px;
	background-image:url(../images/seeEvent.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 10px;
}
.Qlink2{
	display:block;
	width:146px;
	height:45px;
	overflow:hidden;
	text-indent:-70000px;
	background-image:url(../images/seeWedding.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
}
.brochureRequest img{margin:10px 0 0 0;}
.callButn{margin:10px 0px 0px 0px;}
/* drop down list */
#dropmenudiv{
	position:absolute;
	z-index:100;
	text-align:left;
	border:2px solid #565656;
	border-top-width:0px;
	background-color:#000000;
}
#dropmenudiv a{
	height:33px;
	color:#ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-indent:10px;
	background-image:url(../images/dropDown_bg.png);
	background-repeat:no-repeat;
	background-color:#000000;
}
#dropmenudiv a img{
	margin:3px 0px 0px 0px;
}
#dropmenudiv a span{
	margin:12px 0px 0px 0px;
	position:absolute;
}
#dropmenudiv a:hover{
	background-image:url(../images/dropDown_bg_hover.png);
	background-repeat:no-repeat;
	color:#000000;
}