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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 14/01/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




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

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 3%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0; !important
	width:0; !important
	padding:0;
	margin:0;
}

img, div { behavior: url(iepngfix.htc) }

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

p {color:#fff;font-size:0.85em;}
table {color:#fff;}
p a, table a {color:#fff;}
p a:hover, table a:hover {text-decoration:underline;}




body#exp p {
	font-size:0.95em;
}
body#exp p a {
	color:#48ABC6;
}
body#exp p a:hover {
	color:#B0CD59;
}
body#exp table p {
	margin:0.6em 0;
}





h1 {
	margin:0;
	padding:0;
	text-indent:-9000px;
}
	body#exp h1 {
		height:100px;
		width:700px;
		background:url(../images/exp_header.jpg) top left no-repeat;
	}
	body#wedbar h1 {
		height:104px;
		width:748px;
		background:url(../images/wedbar_header.jpg) top left no-repeat;
	}
	body#events h1 {
		height:102px;
		width:748px;
		background:url(../images/events_header.jpg) top left no-repeat;
	}

h2 {color:#fff;font-size:1.2em;}


body#events h4 {
	color:#48ABC6;
}
body#events h4 a {
	color:#48ABC6;
}






body#exp h2 {
	color:#B0CD59;
}
body#exp h3 {
	color:#48ABC6;
}
body#exp table h3 {
	color:#48ABC6;
	margin:0.6em 0;
}
body#exp table h3 a {
	color:#48ABC6;
}
body#exp h4 {
	color:#48ABC6;
}
body#exp table h4 {
	color:#48ABC6;
	margin:0.6em 0;
}
body#exp table h4 a {
	color:#48ABC6;
}

body#wedbar h4 {
	color:#BA4FDB;
}

body#wedbar h4 a {
	color:#BA4FDB;
}




h3 {}
h4 {}
body#events h5 {color:#48ABC6;font-size:1.5em;}


										/* ---------- 3. listography ---------- */ 
										
ul li {
	color:#fff;
}
ul li a {
	color:#fff;
}										
										
										/* ---------- 4. base structure ---------- */ 

html {
}

/* Body */

body#wedbar {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: url(../images/wedbar_page_bg.jpg) repeat;
}

body#events {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: url(../images/blank_backg.gif) repeat;
}

body#exp {
	font-size		: 80%;
	font-family		: Tahoma, Arial;
	background		: url(../images/wedbar_page_bg.jpg) repeat;
}

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


/* Wraps */

#wedbar #div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 748px;
	background		: url(../images/wedbar_wrap_bg.jpg) repeat;
	border-left		: 1px solid #000;
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
}
#events #div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 748px;
	background		: #000 url(../images/events_wrap_bg.jpg) top right no-repeat;
	border-left		: 1px solid #000;
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
}
#exp #div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 700px;
	background		: url(../images/exp_wrap_bg.jpg) repeat;
	border-left		: 1px solid #000;
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
	border-top		: 1px solid #000;
}

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



	#div-header {
		position:relative;
		width:748px;
	}
	
	#exp #div-header {
		width:700px;
	}
	
	#div-main {
		position:relative;
		width:748px;
	}
	#exp #div-main {
		position:relative;
		width:700px;
	}
	
	
	
		#div-aside {
			position:relative;
			float:left;
			width:196px;
		}
		#div-content {
			position:relative;
			float:left;
			width:552px;
		}
		#events #div-content {
			position:relative;
			float:left;
			width:490px;
		}
		
		
		
		
		#exp #div-aside {
			position:relative;
			float:left;
			width:195px;
		}
		#exp #div-content {
			position:relative;
			float:left;
			width:504px;
		}
		
		
		
		
		
		


#div-ftr {
	position:relative;
	width:728px;
	margin:5px auto;
	color:#fff;
	
}

#exp #div-ftr {
	width:700px;
	
}



	#div-ftr a {
		color:#fff;
		padding:0 5px;
	}
	#div-ftr a:hover {
		color:#B850DB;
	}
	
	.ftr_l {
		position:relative;
		float:left;
		font-size:0.85em;
	}
	.ftr_r {
		position:relative;
		float:right;
		font-size:0.85em;
	}

										/* ---------- 5. navigation ---------- */ 

/* -------------- EVENTS NAVIGATION ------------ */
							
#events #div-nav ul {
	margin:0;
	padding:0;
}
#events #div-nav ul li {
	margin:0;
	padding:0;
	display:block;
	width:176px;
	height:22px;
	background:#666666;
	padding-left:10px;
	border-bottom:1px solid #90BADE;
	border-right:10px solid #508FC4;
}
#events #div-nav ul > li:first-child {
}

#events #div-nav ul li a {
	color:#fff;
	font-size:0.75em;
	font-weight:bold;
	line-height:22px;
	display:block;
	width:176px;
	height:22px;
	padding:0;
	margin:0;
}

#events #div-nav ul > li:first-child a {
}

#events #div-nav ul li a:hover {
	color:#90BADE;
}





/* -------------- WEDDINGS AND BARMITZVAHS NAVIGATION ------------ */
							
#wedbar #div-nav ul {
	margin:0;
	padding:0;
}
#wedbar #div-nav ul li {
	margin:0;
	padding:0;
	display:block;
	width:162px;
	height:25px;
	background:url(../images/nav_bg_a.jpg) no-repeat;
	padding-left:34px;
	border-top:1px solid #404043;
}
#wedbar #div-nav ul > li:first-child {
	border-top:none;
	background:url(../images/nav_bg_top_a.jpg) no-repeat;
	height:22px;
}

#wedbar #div-nav ul li a {
	color:#fff;
	font-size:0.75em;
	font-weight:bold;
	line-height:24px;
	display:block;
	width:162px;
	height:25px;
}

#wedbar #div-nav ul > li:first-child a {
	line-height:18px;
}

#wedbar #div-nav ul li a:hover {
	color:#B850DB;
}







/* -------------- EXPERIENCES NAVIGATION ------------ */
							
#exp #div-nav ul {
	margin:0;
	padding:0;
}
#exp #div-nav ul li {
	margin:0;
	padding:0;
	display:block;
	width:173px;
	height:21px;
	background:#94949B url(../images/exp_nav_bg_a.jpg) no-repeat;
	padding-left:22px;
	border-bottom:1px solid #404043;
}
#exp #div-nav ul > li:first-child {

}

#exp #div-nav ul li a {
	color:#fff;
	font-size:0.75em;
	line-height:21px;
	display:block;
	width:174px;
	height:21px;
}

#exp #div-nav ul > li:first-child a {
}

#exp #div-nav ul li a:hover {
	color:#FFF;

}
#exp #div-nav ul li:hover {
	background: #7A7A80 url(../images/exp_nav_bg_b.jpg) no-repeat;
}								

										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */