/*  CSS Document 
	Created: Tuesday 16th January
	Author: Marcus Thompson for www.insiteinc.com
*/

BODY { background-color: #CCCCCC;
	   color: #fff;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 1em;
	 }

a:link {
	color: #111111;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}
a:hover, a:active {
		text-decoration: none;
		color: #CC0000;
		font-weight: bold;
	}

/*MAIN CONTAINER*/
#container { 	margin: 20px auto; 
				text-align: center; 
				width: 720px; 
				background-color: #666666;
				color: #fff;
				}
				
/*BOOKING ENGINE*/				
#booking-engine { padding: 0; margin: 0; }

/*HEADER*/
#header-img-home { border-top: 5px solid #CCCCCC;
			  height: 304px;
			 }

#header-img { background-color: #999999;
			  border-top: 10px solid #CCCCCC;
			  height: 160px;
			 }

/*MENU*/
#menu { font-family: Arial, Helvetica, sans-serif;
	   	font-size: 0.9em;
		font-weight: bold;
		color: #000;
		background-color: #999999;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding-top: 4px;
		padding-bottom: 4px;
		margin: 0 auto;
		text-align: center; 
 		}

	#menu ul {  list-style: none;
			    display: inline;
				
			 }
				
	#menu ul li { display: inline;
				  padding: 10px 10px 10px 0;
				  }
				  
	#menu ul li a.active  { color: #CC0000; }
	

	
	#menu a:link {
	color: #111111;
	text-decoration: none;
	}
	#menu a:visited {
		text-decoration: none;
		color: #000000;
	}
	#menu a:hover, #menu a:active {
		text-decoration: none;
		color: #CC0000;
	}
	
/*SUBMENU	*/
	
#submenu {  font-family: Arial, Helvetica, sans-serif;
			font-size: 0.9em;
			font-weight: bold;
			color: #000;
			background-color: #999999;
			padding-bottom: 4px;
			padding-top: 4px;
			border-bottom: 1px solid #000;
			margin: 0 auto;
			text-align: center; 
			text-transform: capitalize;
 		}

	#submenu ul {  list-style: none;
			       display: inline;
				 }
				
	#submenu ul li { display: inline;
				  	 padding: 10px 25px 10px 0;
				   }
				  
	#submenu ul li a.active  { color: #CC0000; }
	

	
	#submenu a:link {
	color: #111111;
	text-decoration: none;
	}
	#submenu a:visited {
		text-decoration: none;
		color: #000000;
	}
	#submenu a:hover, #submenu a:active {
		text-decoration: none;
		color: #CC0000;
	}	
	
/*HOMEPAGE ONLY*/	
#content-home { height: 176px; 
				border-bottom: 3px solid #999999; 
			  }

	#left-home { float: left; 
				 text-align: center;
				 width: 413px;
			   }
			   
	#left-home img { border: none; } 
				
	#left-home p { color: #999999;
				   font-size: 0.8em;
				   padding: 8px;
				   margin: 0;
				 }
	#left-home p>a { font-weight: normal; }
	
	#right-home { float: right;
			 	  width: 307px;
				}
				
/*CONTACT US PAGE ONLY*/	
#content {  }

	#left-contact-us { float: left; 
				 text-align: right;
				 width: 360px;
			   }
			   
	#left-contact-us img { border: none; margin-top: 40px;} 
				
	#left-contact-us p { color: #999999;
				   font-size: 0.8em;
				   padding: 8px;
				   margin: 0;
				 }
	#left-contact-use p>a { font-weight: normal; }
	
	#right-contact-us { float: right;
			 	  		width: 360px;
						height: 240px;
						background-image: url(../images/contact-us-bg.gif);
						background-repeat: no-repeat;
						background-position: top;
					  } 
					  
	#right-contact-us p { 
			   text-align: left;
			   font-family: Verdana, Arial, Helvetica, sans-serif;
			   font-size: 0.6em;
			   color: #FFFFFF;
			   line-height: 250%;
			   word-spacing: 2px;
			   margin: 20px 10px 0 85px;
			 }
			 
	#right-contact-us p a:hover {background-color: #999999; }

/*ALL OTHER PAGES*/
#content {   }
	#title-left { text-align: left; }
	#title-left h1 { padding: 10px 0 0 0; margin: 0 }
	#title-right { text-align: right; }
	#title-right h1 { padding: 15px 0 0 0; margin: 0 }  
	
	#left { float: left; 
			text-align: center;
			width: 224px;
    	  }
				   
	#left img { border: none; } 
				
	#left p { color: #999999;
			  font-size: 0.8em;
			  padding: 0;
			  margin: 0;
			}
			
	#left p>a { font-weight: normal; }
	
	#right { float: right;
			 width: 486px;
			 margin: 0;
		   } 
		   
	#right p { text-align: left;
			   font-family: Verdana, Arial, Helvetica, sans-serif;
			   font-size: 0.56em;
			   color: #FFFFFF;
			   line-height: 200%;
			   word-spacing: 1px;
			   margin: 0 10px 0 10px;
			   margin-top: -2px;
			 }
			 
	#right h3, #right h2 { text-align: left; 
							font-family: Verdana, Arial, Helvetica, sans-serif; 
							font-size: 0.9em; 
							}

/*FOOTER*/
#footer {	clear: both; 
			background-color: #999999;
			color: #333333;
			border-top: 3px solid #999999;
			border-bottom: 4px solid #999999;
		}
		
#footer p { font-size: 0.7em;
			padding: 0;
			margin: 0;
		   }
#footer a.active { color: #CC0000; }
		   
/*PHOTO GALLERY*/
#wrapper {
text-align: center;
margin: 0 auto;
height: 410px;
width: 700px;
padding: 5px
}

#leftcol{
float: left;
margin-left: 25px !important;
margin-left: 15px;
}


#leftcol img {
	margin: 0 2px 2px 2px;
	width: 108px;
	height: 81px;
	border: 0;
}

#rightcol {float: right; } 

#rightcol img {
	width: 350px;
	height: 227px;
	border: 0;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

.lists { text-align: left; font-size: 0.56em; padding-top: 5px}

/*BUTTONS*/

/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.booknow {
font-size: 1.5em;
padding: 5px;
}
a.booknow:link, a.booknow:visited, a.booknow:active {
background-color: #CD3333;
color: #fff;
border: 1px double #fff;
}
a.booknow:hover {
background-color: #FFF;
color: #CD3333;
border: 1px double #CD3333;
}


/* Added 07/01/2009 */

#logo-red {
	width: 471px;
	height: 162px;
	background-image: url(../images/silverpoint-logo-red.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-left: 10px;
}
#logo-white {
	width: 471px;
	height: 162px;
	background-image: url(../images/silverpoint-logo-white.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-left: 10px;
}
#logo-white-alt {
	width: 600px;
	height: 109px;
	background-image: url(../images/silverpoint-logo-white-alt.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin: 0 auto;
	padding: 0 auto;
	margin-top: 40px;
}