/* CSS Document */
/* Coastal Concierge Inc. All Rights Reserved */
/* A site by [nic]stauber */

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;}

body {
	margin:0px; 
	padding:0px; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../i/bg_rp.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */
	
h2{text-decoration:none; color: #999999; }	
h3{text-decoration:none; color: #999999; }	
a {text-decoration:none; color: #666666; }	
a:hover{text-decoration:none; color: #3366CC;}

.nav_rollover1 a {
	display:block;
	width:191px;
	height:25px;
	background-image: url(../i/home.gif);
}
.nav_rollover1 a:hover {
	background-image: url(../i/homeO.gif);
}

.nav_rollover2 a {
	display:block;
	width:191px;
	height:25px;
	background-image: url(../i/idea.gif);
	padding: 0px;
	margin: 0px;
}
.nav_rollover2 a:hover {
	background-image: url(../i/ideaO.gif);
	margin: 0px;
}

.nav_rollover3 a {
	display:block;
	width:191px;
	height:25px;
	background: url(../i/services.gif)
}
.nav_rollover3 a:hover {
	background: url(../i/servicesO.gif)
}

.nav_rollover4 a {
	display:block;
	width:191px;
	height:25px;
	background: url(../i/testimonials.gif)
}
.nav_rollover4 a:hover {
	background: url(../i/testimonialsO.gif)
}

.nav_rollover5 a {
	display:block;
	width:191px;
	height:25px;
	background-image: url(../i/contact.gif);
}
.nav_rollover5 a:hover {
	background-image: url(../i/contactO.gif);
}

#content {

	background-image: url(../i/content_holder.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-position: 0px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 82px;
	padding-left: 24px;
	width:726px;
	height:533px;
	text-align:left; 
	background-color:#fff;
	}
	
#lft_side {
	width:190px;
	height:500px;
	margin-right:10px; 	
	text-align:left; 
	float: left;
	background: url(../i/tree.gif) no-repeat;
	}
	
#nav {
	width: 190px;
	height: auto;
	margin-top: 320px;
	
	}
	

#vr {
	height:500px;
	width:1px;
	text-align:left; 
	float: left;
	margin-right: 10px;
	background-color:#CCCCCC;
	}

#head {
	height:40px;
	width:438px;
	text-align:left; 
	float: left;
	margin-bottom: 10px;
	background-color:#fff;
	}
	
	
#flashPlayer{
	height:40px;
	width:51px;
	text-align:left; 
	float: left;
	margin-bottom: 10px;
	background-color:#fff;
	}
	

.feature {
	height:225px;
	width:490px;
	text-align:left; 
	float: left;
	margin-bottom: 7px;
	border-top:0px solid #ccc;
	background-color:#fff;
	}
	
.sub_content {
	height: auto;
	width:490px;
	text-align:left; 
	float: left;
	padding-top: 30px;
	margin-top: 10px;
	background:url(../i/gridbar_long.gif) no-repeat;
	}
	
#foot {
	height:20px;
	width:701px;
	text-align:center;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	border-top:0px solid #ccc;
	background-color:#fff;
	color:#ccc;
	clear:both;
	}
	
	
/*------- pagination styles for testimonials/showcase---------**/


.contentslide{
border: 1px solid #ccc;
margin-top: 10px;
padding: 8px;
width: 472px;
height: 186px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 490px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #fff;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;

}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 420px; /*IE5 width*/
w\idth: 426px; /*IE6 width*/
}

.pagination a{ padding: 0 5px; text-decoration: none; color: #fff; background-color: #ccc;}

.pagination a:hover, .pagination a.selected { color: #fff; background-color: #6799CA; }


/**-----------------styles for AJAX tabs--------------------**/

#home	{display:inherit;}
#testimonials	{display:inherit;}

#mask	{position: absolute; top: 100px; boder: 1px solid black;}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin-right: 5px;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #ccc;
color: #666;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #666;
}

.shadetabs li a:hover{
text-decoration: none;;
color: #666;
background: #e9e9e9;
}

.shadetabs li.selected{
position: relative;
top: 1px;

}

.shadetabs li.selected a{ /*selected main tab style */
background: #EFEFEF;
border-bottom-color: #EFEFEF;
color: #999999;

}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid #ccc;
background: #EFEFEF;
width: 467px;
height: 407px;
padding: 10px;
}

.contentstyle_tab{
border: 0px;
background: #FFFFFF;
}

/*------- right side hiding---------**/
 #services, #showcase, #testimonials, #getstarted { display:none; }
 
/*-------tab content---------**/

 

#fitness, #pet_services, #real_estate, #travel_solutions { display:none; }
#garage, #installation, #interior_design, #maintenance, #painting, #plumbing, #repairs, #technology { display:none; }
#fence, #outdoor_electrical, #hardscape, #landscape, #outdoor_maintenance, #outdoor_painting, #outdoor_plumbing, #outdoor_repairs, #outdoor_technology { display:none; }

#tab_item_display{
border: 0px solid #ccc;
height: 390px;
width: 120px;
text-align: left;
float: left;
margin-right: 10px;
line-height: 24px;
text-indent: 5px;

}

#tab_detail_display{
border: 0px solid #ccc;
background: url(../i/gp_bg.gif);
height: 407px;
width: 335px;
float: left;
text-align: left;
margin-left: 0px;
}

.tab_item_btn a	 		{ margin-bottom: 4px; display:block; width:120px; height:23px; background: url(../i/tab_item_btn.gif);}
.tab_item_btn a:hover 	{ margin-bottom: 4px; display:block; width:120px; height:23px; color:#333333; background: url(../i/tab_item_btn_over.gif);}
.download_btn 	{ margin-top: 15px; display:block; width:120px; height:23px; text-indent:0px;}

.details_page{
border: 0px solid #ccc;
height: 390px;
width: 324px;
text-align: left;
margin: 5px;
} 

#item_title{
color: #6799ca;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: 10px;
font-size: 18px;
}

#item_desc {
line-height: 18px; 
font-size: 12px;
}

#list {
margin-top: 20px;
line-height: 18px; 
font-size: 12px;
}

/*-------Getting Started---------**/


#contactFormArea {
	padding-top: 10px;
	width: 235px;
	height: 213px;
	float: left;
	display: inline;
	background: #EFEFEF;
}

#contactFormArea_rt {
	padding: 10px 0px 0px 10px;
	margin-bottom: 10px;
	width: 238px;
	border: 0px solid black;
	height: 213px;
	float: left;
	display: inline;
	background: #EFEFEF;
}

#contactFormArea h2 {
	margin: 10px;
}
#contactFormArea form {
	padding-bottom: 0px;
	background: #EFEFEF;
	}


fieldset { 
	padding: 0 10px;
}
label { 
	padding: 0 0 5px 0;
	display:block; 
	float: left;
}

input.text, textarea { 
	margin-bottom: 5px;
	padding: 4px 5px;
	width: 210px;
	font:12px/12px 'courier new',courier,monospace;
	color:#000;
	background: #E1E1E1;
	border: 1px solid #fff;
}


.drop { 
	margin-bottom: 5px;
	padding: 4px 5px;
	width: 220px;
	font:12px/12px 'courier ',courier,monospace;
	color:#000;
	background: #E1E1E1;
	border: 1px solid #fff;
}



input.text:hover,textarea:hover { 
	background: #fff;
	border: 1px solid #fff;
}
input.submit { 
	margin: 10px 10px 10px 20px;
	font: bold 100%;
	font-variant: small-caps;
	color: #000;
	float: right;
	cursor: pointer;
}
#loadBar {
	padding: 4px 0 0 10px;
	font-size: 120%; 
	float: left;
	color: #d6dc74;
}


#contactMainArea {
	padding: 0px;
	width: 470px;
	height: 150px;
	float: left;
	display: inline;
	background:  #FFFFFF;
}

#contactMainArea h2 {color:#666666; font-size: 14px; margin-bottom: 10px;}

/*-------submission form style---------**/
#contact {
	clear: none;
	float: left;
}
#contact {
	clear: both;
	float: left;
	width: 701px;
	height: 20px;
	text-align: center;
}
#contact {
	clear: both;
	float: left;
}