/* Start of CMSMS style sheet 'screen' */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com	
	
	FONT SIZING GUIDE
	
	This website uses EM's to specify font sizes. The base font-size is 62.5% which equals 10px.
	This even base number makes it easy to specify EM's sizes that relate to relative pixel sizes.
	i.e. 1.2em = 12px		1.8em = 18px		3.6em = 36px
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Google Android
 * @vendorurl:  http://code.google.com/android/
 * @licenseurl: http://www.fontsquirrel.com/license/Droid-Sans
 *
 */

@font-face {
	font-family: 'DroidSansRegular';
	src: url('../fonts/DroidSans.eot');
	src: local('Droid Sans Regular'), local('DroidSans'), url('../fonts/DroidSans.woff') format('woff'), url('../fonts/DroidSans.ttf') format('truetype'), url('../fonts/DroidSans.svg#DroidSans') format('svg');
}


/* (1) =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* (2) =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/


h1 {
	font: bold italic 3.6em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	padding: 10px 0 5px 0;
}

h2 {
	font: bold 2.4em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	padding: 5px 0;
}

	.sidebar h2 {
		color: #399fa3;
	}
	
	.tips h2 {
		font-size: 2.4em;
		font-style: italic;
		color: #fff8e3;
		padding: 5px 0 5px 0;
	}

h3 {
	font: bold 1.4em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	padding: 5px 0;
}

	.sidebar h3 {
		font-size: 1.8em;
		color: #ebe6d7;
	}

h4 {
	font: bold 1.2em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	padding: 5px 0;
}

p {
	font: normal 1.4em/1.6em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	margin: 10px 0;
}

	.sidebar p {
		color: #ebe6d7;
	}

a {
    font: inherit;
    color: #9fb628;
}
	a:hover {color: #586902;}
	
	.sidebar a:hover {color: #dcea95;}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: outside disc;
	list-style-image: url(../i/bullet_blue.gif);
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px 0 10px 20px;
	padding: 0 0 0 0;
}

ul li {padding: 0}

ol {
	list-style: inside decimal;
	font-size: 1.4em;
	margin: 10px 0;
}

abbr, acronym {border-bottom: 1px dotted #000;}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 62.5%/1.125em "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #71665c;
	background: #3ea7ab url(../i/bg.gif) 0 0 repeat;
	margin: 0;
	padding: 10px 0 0 0;
}


#header {
	position: relative;
    width: 968px;
	height: 192px;
    background: transparent url(../i/header_bg.png) 0 0 no-repeat;
    margin: 20px auto 0 auto;
}
    #header img {
    	float: left;
        margin: 27px 0 0 22px;
    }


#header ul {
	position: absolute;
	right: 0;
	top: 30px;
	width: 633px;
	height: 79px;
	list-style-type: none;
	text-align: right;
    background: transparent url(../i/navigation_bg.png) 0 0 no-repeat;
    padding-right: 14px;
}

        #header ul li {
            display: inline;
            line-height: 79px;
            margin-left: 15px;
        }
            #header ul li a {
				color: #399fa3;
				font: normal 16px DroidSansRegular, "Myriad Pro", Helvetica, Arial, sans-serif;
				text-decoration: none;
            }
				#header ul li a:hover {color: #166669;}

#b_home #n_home a {color: #71665c;}
#b_about #n_about a {color: #71665c;}
#b_services #n_services a {color: #71665c;}
#b_entertainment #n_entertainment a {color: #71665c;}
#b_gallery #n_gallery a {color: #71665c;}
#b_contact #n_contact a {color: #71665c;}


#wrapper {
    width: 960px;
    background: transparent url(../i/wrapper_bg.png) 0 0 repeat;
    padding: 0 4px;
    margin: 0 auto;
}

.padding {
	padding-left: 10px;
}

/* HOMEPAGE
   ----------------------------------------------------*/

.thumbGallery {
	background-color: #f5f2ef;
	border: 1px solid #e8e4de;
	float: left;
	padding: 8px;
	margin-bottom: 20px;
}

.thumbGallery ul {
	width: 262px;
	list-style: none none;
	margin: 0;
}

.thumbGallery ul li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

.thumbGallery ul li.last {
	margin: 0;
}

.thumbGallery ul li a {
	padding: 0;
	margin: 0;
}

.thumbGallery p {
	font-size: 1em;
	text-align: center;
	width: 262px;
	margin: 0;
}

	.thumbGallery p a {
		color: #46a5a8;
	}
	
.moreInfo {
	margin-left: 10px;
	width: 600px;
	background-color: #3ea7ab;
	padding: 1px;
	margin: 0 0 20px 20px;
}
	
.moreInfo .padding {
	width: 578px;
	background-color: #3ea7ab;
	border: 1px solid #9dd1d3;
	padding: 10px;
}

.moreInfo p {
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	margin: 0;
}

.moreInfo p a {
	color: #e7f78b;
}

	.moreInfo a:hover {
		text-decoration: none;
	}

/* SIDEBAR
   ----------------------------------------------------*/

.sidebar hr {
    width: 278px;
    height: 25px;
    background: transparent url(../i/sidebar_sep.gif) 0 0 no-repeat;
    border: none;
    margin: 10px 0;
}


.sidebar ul {
	list-style: none;
	margin: 5px 0 10px 0;
}

	.sidebar ul li {
		padding: 0;
		margin:  0 0 5px 0;
	}

	.sidebar ul li img {
		vertical-align: bottom;
		padding-bottom: 3px;
	}
	


.sidebar #testimonials {
	background: transparent url(../i/quote_left.jpg) 0 0 no-repeat;
}

.sidebar blockquote {
	background: transparent url(../i/quote_right.jpg) bottom right no-repeat;
	background-color: transparent;
}
.sidebar blockquote p {
	font: italic 1.3em/1.6em Georgia, "Times New Roman", serif;
	background-color: transparent;
}

	.sidebar blockquote p strong {
		font: bold 1em "Myriad Pro", Helvetica, Arial, sans-serif;
	}
	
	p.quoteNav {
		font-size: 1.2em;
	}
	
		p.quoteNav a {
			outline: none;
			-moz-outline: none;
		}	
			a#prev {
				width: 100px;
				float: left;
			}		
			a#next {
				width: 100px;
				float: right;
				text-align: right;
			}

/* INSIDE PAGES
   ----------------------------------------------------*/

.tips {
	background-color: #73b5b4;
	color: #fff;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	margin: 20px 0;
}

.tips p {
	color: #fff;
	font-style: italic;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}

/* FOOTER
   ----------------------------------------------------*/

#footer {
    width: 940px;
	height: 100px;
	background: transparent url(../i/footer_bg.png) 0 0 no-repeat;
	padding: 30px 14px;
	margin: 0 auto;
}

#footer ul {
	float: left;
	width: 600px;
	font-size: 1.2em;
	list-style-type: none;
	margin: 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
}

#footer p {
	width: 600px;
	float: left;
	font-size: 1.2em;
	color: #0e5356;
}

p#siteBy {
	float: right;
	width: 340px;
	color: #fff;
	font: italic 1.2em Georgia, "Times New Roman", serif;
	text-align: right;
	margin: 0;
}

	#siteBy a {
		color: #e7f78b;
		font: normal 1em "Myriad Pro", Helvetica, Arial, sans-serif;
	}
	
		#siteBy a:hover {
			color: #DCD2B5;
			text-decoration: none;
		}



/* =MISC. STYLES
   ----------------------------------------------------*/

#header h1 a {      /*----Add image replaced element here----*/
    letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* End of 'screen' */