/*	-------------------------------------------------------------
	Red Frog Solutions 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       1.0
	url       stevestonsmiles.ca
	timestamp       June/24/2009 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats & clears
	3. Links
	4. Typography
	5. General Properties
	6. div
    7. Layout
   


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     body {      
		
		margin: 15px 0 0 0;
		padding: 0px;
		border: 0px;
		color: #474747; 
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		line-height:18px;
		background: url('../images/bg.jpg');
		background-repeat:repeat-x;
				    
		}
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 990px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
		t
	 .align_r {
	 	text-align:right;
		float:right;
		margin-right:25px;
		
		}
	 
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
		
	 a:link, a:visited {
		text-decoration: none;
		color: #43839c;
		}

	 a:hover {
		text-decoration: underline;
		color: #43839c; 
		}

	 a:active {
		text-decoration: underline;
		color: #43839c; 
		}

	 

	 a:link.footera, a:visited.footera {
		text-decoration: none;
		font-size: 12px;
		color: #000;
		}

	 a:hover.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #000; 
		}

	 a:active.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #000; 
		}
		
	a:link.contact, a:visited.contact {
		text-decoration: none;
		
		font-size: 14px;
		color: #565656;
		}

	 a:hover.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}

	 a:active.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}	
		
		
	 a:link.sidebar, a:visited.sidebar {
		text-decoration: none;
		color: #151515;
		}

	 a:hover.sidebar, a:active.sidebar {
		text-decoration: underline;
		color: #025229; 
		}

	 a img {
		border:none;
		}
	
/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.top a, .top a:link{
	display:block;
	float:right;
	font-weight:normal;
	font-size:11px;
	border:solid 1px #cccccc;
	background-color:#f3f3f3;
	padding:0px 5px;
}
	
	.left {
		float:left;
		}
		
   
	
/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 #footer {
	 	background: url('../images/bg_footer.png');
		padding: 5px 30px 5px 30px;
	 	font-size:11px;	
	 	text-align:left;
		width:744px;
		height:15px;
		margin-top:-18px;
	 	vertical-align: bottom;
		
	 	
	 }        
	 
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#site {
		
		height:100%;
		position:relative;
		margin:0px;
		
	
	}
	
	#header {	
	 
		width:804px;
		height:222px
	}
	
	 #menu {
		width:804px;
		height:52px;
		line-height:0px;
		
		}
		
	 #content {
		width:804px;
		
		background-color:#fff;
		overflow:auto;
		}
	
		
	 #sidebar{
  		width: 162px;
		height:100%;
  		float:left;
  		text-align:left;
		background-image: url(../images/bg_sidebar.png);
		background-repeat: no-repeat;
		padding: 45px 20px 20px 20px;
		line-height:23px;
  		background-color:#fff;
		
  		}
		
	#sidebar_contact{
  		width: 162px;
		height:955px;
  		float:left;
  		text-align:left;
		background-image: url(../images/bg_sidebar.png);
		background-repeat: no-repeat;
		padding: 45px 20px 20px 20px;
		line-height:23px;
  		background-color:#fff;
		
  		}
  		  	 	
  		  	 
  	 #r_content {
	 	width:542px;
		height:100%;
  	 	text-align:left;
  	 	float:left;
		background-image:url(../images/bg_content.png);
		background-repeat:no-repeat;
		padding: 45px 30px 20px 30px;
		line-height:20px;
		background-color:#fff;
  	 }
  	 
	 #r_content_gallery {
	 	width:744px;
		height:auto;
  	 	text-align:left;
  	 	float:left;
		background-image:url(../images/bg_content.png);
		background-repeat:no-repeat;
		padding: 45px 30px 45px 30px;
		line-height:20px;
		background-color:#fff;
  	 }
  	 
  	 
  	 #flash {
  	 	width:804px;
  	 	height:175px;
  	 	margin:0px;
  	 }
  	 
  	.box100 {
  	 	
  	 	width: 100px;
  	 	float:left;
		margin:10px;
  	 	
  	 }
	 
	 .box200 {
  	 	
  	 	width: 200px;
  	 	float:left;
		margin:10px;
  	 	
  	 }
	 
	 .box200spa {
  	 	
  	 	width: 200px;
  	 	float:left;
		margin:10px 30px 10px 30px;
  	 	
  	 }
	 
	 .box270 {
  	 	
  	 	width: 270px;
  	 	float:left;
		margin:5px;
  	 	
  	 }
	 
	 .box300 {
  	 	
  	 	width: 300px;
  	 	float:left;
		margin:10px;
  	 	
  	 }
	 
	 .box300map {
  	 	
  	 	width: 300px;
  	 	float:left;
		margin:20px 10px 10px 10px;
  	 	
  	 }
	 
	 .box370{
  	 	
  	 	width: 370px;
  	 	float:left;
		margin:18px 25px 25px 25px;
  	 	
  	 }
  	 
  	 
	
  	
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.photo {
		margin:5px 15px 15px 5px;
		}
		
	.photo2 {
		margin:5px 5px 15px 15px;
		}
		
	 .photo3 {
		margin:20px 5px 15px 20px;
		}
	 .photo4 {
		margin:15px 35px 15px 20px;
		}
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 27px;
	  	
	   	
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  
	  h2{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#4182a6;
	  	font-size: 24px;
	  	margin-bottom:10px;
	  	text-align: left;
	  	font-weight:normal;
		line-height:0px;
	  	}
	  	
	   h3{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#151515;
	  	font-size: 16px;
	  	font-weight:bold;
	  	text-align: left;
	  	font-weight:normal;
		
	  	}
	  	
	   h4{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 17px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	  	h5{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 15px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	  .smaller 
	  {
	  	font-size:10px;
	  }
	   	
	 .caption {
	 	
	  	color:#06327b;
	  	font-size: 14px;
	  	text-align: left;
		font-weight:bold;
		}
	
	 .caption2 {
	 	
	  	color:#06327b;
	  	font-size: 12px;
	  	text-align: left;
		font-weight:bold;
		}
	
	 .indent {
		margin-left:12px;
		}
		
	  .backtotop {
		color:#000;
		margin:15px 25px 10px 0px;
		float:right;
		
		}	
	
		.header1 {
		font-family: "Arial", Helvetica, sans-serif;
	  	color:#646464;
	  	font-size: 24px;
	  	margin-bottom:10px;
	  	text-align: left;
	  	font-weight:normal;
		line-height:0px;
		}
		
		.header2 {
		font-family: "Arial", Helvetica, sans-serif;
	  	color:#4182a6;
	  	font-size: 24px;
	  	margin-bottom:10px;
	  	text-align: left;
	  	font-weight:normal;
		line-height:0px;
		}
		
		.header3 {
		font-family: "Arial", Helvetica, sans-serif;
	  	color:#4182a6;
	  	font-size: 16px;
	  margin-bottom:-20px;
	  	text-align: left;
	  	font-weight:normal;
		line-height:0px;
		}
		
		li{
		margin-left:0px;
		}