@import url(reset.css); 
@import url(defaults.css); 

body {
	background: url(../images/bg.jpg) center top #000000 no-repeat;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:visited, a:link {
	color: #FFFFFF;
	font-weight: bold;
}

a:hover {
	
}

#wrapper {
	width: 940px;
	margin: 0 auto;
}

/********* h1 logo *********/

h1#logo {
	background-image:url(../images/retreat-rooms_logo.png);
	background-repeat:no-repeat;
	width: 134px;
	height: 152px;
	display: block;
	float: left;
	text-indent:-9999px;
	margin-top: 20px;
}

	h1#logo a {
		display: block;
		width: 134px;
		height: 152px;
		text-indent:-9999px;
	}
	
	
/********* Header *********/

#header {
	float: right;
	width: 760px;
}

#header h2 {
	text-align: right;
	font-size: 18px;
	float: right;
	margin: 20px 0;
}

#header span {
	color: #a7cd40;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
	float: right;
	clear: right;
	margin: 0 0 50px 0;
}

/******* menu *******/

ul#menu {
	list-style:none;
	float: right;
	margin: 0 0 0 20px;
	font-size:13px;
	z-index:999;
	position:relative;
}

	ul#menu li {
		display: inline;
		padding: 0 20px 0 10px;
		border-right: 1px solid #FFFFFF;
		position:relative;
	}
	
	ul#menu li a:link, ul#menu li a:visited {
		color: #FFFFFF;
	}
	
	ul#menu li a:hover {
		color:#FF9900;
	}
	
	ul#menu li.last {
		border: none;
		padding: 0 0 0 10px;
	}
	
	
	/** drop menus **/
	
	
	
	ul#menu li ul.submenu, ul#menu li ul.submenu2 {
		display: none;
		width: 200px;
		font-size: 12px;
		padding: 15px;
		text-indent: 0px;
		color:#FFFFFF;
		position: absolute;
		z-index:99;
		top: 15px;
		left: -15px;
		
	}
	
	ul#menu li ul.submenu li, ul#menu li ul.submenu2 li {
		display:block;
		width: auto;
		height: 20px;
		padding: 10px;
		border: none;
		background-image: url(../images/submenu_bg.png);
		background-repeat:repeat;
	}
	
	

/********* mbSlider PRO - licensed to Ascensor Ltd *********/

#slider-contain {
	float: left;
	background-image:url(../images/slider-home_bg.jpg);
	background-repeat:no-repeat;
	height: 303px;
	width: 924px;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 8px;
}



#slider li.mbSlider_Slide {
	width:923px;
	height:250px;
}


#slider_pagination {
	padding-top:10px;
	height:13px;
	float:right;
	margin: 10px 10px 0 0;
}

#slider_pagination a {
	display:block;
	background-image: url(../images/pagination.png);
	background-repeat:no-repeat;
	width:19px;
	height:13px;
	float:left;
	text-indent:-9999px;
	background-position:-21px 0px;
	margin-left: 4px;
}

#slider_pagination a._current-slide {
	background-position:0px 0px;
	width: 19px;
	height: 13px;
	margin-left: 4px;
}



/********* Homepage **********/

#about-surround {
	float: left;
	clear: left;
	width: 291px;
}

	#about-surround h3 {
		font-size:18px;
		color: #a7cd40;
		margin: 0 0 15px 0;
	}
	
	#about-surround p {
		line-height:18px;
		margin-bottom: 15px;
	}
	
	#about-surround a:link, #about-surround a:visited, .basement-column1 a:link, .basement-column1 a:visited, .basement-column2 a:link, .basement-column2 a:visited, .basement-column3 a:link, .basement-column3 a:visited {
		display: block;
		background-image: url(../images/readmore_home.jpg);
		background-repeat:no-repeat;
		width: 141px;
		height: 31px;
		text-indent:-9999px;
	}
	
	#about-surround a:link.brochure {
		display: block;
		background-image:url(../images/free_brochure-home.jpg);
		background-repeat:no-repeat;
		width: 306px;
		height: 122px;
		margin: 60px 0 20px 0;
	}
	
#vimeo {
	float: right;
	border: 1px solid #a7cd40;
	width: 560px;
	background-color:#000000;
}

/********* Contact Message Boxes *********/

#invalid-message {
background-color:#ffd3de;
border:1px dotted #cc0035;
font-weight:bold;
margin-bottom:5px;
padding:5px;
text-align:center;
color: #993300;
}

#success-message {
background-color:#CAFFCB;
border:1px dotted #00CC00;
font-weight:bold;
margin-bottom:5px;
padding:5px;
text-align:center;
color: #006633;
}


/********* Footer *********/

#footer {
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding: 10px 0;
	float: left;
	clear: both;
	width: 940px;
	margin: 20px 0;
	font-size: 9px;
}

#footer img.greenconv {
	float: right;
}

#footer p {
	float: left;
}



/****************** About Retreat Rooms ******************/

#about-rr {
	float: left;
	clear: left;
	width: 650px;
	text-align:justify;
}

	#about-rr h2, #sub-rr h2 {
			font-size:20px;
			color: #a7cd40;
			margin: 0 0 15px 0;
		}
		
			#about-rr h2 span, .basement-column1 h2 span, .basement-column2 h2 span, .basement-column3 h2 span, #sub-rr h2 {
				color: #FFFFFF;
			}
		
	#about-rr p, .basement-column1 p, .basement-column2 p, .basement-column3 p, #sub-rr p {
		line-height:18px;
		margin-bottom: 15px;
	}
	
	.title-green {
		font-size: 16px;
		color: #a7cd40;
	}
	


#sub-rr {
	float: left;
	clear: left;
	width: 450px;
	text-align:justify;
}


#sub-vimeo {
	border:1px solid #a7cd40;
	width: 400px;
	float: right;
	margin-top: 5px;
	margin-bottom: 15px;
}

	

/****************** Basement Pages ******************/


.basement-column1, .basement-column2 {
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
}

.basement-column3 {
	width: 300px;
	float: left;
	margin-bottom: 0;
}

	.basement-column1 h2, .basement-column2 h2, .basement-column3 h2 {
		font-size: 20px;
		color: #a7cd40;
		margin: 0 0 15px 0;
	}
	
	.basement-column1 p, .basement-column2 p, .basement-column3 p {
		height: 110px;
	}
	
	.basement-column1 hr, .basement-column2 hr, .basement-column3 hr {
		width: 280px;
		border-bottom: 1px solid #333333;
		height: 2px;
		background-color: #666666;
		margin-bottom: 5px;
	}
	
	h2#spandown {
		margin-top: 60px;
	}
	
	#about-rr p.bold-titles {
		color:#A7CD40;
		font-weight:bold;
		margin-bottom: 2px;
	}
	
	ul.arch-accept li {
		background-image:url(../images/accept.png);
		background-repeat:no-repeat;
		margin-bottom: 10px;
		font-weight: bold;
		padding: 0 0 0 24px;
		line-height: 16px;
	}
	
	
	
/* ****----------- idTabs ------------ ***** */
/* Style for Usual tabs */
.usual {
	color:#b1d944;
	width:678px;
	float: left;
	width: 940px;
}
.usual ul.idTabs li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 7px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#90b330;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#b1d944;
  cursor:default;
  }
.usual div {
  padding:10px 2px 8px 2px;
  padding-top:3px;
  margin-top:-15px;
  clear:left;
  color: #FFFFFF;
}
.usual div a { color:#FFF; font-weight:bold; }





.slideshow { 
	height: 242px; 
	width: 681px; 
	overflow: hidden;
}

.slideshow-small { 
	height: 225px; 
	width: 300px; 
	border: 1px solid #b1d944;
	margin: 0px;
	margin-bottom: 25px;
	padding: 0px;
	margin-left: 25px;
	overflow: hidden;
}

#windows-image {
	width: 265px;
	height: 400px;
	float: left;
}

#windows-image2 {
	width: 265px;
	height: 400px;
	float: left;
}

.sliding-info {
	height: 95px;
	width: 100%;
}

.winbold-titles {
	font-weight: bold;
	color: #b1d944;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#window-desc {
	width: 390px;
	
	margin-top: 10px;
}

#window-desc2 {
	width: 390px;
	
	margin-top: 10px;
}

#window-desc3 {
	width: 390px;
	margin-top: 10px;
}

#window-desc4 {
	width: 390px;
	margin: 10px 0 0 0;
}

.clr-right {
	clear: right;
}


#window1, #window2, #window3, #window4, #window5, #window6, #window7, #window8, #window9, #window10, #window11, #window12, 
#door1, #door2, #door3, #door4, #door5, #door6, #door7, #door8, #door9, #door10, #door11, #door12, #door13, #door14 {
	width: 380px;
	height: 50px;
	display: none;
	margin-top: 10px;
}


.window-door {
	width: 600px;
	float: right;
}
	
.bold-list li span {
	font-weight: bold;
	color: #b1d944;
	margin-left: 10px;
	line-height: 19px;
}

.usual p {
	line-height:18px;
	margin-bottom: 15px;
}

p.bold-titles2 {
	color:#B1D944;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom: 15px;
}

.bolder-list {margin:0; padding:0; width:500px; list-style:none;font-weight: bold;
	color: #b1d944;}
.bolder-list  li{padding:0; margin:0 0 1px 0; height:30px; display:block; }
.bolder-list  li span {text-align:left;height:30px; padding:0px 30px; display:block; text-decoration:none;}


.bolder-list  li  span{line-height:30px;}


/**** Contact ****/

.address-contain {
	float:left;
	margin:0 20px 20px 0;
	width:200px;
}

address {
	color:#B1D944;
	font-size:110%;
	font-weight:bold;
}

address span {
	color: #FFFFFF;
	margin-top: 10px;
}

#contact-rr {
	float: left;
	clear: left;
	width: 940px;
	text-align:justify;
}

	#contact-rr h2 {
			font-size:20px;
			color: #a7cd40;
			margin: 0 0 15px 0;
		}
		
			#contact-rr h2 span {
				color: #FFFFFF;
			}
		
	#contact-rr p {
		line-height:18px;
		margin-bottom: 15px;
	}
	
	#contact-rr form {
		margin-top: 40px;
		float: left;
		width: 520px;
	}
	
	#contact-rr .cssform  {
		float: left;
		clear: left;
	}
	
	#contact-rr  .cssform label {
		float: left;
		width: 150px;
		clear: left;
	}
	
	#contact-rr  .cssform input, #contact-rr  .cssform select, #contact-rr  .cssform textarea {
		width: 350px;
		border: 1px solid #CCCCCC;
		background-color:#000000;
		padding: 4px;
		color:#FFFFFF;
		float: left;
		margin: 0 0 15px 0;
	}
	
	#contact-rr  .cssform select {
		width: 358px;
		background-color:#000000;
		color: #FFFFFF;
	}
	
	#contact-rr  .cssform select option {
		width: 358px;
		background-color:#000000;
		color: #FFFFFF;
	}
	
	#contact-rr  .cssform input:focus, #contact-rr  .cssform select:focus, #contact-rr  .cssform textarea:focus {
		border: 1px solid #a7cd40;
	}



.pics { height: 250px; width: 923px; padding:0; margin:0; overflow: hidden }
.pics img { height: 250px; width: 923px; top:0; left:0 }


a#free-dvd {
	float: right;
	background-image:url(../images/free-dvd.jpg);
	background-repeat:no-repeat;
	width: 270px;
	height: 146px;
	text-indent:-9999px;
	display: block;
}


/****** MAP *******/

.map {
    width: 340px;
    height: 230px;
    border: 1px solid #a7cd40;
    overflow: hidden;
	float: right;
	margin-top: 40px;
}

.tooltip {
    font-family: "Lucida Sans", "Lucida Sans Unicode", arial;
    font-size: 9pt;
    width: 170px;
    overflow: hidden;
}

.tooltip .top{
    background: url(../images/bubble.png) no-repeat;
    height: 5px;
    overflow: hidden;
}

.tooltip .middle{
    background: url(../images/bg.png) repeat;
    background-position: -173px top;
    padding: 0px 5px;
    color: #FFF;
}

.tooltip .middle img{
    margin: 5px 0px;
    clear: both;
}

.tooltip .bottom{
    background: url(../images/bubble.png) no-repeat;
    height: 25px;
    background-position: left bottom;
    overflow: hidden;
}

.tooltip .IE6 {
    background: url(../images/bubble.gif) no-repeat;
}

.tooltip .BOTTOMIE6 {
    background: url(../images/bubble.gif) no-repeat left bottom;
}

.tooltip .MIDDLEIE6 {
    background: #1A1A1A;
}

#sump-pump, #delta {
	float: left;
}

#sump-pump img, #delta img {
	float: left;
	margin: 0 10px 10px 0;
}