body, html
{
	margin: 0px;
	padding: 0px;
	font: normal 11px verdana, arial, sans-serif;
	color: #000;
	background: url(http://www.feathersoundtampabay.com/design/back.gif) repeat-y 50%;
}

a{color: #555;}

img{border: 0px;}

h1, h2, h3, h4, h5{font-face: arial, verdana, sans-serif;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}

.picborder{border: 6px solid #EDF0CA;}

/* CONTAINER */
#cont
{
	position: relative;
	width: 100%;
}

/* INNER */
.inner
{
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

/* TAGLINE */
#tagline
{
	position: relative;
	padding: 10px 0;
	background: #000;
	color: #FDFFEF;
	font: normal 12px verdana, arial, sans-serif;
}

/* HEADER */
#head
{
	z-index: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 107px;
}
#head-index
{
	z-index: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 129px;
}


#head #pic_space_back
{
	z-index: 1;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 370px;
	background: url(../design/pic.jpg) no-repeat 50%;
}

#head-index #pic_space_back
{
	z-index: 1;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 521px;
	background: #2F5353 url(../design/pic-index.jpg) no-repeat 50%;
}

#head .pic-cont, #head-index .pic-cont
{
	z-index: 2;
	position: relative;
	width: 1000px;
	height: 0;
	margin: 0 auto;
}

#head .pic
{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 370px;
}

#head-index .pic
{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 521px;
}

#head #logo_space
{
	z-index: 3;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 107px;
}

#head-index #logo_space
{
	z-index: 3;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 129px;
}

#head #logo_space .call
{
	position: absolute;
	top: 18px;
	right: 0px;
	width: 260px;
	font: bold 16px verdana, arial, sans-serif;
}
#head #logo_space .call .box{line-height: 23px; text-align: center;}
#head #logo_space .call .call_now{color: #F8FBD8; font-variant: small-caps;}
#head #logo_space .call .number{color: #FFF; font-size: 18px; font-weight: bold; letter-spacing: 1px;}
#head #logo_space .call .tag_line{color: #BBB;}

#head #logo_space .tagline
{
	position: absolute;
	top: 18px;
	left: 0px;
	width: 990px;
	text-align: center;
	font: normal 20px "Trebuchet MS", "Lucida Sans", "Times New Romain", serif;
	color: #FDFFEF;
}



#head-index #logo_space .call
{
	position: absolute;
	top: 18px;
	right: 0px;
	width: 260px;
	font: bold 16px verdana, arial, sans-serif;
}
#head-index #logo_space .call .box{line-height: 23px; text-align: center;}
#head-index #logo_space .call .call_now{color: #F8FBD8; font-variant: small-caps;}
#head-index #logo_space .call .number{color: #FFF; font-size: 18px; font-weight: bold; letter-spacing: 1px;}
#head-index #logo_space .call .tag_line{color: #BBB;}

#head-index #logo_space .tagline
{
	position: absolute;
	top: 18px;
	left: 0px;
	width: 990px;
	text-align: center;
	font: normal 20px "Trebuchet MS", "Lucida Sans", "Times New Romain", serif;
	color: #FDFFEF;
}

/* PIC SPACER */
#pic_space
{
	position: relative;
	height: 263px;
	background: #FDFFEF;
	z-index: 0;
}

#pic_space-index
{
	position: relative;
	height: 390px;
	background: #FDFFEF;
	z-index: 0;
}

/* NAVIGATION */
#nav
{
	position: relative;
	width: 100%;
	height: 40px;
	background: url(http://www.feathersoundtampabay.com/design/nav.gif) no-repeat 50%;
	z-index: 2;
}

#nav .inner .strip, #nav .inner .strip-member
{
	position: absolute;
	top: -38px; left: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav .inner .strip .box
{
	float: left;
	/*width: 165px;*/
	padding: 10px 21px;
	margin: 0;
	text-align: center;
}
#nav .inner .strip .box a{font-size: 14px; font-family: "Trebuchet MS", verdana, arial, sans-serif; color: #FFF; text-decoration: none;}
#nav .inner .strip .box a:hover{color: #FDFFEF; text-decoration: underline;}

#nav .inner .strip .aa{margin-top: 8px; }
#nav .inner .strip .a{margin-top: 6px;}
#nav .inner .strip .b{margin-top: 5px;}
#nav .inner .strip .c{margin-top: 3px;}
#nav .inner .strip .d{margin-top: 3px;}
#nav .inner .strip .e{margin-top: 5px;}
#nav .inner .strip .f{margin-top: 7px;}
#nav .inner .strip .g{margin-top: 0px;}

#nav .inner .strip .on{background: url(http://www.feathersoundtampabay.com/design/nav_on.gif) no-repeat 5% 50%;}



#nav .inner .strip-member .box
{
	float: left;
	/*width: 165px;*/
	padding: 10px 30px;
	margin: 0;
	text-align: center;
}

#nav .inner .strip-member .box a{font-size: 14px; font-family: "Trebuchet MS", verdana, arial, sans-serif; color: #FFF; text-decoration: none;}
#nav .inner .strip-member .box a:hover{color: #FDFFEF; text-decoration: underline;}

#nav .inner .strip-member .a{margin-top: 7px;}
#nav .inner .strip-member .b{margin-top: 5px;}
#nav .inner .strip-member .c{margin-top: 4px;}
#nav .inner .strip-member .d{margin-top: 3px;}
#nav .inner .strip-member .e{margin-top: 4px;}
#nav .inner .strip-member .f{margin-top: 5px;}
#nav .inner .strip-member .g{margin-top: 7px;}

#nav .inner .strip-member .on{background: url(http://www.feathersoundtampabay.com/design/nav_on.gif) no-repeat 5% 50%;}



/* HEADING */
#heading
{
	position: relative;
	height: 0px;
	line-height: 0px;
	z-index: 10;
}
#heading h1
{
	position: absolute;
	top: 80px;
	left: 10px;
	margin: 0px; padding: 0px;
	font: normal 36px "Trebuchet MS", "Lucida Sans", verdana, "Times New Roman", serif;
	color: #000;
}
#heading h2
{
	position: absolute;
	top: 130px;
	left: 10px;
	width: 400px;
	margin: 0px; padding: 0px;
	font: normal 15px "Trebuchet MS", "Lucida Sans", verdana, "Times New Roman", serif;
	color: #333;
}

/* CONTENT */
#content
{
	position: relative;
	width: 100%;
	background: url(http://www.feathersoundtampabay.com/design/content.gif) no-repeat 50% 0%;
}
#content .inner .height
{
	position: relative;
	float: left;
	width: 0px; height: 500px;
}
#content .inner .content
{
	position: relative;
	float: left;
	width: 994px;
}

.full_width
{
	width: 940px;
	padding: 10px 20px;
}

#left_menu
{
	position: absolute;
	top: 10px;
	left: 25px;
	width: 170px;
	padding-top: 20px;
	background: #F8FBD8;
	border: 1px solid #EFF2CD;
}
#left_menu #left_menu_shadow
{
	position: absolute;
	top: 40px;
	left: 171px;
	width: 30px;
	height: 423px;
	background: url(http://www.feathersoundtampabay.com/design/left_menu_shadow.gif) no-repeat;
}

#left_menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#left_menu ul li
{
	margin: 0 2px;
	padding: 11px 0 11px 10px;
	font: normal 11px arial, verdana, sans-serif;
	border-bottom: 1px solid #EFF2CD;
}
#left_menu ul li a{color: #033436; display: block; text-decoration:none;}
#left_menu ul li a:hover{text-decoration: underline;}

#left_menu ul li.hl
{
	/*background: #EFF2CD;*/
}

#left_menu ul li.sub
{
	padding-left: 28px;
	background: url(http://www.feathersoundtampabay.com/design/left_menu_on.png) no-repeat 5% 50%;
}

#right_side
{
	position: relative;
	margin: 10px 0 0 220px;
	width: 725px;
}

.no_left_menu
{
	position: relative;
	margin: 0 40px 0 30px;
}

.content_title
{
	position: relative;
	width: 100%;
	background: #F8FBD8;
	padding: 8px 0 8px 20px;
	font: bold 18px "Trebuchet MS", "Lucinda Sans", verdana, serif;
	color: #033436;
	border: 1px solid #EFF2CD;
}
.content_title .call_now
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 360px;
}
.content_title .call_now .phone
{
	font: normal 18px verdana, arial, sans-serif;
	line-height: 38px;
	text-align: center;
	word-spacing: 2px;
	color: #000;
}

.content_title .call_now .form_instr
{
	margin: 15px 0 0;
	font: normal 16px verdana, arial, sans-serif;
	line-height: 20px;
	letter-spacing: 0px;
	word-spacing: 1px;
	text-align: center;
}

.content_text
{
	padding: 20px;
	text-align: left;
	line-height: 20px;
	width: 100%;
}

.form_box
{
	position: absolute;
	top: 100px;
	right: -10px;
	width: 340px;
	height: 190px;
}
.form_box .back
{
	position: absolute;
	left: 0px; top: 0px;
	width: 340px;
	height: 190px;
	background: #D5DB95;
	opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.40;
	border: 1px solid #C2CA68;
}
.form_box .table
{
	position: relative;
	margin: 15px 0 10px 25px;
}
.form_box .input
{
	padding: 2px;
	font-size: 11px;
}

.content_call
{
	font: bold 18px verdana, arial, sans-serif;
	line-height: 26px;
}

.member-for-a-day
{
	/*font: normal 16px Georgia, "Times New Roman", serif; */
}

.member-for-a-day img
{
	float: left;
	margin: 0 25px 10px -15px;
}

/* FOOTER */
#foot
{
	position: relative;
}

#foot .shadow
{
	height: 20px;
	background: url(http://www.feathersoundtampabay.com/design/bottom_shadow.gif) no-repeat 50%;
}

#foot .menu
{
	background: #F8FBD8;
}

#foot .menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#foot .menu ul li
{
	float: left;
	padding: 15px 0;
	margin: 0 22px; 
	text-align: center;
	font: normal 13px "Helvetica Neue", "Trebuchet MS", "lucinda sans", "Times New Roman", serif;
	color: #000;
}

#foot .call
{
	background: #000;
	border-top: 2px solid #555;
	padding: 20px 0;
	font: bold 28px verdana, arial, sans-serif;
	color: #FFF;
	letter-spacing: 1px;
}

#foot .text
{
	background: #000;
	padding: 20px 0;
	line-height: 22px;
	font: normal 11px verdana, arial, sans-serif;
	color: #BBB;
	text-align: justify;
	text-justify: inner-word;
}

#foot .text a
{
	color: #F8FBD8;
}


.member-link{z-index: 499; position: absolute; bottom: -38px; right: 30px; height: 40px; width: 180px; margin: 0; padding: 0;}
.member-link .box{position: relative;}
.member-link .box .back{z-index: 500; position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: #000; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;}
.member-link .box .text
{
	z-index: 501;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 40px; line-height: 40px;
	font: normal 16px arial, verdana, sans-serif;
	color: #FFF;
	text-align: center;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.member-link .box .text a{line-height: 40px; color: #FFF; display: block; text-decoration: none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.none{display: none;}

.alignC{text-align: center;}

.dff{ position: absolute; top: -1000px; left: -322px; }