/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #8E9ECA url('../img/bg/main-bg.jpg') top left repeat-x;
	margin: 0; padding: 0;	
}

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

#main-nav { 
			
	width: 730px; height: 35px;

	}

#main-nav ul {

	background: transparent url('../img/nav/main-nav.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 730px; height: 35px; 
	margin: 0 113px 0 0; padding: 0; 
	

	}

#main-nav li, #main-nav a 	{ display: block; height: 35px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 20px; width: 61px; }                                            
#main-nav #nav-two		{ left: 100px; width: 121px; }
#main-nav #nav-three	{ left: 242px; width: 182px; }
#main-nav #nav-four		{ left: 452px; width: 145px; }
#main-nav #nav-five		{ left: 628px; width: 77px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -20px -35px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -100px -35px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav.jpg') -242px -35px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -452px -35px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -628px -35px no-repeat; }

/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logo/rialto-beach-house-logo-173x97.jpg') no-repeat left top;
	display: block; float: left;
	width: 173px; 	height: 97px;
	margin: 0 0 0 25px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}

#header-div p { 

	display: block; float: right;
	width: 385px;
	margin: 0; padding: 0 0 0 30px; 
	font-weight: bold; 
	}
	
#header-div p span { display: block; height: 20px; float: left; margin: 5px 30px 0 0;}		
			
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 

.booking { 
	
	background-color: #FFCC33; 
	padding: 20px; font-size: 13px;
	}

.map { float: right; width: 310px; margin: 0 0 5px 5px;}
.map img { border: 1px solid #c4c4c4; padding: 1px;}

/* Footer Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer-div p { font-size: 10px;}

.footer-links {
	
	border: 1px solid #D5E6FF; 
	display: block; float: left;
	width: 473px; height: auto;
	padding: 7px; margin: 0; 
	}

.footer-links a { margin: 0; padding: 0 10px 0 0; font-weight: bold; }

.copyright {
	
	border: 1px solid #D5E6FF; 
	display: block; float: right;
	width: 223px; height: auto;
	padding: 7px; margin: 0; 
	}