/*  
Theme Name: Two Seasons Villas Hot Spring Resort
Theme URI: http://twoseasonsresort.com
Description: Logo/Design by Brenn Cemanes. Ported to WordPress by Brenn Cemanes
Version: 1.0
Author: Brenn Cemanes
Author URI: http://pinoytayonoh.blogspot.com/
Tags: two seasons, hot spring, a private resort, laguna, calamba
*/

/* Start of Global Site CSS Settings */

body { 
	background: #ffffff url(images/bg.jpg) repeat;  
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	margin: 0;
	padding: 0;
	color: #ffffff; 
}


a:link    { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover   { text-decoration: none; color: #0099FF; }
a:active  { text-decoration: none; color: #ffffff; }
a:focus   { outline: none;}
.clear{ clear:both; }


.ads-250x250 { width: 250px; height: 250px; float: left; padding: 20px 0 0 18px; border: 0px solid #000; } 

.ads-250-text{ width: 300px; height: 250px; float: left; padding: 20px 0 0 15px; border: 0px solid #000; } 


/* End of Global Site CSS Settings */


#top {
	background: url(images/header-bgs.jpg) repeat-x;	
	position: relative;
	width: 100%;
	height: 210px;
	margin: 0;
	padding: 0;
}

#top .style{
	background: url(images/header-style.png)  no-repeat;
	position:relative;
	width: 977px;
	height: 202px;
	margin: 0 auto;	
}

#top .logo { 
	position: absolute;
	top:5px;
	left: 50px;
	margin: 0;
	padding: 0;	
	border: 0px solid #000;
}

#nav-holder { 
	background:url(images/navigation-bgs.jpg) repeat-x center top;
	width:100%;
	height: 74px;
	margin: 0;
	padding: 0;
}
#topnav-holder{
	position: relative;
	width:800px;
	height:30px;
	margin: 0 auto;
	padding: 11px 0 0 0;
	border: 0px solid #fff;
}
#topnav, #topnav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2em;  width: 530px; float: left; } 
#topnav a{  display:block; padding: 5px 15px 0 20px; color:#c3c5c3; text-decoration:none; font-weight: bold; }
#topnav a:hover{ background: url(images/nav-hover.jpg) repeat-x; padding: 5px 15px 10px 20px; color: #FF0; font-weight: bold; }
#topnav li{ float:left; height: 52px; margin: 0;  position:relative; }
#topnav ul { position:absolute; display:none; width:12.5em; top:1.5em; }

#searchform { float: left; border: 0px solid #eee; }
.search {border: none;  width: 235; height: 20px; padding: 2px 0 0 20px; color: #164973; }
.search input, .search button { border: none;  }
.search span { color: #164973; font-weight: bold;  }
.search input.box { background: url(images/search-box.jpg)  no-repeat;  color: #164973; font-size: .90em; width: 200px; height: 30px;  margin: 0 0 0 5px; padding: 6px 0 0 10px; text-indent: 8px; color: #fff; }
.search button.btn { width: 27px; height: 30px; cursor: pointer; text-indent: -9999px;
	background: url(images/search-button.jpg) no-repeat center right; }

#wrapper-1 {
	background: url(images/wrapper-bg.png) repeat-y;
	width: 916px;
	height: 290px;
	margin: 0 auto;

}

#wrapper-2 {
	background: url(images/wrapper-bg.png) repeat-y;
	width: 916px;
	height: auto;
	margin: 0 auto;

}

.inner-wrap{
	width: 846px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.inner-result{
	width: 848px;
	height: auto;
	margin: 0 auto;
	padding: 5px;
}


#flash-holder{
	background: url(images/flash-bg.jpg) no-repeat;
	width: 846px; 
	height: 270px;

}
.flash-object{
	width: 830px;
	height: 261px;
	margin: 0 auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;	
	border-bottom: 2px solid #fff;	
	
}


.white{
	background-color:#000000;
	width: 595px;
	height:auto;
	float:right;
}

.gsc-search-box{
	
	float: right;	
}

.left-holder{
	float: left;
	width: 596px;
	height: auto;
	margin: 0;
	padding:0 0 0 30px;
	border: 0px solid #000;
}

.left-holder p{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	padding: 0 0 0 5px;
	line-height: 1.3em;
	text-align:left;
}
.title{
	width:597px;
	height: 36px;
	border-bottom: 3px solid #fff;
}

.contact-form{
	width: 587px;
	height: 203px;
	margin: 0 auto;
}


.thumbnail { 
	float: left;
	width: 190px;
	height: auto;
	margin: 6px 2px 0 5px;
	border: 0px solid #000;
}

.thumbnail h3 { 
	font-size:14px;
	font-weight:bold;
	padding: 0 0 0 5px;
}

.thumbnail p {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	padding: 0 0 0 5px;
	line-height: 1.3em;
	text-align:left;
}

#gallery{
	width: 585px;
	height: 180px;
	padding: 5px;
	border: 1px solid #fff;
	
}
.gallery-thumb{
	float: left;
	width: 50px;
	height: 33px;
	margin: 5px 8px 5px 5px;
	border: 1px solid #fff;
	
}

#map{
	width: 585px;
	height: 210px;
	border: 0px solid #fff;
	
	
}
.map-thumb{
	width: 272px;
	height: 200px;	
	margin: 10px auto;
	border: 1px solid #fff;
	
}

.right-holder{
	float: right;
	width: 240px;
	height: auto;
	margin: 0;
	padding:0 30px 0 0;
	border: 0px solid #000;
}

.right-box{ 
	background:url(images/intro-bg.jpg) no-repeat;
	width: 240px;
	height: 256px;
}

#viewer{
	width: 206px;
	height: 248px;
	padding: 8px 0 0 0;
	margin: 0 auto;
}

.right-box p {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	padding: 5px 10px 0 10px;
	text-align:left;
}

#footer {
	width: 846px;
	padding: 40px 0 0 0;
	border: 0px solid #000;
}

#footer p {
	font-size:14px;
	font-weight:normal;
	padding: 0 0 0 30px;
	text-align:left;
}

#footer-tail {
	background:url(images/footer-tail-bg.png) no-repeat;		
	width: 916px;
	margin: 0 auto;
}