/* Styesheet for Nanuya Island Resort 



Made by Rob & Deepak.*/







html,body{margin:0;padding:0;



   	



}



body{font: .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



text-decoration: none;



}







/* @group Fonts */





a{   display: inline;



     color: #1b6097;



     text-decoration: none;



     font-variant: small-caps;



}



a:visited{color: gray;}







h1{



	font: italic 2.5em/1.5em Georgia, "Times New Roman", Times, serif;



	color: #1b6097;



}







h2 {



	color: gray;



	font: bold 1.1em/1em Georgia, "Times New Roman", Times, serif;



}







h3 {



        clear:both;



	color: #000;



	font: small-caps 1em/1em Georgia, "Times New Roman", Times, serif;



	letter-spacing: .3em;



	word-spacing: .3em;



}







h4 {



	font: 1.2em/.8em Georgia, "Times New Roman", Times, serif;



	color: #c89c67;



}











#header h3 {



	text-align: center;



	vertical-align: text-bottom;



	color: #fff;



}



#content p{



	font: 1.2em/1.4em Georgia, "Times New Roman", Times, serif;



	padding-right: 1.5em;



	padding-left: 1.5em;



}







li {



	font-style: italic;



}







#content h3{



	color: #000;



	letter-spacing: 0;



	word-spacing: 0;



	font: small-caps 2em/1em Georgia, "Times New Roman", Times, serif;



}







#footer a{



	color: #4d91bc;



	text-decoration: none;



	text-transform: uppercase;



	padding: 0;



	border-style: none;



}











/* @end */







/* @group Layout */







#container{



         width: 800px;



         margin: 0 auto;



         padding:  0;



         height: 100%;        



}











#logo {



	float:left;



         background: #fff url(../sitepics/nan_hdr_logo.gif) no-repeat left top;



         width:249px;



         height:50px;



	}







#wrapper {



         background: #fff url(../images/47.jpg) repeat-x left top;



         clear:both; 



         width:100%;



         



}







#search {



position:relative;



float:right;



}







#content {



        float:left;



        width: 68%;



        border-right: .1em dotted silver;



        padding-left: 1.5em;



	padding-top: .5em;
	padding-right: 1em;
	margin-right: -1em;
	clear: none;
}



#content a{border-bottom: 1px dotted olive;}







/* #content img {



	float:  left;



	clear: left; 



	margin: 5px 10px 5px 5px;



         }*/







#extra{



       background: silver;



       }











#footer {



         clear: both;



         text-align: center;



	word-spacing: 0;



	letter-spacing: 0;



	padding: 5px 0;



	background-color: gray;



         font-size:1em;



}







#footer p{



	color: black;



	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	}







#searchbox {



         clear: both;



         text-align: center;



         height: 60px;



	word-spacing: 0;



	letter-spacing: 0;



	padding:10px 0 0 0;



	background: #4d91bc url(../sitepics/search_hdr_back.gif) repeat-x bottom left;



}







#search p {



	font-size: .8em;



	text-transform: uppercase;



}







/*------Slogan------*/



.slogan{background-color:#4d91bc; 



        width:auto;



        padding:5px;



        text-align:center;}







.slogan p{margin-top;1em; 



        clear:both;



	color: #2ec7fd;



	font: small-caps 1em/1em Georgia, "Times New Roman", Times, serif;



	letter-spacing: .3em;



	word-spacing: .3em;}







/*----end Slogan-------*/



























/*------Nav Bar----*/



#navigation{

        border:none;

        float:right;

        width:23%;

	text-decoration: none;

	font-size: 1.2em;

	line-height: 2em;
	margin-left: 1em;
	display: inline-block;
	padding-right: .5em;
	padding-top: 1em;
	padding-left: 1em;
	height: auto;
}







#navigation a {



	text-decoration: none;



	list-style-type: square;



    font: small-caps 1.2em/2em Georgia, "Times New Roman", Times, serif; 



   display:block;



	margin-right: 0;



	border-bottom:dotted 1px;



	border-bottom-color:#4d91bc;



         text-indent:4px;}







#navigation a:hover {



	color:white;background-color:#4d91bc;



}



#navigation li{width:95%;position:relative;
}



#navigation ul{list-style-type: none; width:95%;
	margin-left: auto;
}











               











/* @group Links */

/* My Comment */



#links ul {



        list-style-type: none;



        width: 120px;



	



} 







#links li {



        margin: 5px 0;



}







#links li a { 



        color: #1b6097;



        display: block;



        font: bold 120% Georgia, "Times New Roman", Times, serif;



        padding: 5px;



        text-decoration: none;



	margin-left: -45px;



}







 * html #links li a {  /* make hover effect work in IE */



	width: 150px;



}







#links li a:hover {



        background: #98d4fd;



	color: white;



}







#links a em { 



        color: #333;



        display: block;



        font: normal 85% Verdana, Helvetica, sans-serif;



        line-height: 125%; 



}







#links a span {



        color: #125F15;
	font: normal 1.2em/1.0em Verdana, Helvetica, sans-serif;
}



/* @end */











/*-----End Nav Bar------*/







#crumb{           



       font:12px arial,sans-serif;



       text-transform:uppercase;



       margin-top:-12px;



     }







#crumb a{       



       text-decoration:none;



       font:12px arial,sans-serif;



       color:silver;       



}







/* @end */







/* @group Flickr */







.imgholder {



           clear:both;



           width:100%;



           height: 85px;



           border-top: 1px solid #1b6097;



           border-bottom: 1px solid #1b6097;



	  background-color: gray;



           }







.imgstream {



           height:  80px;



           margin: 3px 2px 3px 2px;



}







.flickr {



        width : 760px;



        padding : 10px 0 10px 0px;



        height : 62px;



        text-align : center;



        background-color: gray;



}







.flickr img {



            width : 58px;



            height : 58px;



            margin : 1px 4px;



            border : 2px solid #fff;



}







.flickr img:hover {



            width : 72px;



            height : 72px;



            margin : -6px -3px;



            border : 2px solid #3f94ca;



}







divider { clear:left;}







/* @end */



















/*------Flickr Plugin----*/



.setpreview {



  	margin: 0 2em 1em 2em;



	float:left;



               



     	}



	



         .setpreview img{height:100px;



                         width:100px;



                         border: solid #1b6097 1px;



                         background: #ffffff;



                         margin: 10px;



                         padding: 5px;}



 



         .setpreview img:hover{background: #1b6097;}



	.setpreview .thumbnail {



	                       margin-right: 1em;



	                       }



          



        



        .setpreview a{text-decoration: none;



                      font-size:12px;



                      



                     }      











.flickrset a {



	border: solid #1b6097 1px;



	width: 75px;



	height: 75px;



	background: #ffffff;



	float: left;



	margin: 10px;



	padding: 5px;



}



.flickrset a:hover {



	background: #1b6097;



        



}



.flickrset img {



	border: 0;



}



.pages_nav {



	clear: both;



}



.individual {



	padding: 0 2em;



}



	.individual .image {



		margin: 0.5em auto;



		text-align: center;



	}



	.individual .image img {



	}



	.individual .flickrsetnav {



		text-align: center;



	}



		.individual .flickrsetnav a,



		.individual .flickrsetnav a:link,



		.individual .flickrsetnav a:visited {



			text-decoration: none;



		}



	.individual .setname {



		display: inline;



	}











/*------End Flickr Plugin----*/