/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	date: 04/07/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
	font-family		: Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {}
p a {color:#A80B52;}
h1 {
	display			: block;
	width			: 230px;
	height			: 80px;
	background		: url(../images/wedding_life_logo.jpg) no-repeat;
	text-indent		: -9000px;
	margin-top		: 0px;
}
h2 {
	color			: #fff;
	font-size		: 1.6em;
	display			: block;
	background		: #A80B52;
	color			: #fff;
	width			: 570px;
	text-indent		: 5px;
	margin			: 0.3em auto 1em auto;
}
h3 {font-size:1.2em;color:#000;text-align:center;}
h4 {font-size:1.4em;color:#A80B52;}

#s_bar h5 {
	color:#A80B52;
	font-size:1.5em;
	margin-left:0;
	margin-right:0;
}


.tm_hr {
	width:80%;
	margin:10px auto;
	height:1px;
	border:none;
	background:#A80B52;
}

.doc {
	width:90%;
	margin:20px auto;
	background:#ccc;
	border:none;
	height:1px;
}
.doctop a {
	font-size:0.85em;
	color:#A80B52;
}
										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	/*background		: #A80B52 url(../images/bg2.jpg) top repeat-x;*/
}
#wrap {
	position		: relative;
	width			: 950px;
	margin			: 10px auto;
	border			: 14px solid #fff;
	background		: #fff;
}
#header {
	position		:relative;
	width			:950px;
	height			:130px;
}
	#top_ban {
		position			: relative;
		float				: right;
	}
	
#nav {
	position		: relative;
	width			: 950px;
	background		: #fff;
	height			: 25px;
	border-bottom	: 25px solid #A80B52;
}
#content {
	position		: relative;
	width			: 950px;
}
	#s_bar {
		position		: relative;
		width			: 150px;
		float			: left;
		margin-right	: 10px;
		margin-top		: 6px;
	}
		#s_box {
			position		: relative;
			margin-top		: 20px;
			text-align		: center;
			font-weight		: bold;
			color			: #A80B52;
			font-size		: 1.3em;
		}
	#main {
		position		: relative;
		float			: left;
		width			: 600px;
		margin-top		: 0px;
		margin-left		: 8px;
	}
	#form {
		position		: relative;
		float			: right;
		width			: 160px;
		margin-bottom	: 50px;
		background		: #fff;
		margin-top		: 1px;
		right 			: 4px;
	}
	#banner {
		position		: relative;
		width			: 800px;
		margin-top		: 5px;
	}
#footer {
	position		: relative;
	width			: 950px;
	height			: 50px;
	border-top		: 1px solid #ccc;
	color			: #999;
	font-size		: 0.7em;
	padding			: 5px 0 0 0;
	margin-top		: 20px;
}
#footer a {
	color			: #999;
}
#footer a:hover {
	color			: #666;
}
										/* ---------- 5. navigation ---------- */
										
										 

#nav ul {
	margin			: 0px;
	padding			: 0px;
	font-family		: Verdana;
	font-size		: 0.9em;
	font-weight		: bold;
	height			: 25px;
	list-style		: none;
}
#nav li {
	padding			: 0 1px 0 0px;
	margin			: 0px 3px 0px 0px;
	line-height		: 24px;
	float			: left;
}

.nav_on a {
	color			: #fff;
	background		: #A80B52;
	display			: block;
	padding			: 0 9px;
	line-height		: 24px;
	border-top		: 1px solid #A80B52;
	border-right	: 1px solid #A80B52;
	border-left		: 1px solid #A80B52;
}
.nav_off a {
	color			: #000;
	background		: #FFF1F7;
	display			: block;
	padding			: 0 9px;
	line-height		: 24px;
	border-top		: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	border-left		: 1px solid #ccc;
}
.nav_off a:hover {
	color			: #000;
	background		: #FEC8DF;
}


/* ----------------------------------------------------------- */

#s_bar ul {
	margin			: 0px;
	padding			: 0px;
	font-family		: Verdana;
	font-size		: 0.8em;
	list-style		: none;
}
#s_bar li {
	padding			: 3px 0px 3px 0px;;
	margin			: 0px;
	border-bottom	: 1px dashed #ccc;
	width			: 150px;
	display			: block;
}
#s_bar tt {
	width			: 150px;
	display			: block;
	background		: #A80B52;
	color			: #fff;
	line-height		: 20px;
	text-indent		: 3px;
	font-size		: 1.2em;
	font-weight		: bold;
}
.s_on a {
	color			: #000;
	background		: #FFF1F7;
	width			: 150px;
	display			: block;
}
.s_off a {
	color			: #000;
	width			: 150px;
	display			: block;
}
.s_off a:hover {
	color			: #000;
	background		: #FFF1F7;
}

.acc_t {	
	font-size:0.85em;
	margin:0 5%;
	}
a.acc_t {

	color:#000;
}

										/* ---------- 6. page specific structure ---------- */ 
										
										
										/* Gallery Pages */
										
#gallery_scroller {
	position		: relative;
	height			: 120px;
	margin			: 1em 5%;
	overflow		: auto;
}
#gallery_inner {
	position		: relative;
	white-space		: nowrap;
	width			: 1250px;
}

#loadarea {
	width			:570px;
	height			:428px;
	margin			:0 auto;
}

#wedding_cakes #gallery_inner {
	width:1000px;
}
#chair_hire #gallery_inner {
	width:1730px;
}
#gallery_body #gallery_inner {
	width:16380px;
}
#fountains_body #gallery_inner {
	width:;
}


										/* ---------- 7. images ---------- */ 
.ht {
	padding-right	: 8px;
	padding-bottom	: 8px;
}


										/* ---------- 8. forms ---------- */ 
										

#form {
	color			: #000;
	font-weight		: bold;
	font-size		: 0.9em;
}
.form_title {
	background		: #A80B52;
	color			: #fff;
	font-weight		: bold;
	line-height		: 20px;
	text-indent		: 3px;
	font-size		: 1.1em;
}

.inp {
	border			: 1px solid #ccc;
	padding			: 2px 1px;
	font-weight		: normal;
	font-size		: 0.9em;
	width			: 150px;
}
.sub_btn {
	display			: block;
	width			: 106px;
	height			: 30px;
	font-size		: 1em;
	background		: url(../images/submit.jpg) no-repeat;
	cursor			: pointer;
}
	.frm_checktxt {
		font-size:0.9em;
		color:#666666;
		font-weight:normal;
	}


.car_tab {
	background:#F8E6EE;
	border:1px solid #CCCCCC;
	margin			: 1em 5%;
}
.form_t {
	text-align:right;
}

.formbox {
	border:1px solid #666666;
	width:180px;
	padding:1px 2px;	
}
.formbox_sml {
	border:1px solid #666666;
	width:130px;
	padding:1px 2px;	
}
.carsubmit {
	background:#A80B52;
	color:#fff;
	border:1px solid #666;
	font-size:0.8em;
	padding:2px 9px;
}


/* GALLERY */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 460px; /*Height should enough to fit largest content's height*/
margin:50px auto 0 auto;
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt p {
	margin:0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 0 0; /*margin around each panel*/
width: 570px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size:0.9em;
}


.cc_tab {
	font-size:0.8em;
}






/* --------------------- Tables ------------------- */

.ven_tb {
	font-size:0.875em;
	margin:0 auto;
}
.ven_tb td {
	padding:5px;
	border:1px solid #ccc;
}
.ven_tb .first {
	background:#A80B52;
	color:#fff;
}

.ven_tb .first td{
	border:1px solid #666;
}

.ven_tb hr {
	height:0px;
	background:#ccc;
	border:none;
	margin:5px;
}

.ven_tb .nb {
	border:none;
}