/* 
---------------------------------------------------------------------------
Reset
--------------------------------------------------------------------------- 
*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl  {
	margin:0;
	padding:0;
	}

	
body {
	color:#333;
	background: #fff url(uploads/Elysian-/bg.gif) repeat-x;
	font: 11px/18px Verdana, Tahoma, Helvetica, sans-serif;
	height: 100%;
	}
	
img {
	border:0;
	margin: 0;
	padding: 0;
	}	

hr {
	height: 1px;
	color: #D6C3DC;
	border-top: 0px solid #D6C3DC;
	}


 html
{
height: 100%;
}



/* 
---------------------------------------------------------------------------
Float Fix
--------------------------------------------------------------------------- 
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 


/* 
---------------------------------------------------------------------------
Wrapper, Logo & Image
--------------------------------------------------------------------------- 
*/

#wrapper {
	width: 768px;
	position: relative;
	min-height: 100%;
}

 * html #wrapper
{
height: 100%;
}

#header {
	height: 80px;
	position: relative;
}

#header h1 a {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  height:132px;
  width:130px;
  text-decoration:none;
  background:url(uploads/Elysian-/logo.gif) 0px 0px no-repeat;
}

#header h1 a span {
  visibility:hidden;
}


#top-image {
	width: 220px;
	height: 130px;
	border: 2px solid #fff;
	border-width: 0 2px 0 2px;
	position: absolute;
	left: 135px;
}

		.couple1 {
			background: url(uploads/Elysian-/image_couple1.jpg) no-repeat;
		}
		
		.couple2 {
			background: url(uploads/Elysian-/image_couple2.jpg) no-repeat;
		}
		.single1 {
			background: url(uploads/Elysian-/image_single1.jpg) no-repeat;
		}
		
		.single2 {
			background: url(uploads/Elysian-/image_single2.jpg) no-repeat;
		}
		

#slogan {
	width: 406px;
	height: 42px;
	position: absolute;
	left: 365px;
	top: 42px;
}

		.nr1 {
			background: url(uploads/Elysian-/slogan.gif) no-repeat;
		}
		
		.nr2 {
			background: url(uploads/Elysian-/slogan_2.gif) no-repeat;
		}
/* 
---------------------------------------------------------------------------
breadcrumbs
--------------------------------------------------------------------------- 
*/
		
#breadcrumbs {
	padding: 6px 16px 5px 25px;
	background: #683578 url(uploads/Elysian-/link.gif) no-repeat 3px 8px;
	font-size: 10px;
	color: #76B3EC;
	position: absolute;
	left: 370px;
	top:103px; 
}

#breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

#breadcrumbs strong { color: #fff;}

/* 
---------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------- 
*/

#nav ul {
   position: absolute;
	top: 137px;
	left: 0px;
	list-style: none;
	border-right: 1px solid #5D90C0;
   margin: 0;
  	padding: 0;
	}
	

#nav ul li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	border-right: 2px solid #fff;
	background: url(uploads/Elysian-/bg_nav.gif) repeat-x;
	
	}
#nav ul a {
	float: left;
	padding: 8px 10px 7px 10px;
	text-decoration: none;
	border: 1px solid #5D90C0;
	color: #fff;
	font-weight: bold;
	}
	
#nav li a:hover, #nav li a.active {
	color: #fff;
	border: 1px solid #464B8E;
	background: url(uploads/Elysian-/bg_nav_hover.gif) repeat-x;
	}

	
/* 
---------------------------------------------------------------------------
Text
--------------------------------------------------------------------------- 
*/

#content {
	position: relative;
	margin: 135px 0 40px 0;

}

#text {
	width: 480px;
	margin-left:270px;
	font-size: 12px;
}

#text h1 {
	color:#4859A7;
	letter-spacing:-1px;
	font: normal 31px/26px "Century Gothic", verdana ,Arial,Helvetica,sans-serif;
	margin: 0 10 13px -2px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D6C3DC;
	background: url(uploads/Elysian-/ee.gif) no-repeat center right;
}

#text h2 {
	color:#4859A7;
	letter-spacing:-1px;
	font: normal 25px "Century Gothic", verdana ,Arial,Helvetica,sans-serif;
	margin: 0 10 2px -2px;
}

#text h3 {
	color:#4859A7;
	letter-spacing:-1px;
	font: normal 22px "Century Gothic", verdana ,Arial,Helvetica,sans-serif;
	margin: 0 10 2px -2px;
}

#text p {
	margin: 8px 0;
	font-size: 12px;
}

#text img {
	border: 1px solid #D6C3DC;
	background: #F3E8F6;
	padding: 4px;
	margin-right: 7px;
}

		#text img.l {
			float: left;
			margin-right: 7px;
			}
			
		#text img.r {
			float: right;
			margin-left: 9px;
			}

#text ul {
	margin: 8px 20px;
}

#text ul li {
	color: #844399;
	font-weight: bold;
	list-style-type: square;
}

#text ol {
	list-style-type: decimal;
	margin: 8px 28px;
}

#text ol li {
	list-style-type: decimal;
	font-weight: bold;
	color: #844399;
}


#text a {
	color: #990088;
	font-weight: normal;
	text-decoration: none;
}

#text a:hover {
	color: #68A4DD;
	text-decoration: underline;
}



/* 
---------------------------------------------------------------------------
Sub-nav
--------------------------------------------------------------------------- 
*/

#sub-nav {
	background: #8BBEEE;
	width: 220px;
	border: 1px solid #748FCE;
	position: absolute;
	top: 38px;
	left: 15px;
}

#sub-nav ul {
	margin:5px 5px 3px 5px;
	padding:0;
	list-style: none;
}

#sub-nav li {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #8BBEEE;
	font-weight: bold;
}


#sub-nav a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 6px 29px;
	color: #fff;
	background: #68A4DD url(uploads/Elysian-/arrow.gif) no-repeat 5px center;	
}

#sub-nav a.child {
	background: #68A4DD url(uploads/Elysian-/arrow_child.gif) no-repeat 5px center;
	padding: 1px 5px 2px 29px;	
}

 * html #sub-nav ul li a { width: 180px;}
 * html #sub-nav ul li a.child { width: 175px;}
 * html #sub-nav ul li a.active_child { width: 175px;}

#sub-nav ul.child {
	margin: 2px 0px 2px 5px;
}

#sub-nav a:hover, #sub-nav a.active {
	background: #5D95CA url(uploads/Elysian-/arrow_hover.gif) no-repeat 5px center;
	color: #fff;
}
#sub-nav a.child:hover, #sub-nav a.active_child, #sub-nav a.active_child:hover  {
	background: #5D95CA url(uploads/Elysian-/arrow_hover_child.gif) no-repeat 5px center;
	color: #fff;
	padding: 1px 5px 2px 29px;	
}	
	
	
/* 
---------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------- 
*/
	
#footer {
	position: relative;
	clear: both;
	margin-top: -4em;
	border-top: 1px solid #572C65;
        border-right: 1px solid #572C65;
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #793E8C;
	color: #fff;
	}
	
*html #footer {
	margin: -2.3em auto 0 auto;
}
	
	
	
#footer p {
	padding: 0 0 0 10px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #fff;
}