@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Oaks at Hidden Harbour
Theme URI: http://www.teckpert.com
Description: Wordpress theme created by TECKpert.
Version: 1.0
Author: TECKpert
Tags: awesome, multi pages, teckpert

*/

/*RESET*/
* 		{ margin: 0; padding:0px; outline:none;}
ul li	{ list-style:none;}
h1, h2, h3, h4, h5, h6										{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:24px; color:#7a8c4c; text-shadow:1px 1px #fff; letter-spacing:-1px; line-height:24px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span		{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:24px; color:#556136; text-shadow:1px 1px #fff;}
p, span, a, li, input, textarea, strong, small, em, table	{ font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; color:#636356;}
p	{ line-height:19px;}
a	{ text-decoration:none;}
img		{ border:0px;}

/*SITE*/
html, body { height: 100%;}
body	{ background:#FFF url(images/bg.jpg) repeat-x;}

.wrapper 	{ min-height: 100%;height: auto !important; height: 100%; margin:0 0 -114px 0; background:url(images/bg2.jpg) no-repeat top center;}
	.inner		{ position:relative; margin:0 auto; width:990px;}
		
		/*TOP*/				
		.top	{ float:left; width:990px; height:150px;}
			.top h1	{ float:left;}
				.top h1 a	{ float:left; display:block; width:300px; height:120px; text-indent:-999999px; background:url(images/logo.png) no-repeat;}
			.slogan	{ position:absolute; top:20px; left:465px;}
				.slogan h2	{ display:block; width:528px; height:70px; text-indent:-9999em; background:url(images/slogan.png) no-repeat;}
			/*MENU*/
			.menu	{ float:left; padding:10px 0 0 0; width:990px;}
				.menu ul	{ float:left; padding:0 0 0 5px; width:985px;}
					.menu ul li	{ float:left; padding:0 15px 0 0;}
					.menu ul li.last	{ padding:0px;}
						.menu ul li a	{ float:left; display:block; font-family:"Times New Roman", Times, serif; font-size:13px; text-transform:uppercase; color:#5d6047; text-shadow:1px 1px #fff;}
						.menu ul li a:hover	{ color:#628891;}
					
		/*MAIN*/			
		.main	{ float:left; width:990px;}
			
			/*HOME*/
			.polaroids	{ position:absolute; top:375px; left:660px; width:300px; height:202px; background:url(images/polaroids.png) no-repeat;}
			.header	{ float:left; padding:15px 0 0 14px; width:976px; height:384px; background:url(images/header.png) no-repeat;}
			.left	{ float:left; padding:0 0 0 12px; width:645px;}
				.left a{text-decoration: underline;}
				.left h2	{ display:block; padding:0 0 7px 0;}
				.left p	{ display:block; padding:0 0 10px 3px;}
				a.btn-lm	{ display:block; margin:5px 0 0 0; width:104px; height:38px; text-indent:-9999em; background:url(images/btn-lm.png) no-repeat;}
				a.btn-lm:hover	{ background-position:bottom;}
			.right	{ float:left; padding:20px 0 0 0; width:333px;}
				.right ul	{ float:left; padding:0 0 10px 0; width:333px;}
					.right ul li	{ float:left; padding:3px 0 0 0; width:333px; background:url(images/li-right.png) no-repeat top center;}
					.right ul li.first	{ background:none;}
					.right ul li a	{ display:block; padding:15px 0px; width:333px; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:20px; color:#7a8c4c; text-shadow:1px 1px #fff; letter-spacing:-1px;}
					.right ul li a:hover	{ background:url(images/right-hover.png) no-repeat;}
					.right ul li a span	{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:20px; color:#556136; text-shadow:1px 1px #fff;}	
				a.newsletter	{ clear:both; float:left; display:block; padding:10px 0 0 100px; width:233px; height:41px; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:24px; color:#7a8c4c; text-shadow:1px 1px #fff; letter-spacing:-1px; background:url(images/newsletter.png) no-repeat 33px 0px;}
				a.newsletter:hover	{ color:#990;}
				a.newsletter span	{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:24px; color:#556136; text-shadow:1px 1px #fff; letter-spacing:-1px;}
				
		.push		{ clear:both; padding:0 0 200px 0;}

/*FOOTER*/
.footer		{ width:100%; height:114px; background:url(images/footer.jpg) repeat-x; text-align:center;}
	.footer-inner	{margin-left: auto; margin-right: auto;  width:990px;  text-align:center; position:relative; }
		.footer-inner ul	{ float:left; padding:20px 0 5px 15px; width:auto; margin-left: 165px; margin-right: auto; text-align:center;}
			.footer-inner ul li	{ float:left; padding:0 5px 0 4px; background:url(images/divider.jpg) no-repeat right 2px;}
			
				.footer-inner ul li a	{ float:left; font-family:"Times New Roman", Times, serif; font-size:13px; text-transform:uppercase; color:#5a5b56; text-shadow:1px 1px #fff;}
				.footer-inner ul li a:hover	{ color:#628891;}
				.footer-inner ul li.rss	{ background:none;}
				.footer-inner ul li.rss a	{ display:block; width:14px; height:14px; text-indent:-9999em; background:url(images/rss.jpg) no-repeat;}
		.footer-inner p	{ clear:both; float:left; padding:0 0 0 400px; width:590px;}
			.footer-inner p span	{ float:left; display:block; padding:0 7px 0 0;  font-family:"Times New Roman", Times, serif; font-size:13px; text-transform:uppercase; color:#8c8d87; text-shadow:1px 1px #fff;}
			.footer-inner p a	{ float:left; display:block; width:16px; height:15px; text-indent:-9999em; background:url(images/teckpert.jpg) no-repeat;}

/*GALLERY*/
.gallery	{ clear:both; float:left; padding:20px 0 0 0; width:990px;}
	.gallery-big	{ float:left; width:490px; height: 350px;}
		.big-container	{ float:left; padding:10px 0 10px 10px; width:480px;}
			.big-container img	{ width:470px;height: 350px;   border: 10px solid #F5F6F0;}	

	.gallery-thumbs	{ float:left; padding:10px 0 0 5px; width:490px;}
		.thumbs-title	{ float:left; padding:0 0 10px 0; width:490px;}
			.thumbs-title h2	{ float:left; padding:0 0 0 10px; color:#647240;}
			.thumbs-title ul	{ float:right; padding:0 5px 0 0;}
				.thumbs-title ul li	{ float:left;}
					.thumbs-title ul li a	{ float:left; display:block; width:27px; height:24px; text-indent:-9999em;}
					.thumbs-title ul li.btn-previous	{ padding:0 2px 0 0;}
					.thumbs-title ul li.btn-previous a	{ background:url(images/btn-prev.jpg) no-repeat top;}
					.thumbs-title ul li.btn-previous a:hover	{ background-position:bottom;}
					.thumbs-title ul li.btn-next a	{ background:url(images/btn-next.jpg) no-repeat top;}
					.thumbs-title ul li.btn-next a:hover	{ background-position:bottom;}
		.thumb	{ float:left; margin:0 4px 4px 0; padding:7px 0 7px 7px; width:150px; background:#FFF; border:solid 1px #dfdfdb;}			
					
	.gallery-text	{width: 470px; clear:both; float:left; padding:0 0 14px 0; }
		.gallery-text h3	{ width: 470px;font-size:18px; color:#787a5a;}


/*NEWS*/
.news	{ clear:both; float:left; margin:10px 0 0 0; padding:3px 10px 10px 10px; width:970px; background:#FFF;}
	.news-top	{ float:left; width:970px; background:url(images/line2.jpg) repeat-x bottom;}
		.news-top h2	{ display:block; padding:10px 0 0 0; width:970px; height:40px; background:url(images/news.jpg) no-repeat right 8px;}
	.news-left	{ float:left; padding:5px 0 0 0; width:720px;}
		.post	{ float:left; padding:12px 0px; width:680px;}
			.post-top	{ float:left; padding:0 0 8px 0; width:680px; background:url(images/line2.jpg) repeat-x bottom;}
				.post-top h3	{ float:left; letter-spacing:0px;}
					.post-top h3 a	{ font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:13px; font-weight:bold; color:#42423b;}
					.post-top p	{ color:#7091a1;}
				.post-top p		{ float:right;}
			.post-body	{ float:left; padding:10px 0 0 0; width:680px;}
				.post-body p	{ display:block; padding:0 0 10px 0;}
				.post-body ul	{ padding:0 0 10px 10px;}
					.post-body ul li	{ padding:0 0 7px 17px; background:url(images/bullet.jpg) no-repeat 0px 2px;}
			.post-bottom	{ float:left; width:680px;}
				.post-bottom a	{ display:block; width:82px; height:34px; text-indent:-9999em; background:url(images/btn-rm.jpg) no-repeat top;}
				.post-bottom a:hover	{ background-position:bottom;}
	.news-right	{ float:left; width:250px;}
		.search	{ float:left; padding:15px 0 0 0; width:250px;}
			.search input	{ float:left;}
			input.sbox	{ margin:0 5px 0 0; padding:0px 5px 0px 5px; width:173px; height:31px; border:solid 1px #dfdfdf; vertical-align:middle; line-height:31px;}
			input.btn-search	{ display:block; width:58px; height:33px; text-indent:-9999em; background:url(images/btn-search.jpg) no-repeat top; border:0px; cursor:pointer;}
			input.btn-search:hover	{ background-position:bottom;}
		.feed	{ float:left; padding:10px 0px; width:250px;}
			.feed a	{ display:block; padding:0 0 2px 20px; font-size:11px; color:#76878f; background:url(images/rss.jpg) no-repeat 0px 0px;}
			.feed a:hover	{ text-decoration:underline;}
		.categorie	{ float:left; width:250px;}
			.categorie h4	{ float:left; display:block; padding:7px 0px; width:100%; background:#e6e9d9; font-size:16px; text-transform:uppercase; color:#7d845d; text-indent:10px;}
			.categorie ul	{ clear:both; padding:13px 0 13px 10px;}
				.categorie ul li	{ padding:3px 0px;}
					.categorie ul li a	{ color:#76878f;}
					.categorie ul li a:hover	{ text-decoration:underline;}
	
.news-bottom	{ clear:both; float:left; padding:20px 0; width:990px; background:url(images/line3.jpg) repeat-x 0px 10px;}


/*STATIC*/
.static a{text-decoration: underline;}
.static	{ clear:both; float:left; margin:10px 0 0 0; padding:3px 10px 20px 10px; width:970px; background:#FFF;}
	.static-top	{ float:left; width:970px; background:url(images/line2.jpg) repeat-x bottom;}
		.static-top h2	{ display:block; padding:10px 0 0 0; width:970px; height:40px;}
	.static-content	{ clear:both; padding:10px;}
		.static-content h3	{ clear:both; display:block; padding:8px 0 10px 0; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:13px; font-weight:bold; color:#42423b; letter-spacing:0px;}
		.static-content p	{float:left; width:auto; height: auto; padding:0 0 10px 0; width:100%;}
		.static-content img	{ float:right; margin:0 0 10px 10px; border:solid 6px #ecece6;}
			
			.align-left	{ float:left; margin:0 10px 10px 0px; border:solid 6px #ecece6;}
			.align-right-map	{ width:320px;float:right; margin:0 0 10px 10px; border:solid 6px #ecece6;}
	
		div.align-left	{ float:left; margin:0 10px 10px 0px; border:solid 6px #ecece6;}
		img.align-right	{ float:right; margin:0 0 10px 10px; border:solid 6px #ecece6;}
		img.align-left	{ float:left; margin:0 10px 10px 0px; border:solid 6px #ecece6;}
		.static-content ul	{ float:left; padding:0 0 10px 10px;}
			.static-content ul li	{ padding:0 0 7px 17px; background:url(images/bullet.jpg) no-repeat 0px 2px; color:#76878f;}
/* Comments */
#commentform input	{ padding:6px 6px 0 6px; width:250px; height:25px; border:solid 1px #eff1f1;}
#commentform textarea	{ border:solid 1px #eff1f1;}
#commentform #submit{color:#000; background-color: #adadad; width: 180px; text-transform: uppercase; padding: 0;}
#commentform #submit:hover {background-color:#668939;}

/* Image alignment in posts */
div.alignright {float:right; margin:0 0 .5em 1em}
div.alignright2 {float:right; margin:0 3em .5em 1em}
div.alignleft {float:left; margin:1em 1em 1em 0}
div.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* MODAL */

	.modal	{ float:left; width:350px; background:#eaeae2;}
    	.modal-form	{ float:left; width: 360px;height:auto;background:#eaeae2;}
    	.white-bg {background: #ffffff;}
	.modal p	{ font-size:12px; color:#6a6a60; line-height:18px;}
    	.modal p.confirmation	{margin-top:2px; float:left;font-size:12px; color:#6a6a60; line-height:18px;display:block; width:100%;height:20px;}
		.modal-top	{ float:left; padding:10px 10px 10px 10px; width:330px;}
			.modal-top h2	{ float:left; font-size:20px; color:#434343;width: 330px;}
            .modal-top p {float:left; width: 330px; }
			.modal-top a	{ float:right; display:block; width:22px; height:22px; background:url(images/close.png) no-repeat; text-indent:-9999px;}
		.modal-left	{ float:left; padding:5px; width:340px;}
		.modal-left label{float:left; width:100%;}
            	.modal-form-main	{ float:left; width: 320px; height:auto;}
				input.modal-button	{ float:left; padding:0px 7px; margin:10px 0 0 0; height:25px; background:url(images/modal-button-bg.jpg) repeat-x; border:0px; color:#FFF; font-size:11px; text-transform:uppercase; cursor:pointer; vertical-align:top; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
				input.modal-button:hover	{ color:#FFC;}
				.modal-input	{ padding:4px 4px 0 4px; width:275px; height:27px; border:solid 1px #d7d7ca;}
				.modal-ta	{ padding:4px 4px 0 4px; width:275px; height:166px; border:solid 1px #d7d7ca; font-size:11px;}
		.modal-right	{ float:left; padding:0 20px 0 0; width:267px; text-align:justify;}
			.modal-right p	{ padding:0 0 10px 0;}	
		/*input.btn-register	{ display:block; margin:8px 0 0 0; width:68px; height:26px; text-indent:-9999em; background:url(images/btn-register.jpg) no-repeat top; border:none; cursor:wait;}
						input.btn-register:hover	{ background-position:bottom;}*/
						
							input.btn-register	{cursor:pointer; outline:none; border:none; float:right; display:block; margin:10px 90px 0 0; padding:7px 8px; background:#3193b3; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px;}
					input.btn-register:hover	{ background:#165f77;}
.contact{width:100%;float:left; text-align:right; margin:2px;}
.contact p{font-size:14px;}
.contact a{text-decoration:underline; color:#3193b3;font-size:14px;}
.contact a:hover{color:#165f77;}

 a.highlight{text-decoration:underline; color:#3193b3;}
 a.highlight:hover{color:#165f77;}
 
 .confirmation {float:left;display:block;width:100%;}