/* style sheet for Shamuvilla.com
	Author: Sue Fernandes */

/* colors used in site:	#F6C21D (gold) 
						#000054 (blue text) 
						#004EFB (blue background) */


/* reset formats */
* 						{margin: 0; padding: 0;}
	
html 					{}

ul 						{list-style: none; padding: 0;}
p 						{line-height: 1.3em; margin-bottom: 1.2em; text-align: justify; font-size: 1em;}
a 						{outline: none; text-decoration: none;}
img 					{border: none;}
h1 						{font-size: 1.1em}
h2 						{font-size: 1em; margin-bottom: 10px;}
h3 						{font-size: 1em;}
ul						{list-style: none;}


/*general styling */

.left 					{float: left;}
.right 					{float: right;}
.clear 					{clear: both;}
.imgcenter 				{margin-top: 20px; text-align: center;}
.clearright 			{clear: right;}
.clearleft 				{clear: left;}
.center 				{text-align: center;}
.section 				{width: 95%; text-indent: 10px; border-bottom: 1px solid #F6C21D; 
						text-align: left; margin: 50px 0px 20px 0px; font-size: 1.2em;}

.pagelink 				{width: 35%; text-indent: 10px; border-bottom: 1px solid #F6C21D; text-align: left; margin-bottom: 20px;}


body 					{position: relative;
							font-family:  georgia, "times new roman", serif;
							color: #000054;
							background: #fff url(images/body-bk.png) repeat;}

a 						{color: #000054;}

#pagewrapper 			{width: 960px;
							margin: -208px auto;}

#header-bk				{background: url(images/header2.png) repeat-x;
							height: 228px;}
							
#header 				{position: relative;}

#header h1 				{text-indent: -9999px;
							background: url(images/logo.png) no-repeat;
							position: absolute; top: 00px; left: -15px;
							z-index: 100;
							height: 257px; width: 960px; margin: 0 auto;	}
							
#header h2 			{text-indent: -9999px;
							background: url(images/headertext.png) no-repeat;
							height: 148px; width: 598px;
							margin-left: 260px;}
				
#tagline 				{height: 18px;
							background: url(images/tagline.png) no-repeat;
							padding: 13px 0 0 280px;
							margin-top: 60px;
							}
							
h3.tag 					{padding-top: 15px; font-size: 17px;}

#maincontent 			{background: url(images/maincontent.png) repeat-y;
						padding: 0 0 20px 0;
}

#sidebar 				{width: 200px;
							float: left;
							padding-left: 20px;}

#pagecontent 			{width: 70%;
							margin-left: 260px;
							padding: 60px 00px 20px 0px;
							overflow: hidden;}
							
#pagecontent a 			{font-weight: bold;}



#pagecontent a:hover, 
#pagecontent a:active 	{color: #DEAC0C;}

.photoborder 			{padding: 2px 2px 12px 2px;
							border-left: 1px solid #CCCCCC;
							border-top: 1px solid #cccccc;
							border-right: 2px solid #999999;
							border-bottom: 2px solid #999999;
								background: #fff;} /*adds photo border around images */


/*navigation */

/*layout */


#sidebar ul								{display: block; margin: 0; list-style-type: none;}
#sidebar li								{display: block;}
#sidebar 								{padding-top: 50px;}
#sidebar ul.navigation li.menu 			{display: block; float: left; width: 213px; background: url("images/nav-bk.png") no-repeat; 
										margin-left: 0px; }
#sidebar ul.navigation li.bottom		{height: 367px;}
#sidebar ul.navigation li.menu ul 		{text-indent: 15px;}
#sidebar ul.navigation li.menu ul li img {}

	
/* typography */
			
#sidebar ul.navigation h2.menu_title 	{font-size: 15px; padding: 8px 0 5px 10px;}
#sidebar ul.navigation li ul			{padding: 10px 0 25px 0;}
#sidebar ul.navigation li ul li 		{font-size: 14px; font-weight: bold;}
#sidebar ul.navigation a:hover,
#sidebar ul.navigation a:active 		{color: #0076FB;}
#sidebar ul.navigation li ul li img		{margin-top: 20px;}


/* active states for navigation */

body#home li.homeactive a,				
body#home li.homeactive a:hover,
body#home li.homeactive a:active,			
body#villa li.villaactive a	,			
body#villa li.villaactive a:hover,
body#villa li.villaactive a:active,		
body#contact li.contactactive a	,		
body#contact li.contactactive a:hover,
body#contact li.contactactive a:active,
body#photogallery li.galleryactive a	,		
body#photogallery li.galleryactive a:hover,
body#photogallery li.galleryactive a:active,	
body#attractions li.attractionsactive a,		
body#attractions li.attractionsactive a:hover,
body#attractions li.attractionsactive a:active,	
body#rates li.ratesactive a,				
body#rates li.ratesactive a:hover,
body#rates li.ratesactive a:active,		
body#location li.locationactive a,		
body#location li.locationactive a:hover,
body#location li.locationactive a:active		{color: #0076FB; font-weight: bold;}	



/* index page pagecontent */

#home #sidebar ul#navigation li.active a 		{background-position: top center; text-indent: -9999px; color: #fff;}

#home #pagecontent img 							{margin: 0 0 20px 0;}

#home #pagecontent ul#bulletlist				{overflow: auto; margin-left: 10px;}

	#home #pagecontent ul#bulletlist li			{display: block;
												width: 43%;
												float: left;
												background: url(images/bullet.jpg) no-repeat left center;
												font-style:italic;
												font-size: 15px;
												padding: 10px 0 5px 30px;}
		
	#home #pagecontent h3 					{text-align: right;
												margin: 20px 30px 10px 0;
												font-style:italic;
												font-size: 1.2em;
												font-weight: bold;}
	
	h1.offer								{width: 60%; margin: 10px auto 0 auto ; 
												background: #E5EEF5; 
												padding: 10px; border: 3px solid #F6C21D;
												-moz-border-radius: 10px; -webkit-border-radius: 10px;
												text-align: center; }
	h1.offer span							{text-transform:uppercase; font-style: italic; padding: 0 5px 0 5px;}



/*villa */

#villa #sidebar ul#navigation li.active a {background-position: top center; text-indent: -9999px; color: #fff;}

#villa #pagecontent h1,
#photogallery #pagecontent h1				{text-indent: -9999px;
												width: 500px; height: 50px;
												background: url(images/title_villa.png) no-repeat;}

#villa #pagecontent h2						{font-size: 1em; margin: 0 50px 20px 0; text-align: justify;}

#villa #pagecontent h2.section				{margin-top: 50px; font-size: 1.2em;}

#villa #pagecontent ul#sub_content li p 	{margin-right: 50px; font-size: .9em;}
#villa #pagecontent ul#sub_content li img 	{margin: 10px auto 10px auto;}
		


/* gallery */


	#gallery li 							{display: inline; float: left; margin: 10px;}
	
	/* jQuery lightBox plugin - Gallery style */
	
	#gallery 								{background-color: #fff;
												padding: 10px 10px 10px 30px;
												width: 600px;	}
	#gallery ul								{list-style: none; }
	#gallery ul li 							{display: inline; }
	
	#gallery ul a:hover img					{background-color: #F6C21D
	}
	#gallery ul a:hover						{color: #444; }
		
		
/*location*/

#location #sidebar ul#navigation li.active a {background-position: top center; text-indent: -9999px; color: #fff}

#location #pagecontent h1 							{text-indent: -9999px;
														width: 500px; height: 50px;
														background: url(images/title_location.png) no-repeat;}
										
		#location #pagecontent p 					{margin: 10px 50px 15px 0px ;}
		#location #pagecontent ul#sub_content h2 	{font-size: 1em; margin: 0 50px 20px 0; text-align: justify;}
		#location #pagecontent ul#sub_content img 	{margin-bottom: 20px;}
		#location iframe 							{margin: 0px 0 20px 0;}	


		
/*attractions*/

#attractions #sidebar ul#navigation li.active a 	{background-position: top center; text-indent: -9999px; color: #fff}

#attractions #pagecontent h1 						{text-indent: -9999px;
														width: 500px; height: 50px;
														background: url(images/title_attractions.png) no-repeat;}

			#attractions #pagecontent h2 			{margin-bottom: 20px; font-size: 1.1em;}
			#attractions #pagecontent h3 			{font-size: 1em; width: 90%;}
			#attractions #pagecontent img 			{float: right; margin: 15px;}
					
			
					
			#attractions #pagecontent ul 			{width: 100%; overflow: auto; margin: 0px 0 0px 50px;	
														padding: 20px 0;}

	#attractions #pagecontent ul li 				{display: block;
														background: url(images/bullet.jpg) no-repeat left center;
														padding: 5px 0 5px 40px;
														font-weight: bold;
														font-style:italic;
														font-size: 1.1em;}
		
/*rates*/

#rates #sidebar ul#navigation li.active a			{background-position: top center; text-indent: -9999px; color: #fff}

#rates #pagecontent h1 									{text-indent: -9999px;
															width: 500px; height: 50px;
															background: url(images/title_rates.png) no-repeat;}
		#rates #pagecontent h2, #rates #pagecontent p 	{margin-right: 30px;}
		#rates #pagecontent h2 							{font-size: 1.1em; margin-bottom: 15px;}
					
		table.rentalrates 								{border-collapse: collapse; width: 70%; text-indent: 20px; padding: 0; margin: 10px 0 30px 80px;}
		table.rentalrates th							{width: 15%; text-align: left; padding: 3px 0 3px 0;  }
		table.rentalrates td 							{background: url(images/tableback.jpg); padding: 5px 0 5px 0;}
		table.rentalrates th.wider 						{width: 44%;}
		table.rentalrates th 							{font-weight: bold; background: #F7E55D;}
		
		#rates #terms h2 								{margin-bottom: 10px;}
		#rates #terms p 								{font-size: .8em;}
		#rates #terms h3 								{margin: 30px 0 20px 0;}
		
		iframe.availability								{margin-left: -5px;}
			

/*contact*/

#contact #sidebar ul#navigation li.active a 			{background-position: top center; text-indent: -9999px; color: #fff}

#contact #pagecontent h1 								{text-indent: -9999px;
															width: 500px; height: 50px;
															background: url(images/title_contact.png) no-repeat;}
					
		#contact form#enquiry 							{width: 50%; margin: 10px auto 30px auto; 
															padding: 15px 5px 15px 60px;
															background: #F6C21D;
															border: 2px solid #000054;}
		#contact form#enquiry td 						{font-weight: bold; font-size: 1em; }
		#contact form#enquiry td.box 					{width: 200px; padding: 5px;}
		#contact form#enquiry input 					{width: 150px;}
		#contact form#enquiry input, 
		#contact form#enquiry textarea 					{border: 2px inset #004EFB; padding: 4px;}
		
		#contact #submitform 							{margin-left: -20px;}
		#contact #submitform input 						{margin-right: 10px;}
		
			#contact form#enquiry input.submit 			{background: #cccccc; border: 1px outset #333333;}
			#contact form#enquiry input.submit:hover, 
			#contact form#enquiry input.submit:active 	{border: 1px inset #333333;}  


			
/*footer */

#footer 												{font-size: 1em;
															padding: 30px 0;
															background: url(images/footer-bk.jpg) no-repeat;
															margin-left: -17px;
															}

#footer p 												{text-align: center;}
			
ul#footerlinks 											{text-align: center; margin-bottom: 5px;}
			ul#footerlinks li 							{display: inline;}
			#footer #footerlinks li a 					{margin: 0px 5px 0 5px;}
			
			ul#footerlinks li a:hover, 
			ul#footerlinks li a:active 					{text-decoration: underline;}
			p.copyright									{font-size: .7em;}
			p.copyright a								{color: #888888;}
			p.copyright a:hover, p.copyright a:active	{color: #000054;}