/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	text-align:center;
	background-image:url(images/home_bg.jpg)
	}
	
p, table, th, tr, td, h1, h2, h3, a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	}
	
	img {
	border:0;
	}
	form{
	margin:0px;
	padding:0px;
	}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h3 {
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: blue;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: blue;
	}

/* ----------------------- <genClasses> --------------------------- */

/* START HOME */
.container{
width:896px;
margin: 0px auto;
text-align:center;
}

.ContactUsContent span
{
	width:310px;
	display:block;
	border:line 1 black;
}
.home_head_left{
width:240px;
/* height:190px; */
text-align:left;
vertical-align:top;
}

.home_head_right{
width:656px;
height:190px;
text-align:left;
vertical-align:top;
}

.home_nav{
}

.home_left{
width:240px;
height:473px;
background-image:url(images/home_left.jpg);
background-repeat:no-repeat;
}

.home_main{
width:656px;
height:523px;
background-image:url(images/home_right.jpg);
background-repeat:no-repeat;
}

.home_text{
padding:80px 360px 0px 90px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height:16px;
height:310px; /* Total 390px */
}

.home_consult{
margin:60px 110px 0px 430px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.home_left_text{
margin:0px 10px 10px 60px;
padding:70px 0px 0px 0px;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.home_left_form{
}

.home_left_form_text{
color:#908D4E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;



}

.form_box_cell{
background-image:url(images/home_left_form_shadow.jpg);
background-repeat:no-repeat;
height:25px;
width:112px;
}

.form_box{
height:10px;
width:97px;
color:#A2A1A1;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0px 0px 5px;
}

.home_footer{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
margin: 0px 0px 20px 0px;
}

.home_footer a:link, .home_footer a:visited{
color:#FFFFFF;
text-decoration:none;
}

.home_footer a:hover, .home_footer a:active{
color:#FFFFFF;
text-decoration:underline;
}

/* END HOME */


/* START SUB */

.sub_container{
width:896px;
margin: 0px auto;
text-align:center;
background-image:url(images/sub_body_repeat_w_bg.jpg);
}

.sub_container_bg{
width:896px;
text-align:center;
background-image:url(images/sub_body_tile.gif);
}

.sub_head_left{
width:240px;
/* height:190px; */
text-align:left;
vertical-align:top;
}

.sub_head_right{
width:656px;
height:190px;
text-align:left;
vertical-align:top;
}

.sub_nav_bot{
width:656px;
height:50px;
background-image:url(images/sub_nav_bot.jpg);
background-repeat:no-repeat;
}

.sub_page_ttl{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#AA3018;
/*margin:30px 0px 0px 110px;*/
}

.sub_body_left{
width:270px;
/* height:190px; */
text-align:left;
vertical-align:top;
}

.sub_body_right{
width:626px;
/* height:190px; */
text-align:left;
vertical-align:top;
}

.ContactUsContent span
{
 display:block;
}

.sub_left{
width:270px;
height:473px;
/*background-image:url(images/sub_left.jpg);*/
background-repeat:no-repeat;
}

.sub_left_ttl{
/*background-image:url(images/sub_body_left_ttl_about.gif);*/
width:270px;
height:70px;
}

.sub_left_tile{
background-image:url(images/sub_body_left_repeat.gif);
width:190px; /* Total 270px */
padding: 5px 40px 0px 40px;
}

.sub_sub_nav_off{
background-image:url(images/sub_sub_nav_inactive.jpg);
background-repeat:no-repeat;
padding:2px 0px 0px 35px;
/*height: 20px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}


.sub_sub_nav_off a:link, .sub_sub_nav_off a:visited{
text-decoration:none;
color:#000000;
}

.sub_sub_nav_off a:hover, .sub_sub_nav_off a:active{
text-decoration:underline;
color:#000000;
}

.sub_sub_nav_line{
margin: 2px 10px 2px 30px;
border-top:1px solid #88864A;
}

.sub_sub_nav_on{
background-image:url(images/sub_sub_nav_active.jpg);
background-repeat:repeat;
padding:2px 0px 0px 35px;
/*height: 20px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#AA3018;
font-weight:bold;
}

.sub_sub_nav_on a:link, .sub_sub_nav_on a:visited{
text-decoration:none;
color:#AA3018;
font-weight:bold;
}

.sub_sub_nav_on a:hover, .sub_sub_nav_on a:active{
text-decoration:underline;
color:#AA3018;
font-weight:bold;
}

.sub_left_bot_cap{
background-image:url(images/sub_body_left_bot.jpg);
width:270px;
height:241px;
}

.sub_main{
width:496px; /* Total 626px */
/* height:523px; */
background-image:url(images/sub_body_top.jpg);
background-repeat:no-repeat;
padding:10px 50px 0px 80px;
}

.sub_body_main_text
{
    padding:0px 10px 0px 0px;
    /*width:430px;*/
    /* Total 320px */
    text-align:left;
    vertical-align:top;
    width: 450px;
    display:block;
}

.sub_body_main_text_testimonials
{
    padding:0px 10px 0px 0px;
    width:310px;/* Total 320px */
    text-align:left;
    vertical-align:top;
}

.sub_body_right_text{
padding:0px 0px 0px 0px;
width:186px;
text-align:left;
vertical-align:top;
}

.sub_body_right_top{
background-image:url(images/sub_body_right_tbl_top.jpg);
background-repeat:no-repeat;
width:151px;
height:9px;
}

.sub_body_right_ttl{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#AA3018;
}

.sub_body_right_mid{
background-image:url(images/sub_body_right_tbl_mid.jpg);
background-repeat:repeat-y;
width:131px; /* 151px Total */
padding:0px 10px 0px 10px;
}

.sub_body_right_bot{
background-image:url(images/sub_body_right_tbl_bot.jpg);
background-repeat:no-repeat;
width:151px;
height:10px;
}


.sub_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height:16px;
}

/*Email_SignUp1{}*/

.sub_cap{
width:896px;
height:180px;
background-image:url(images/sub_cap.jpg);
background-repeat:no-repeat;

}

.sub_consult{
/*margin:100px 100px 0px 670px;*/
padding:100px 100px 0px 670px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.sub_footer{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
width:896px;
padding:0px 0px 20px 0px;
}

.sub_footer a:link, .sub_footer a:visited{
color:#FFFFFF;
text-decoration:none;
}

.sub_footer a:hover, .sub_footer a:active{
color:#FFFFFF;
text-decoration:underline;
}

/* END SUB */


/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/sample.jpg) no-repeat;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sample.jpg) no-repeat;
	background-position: -190px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 3px 3px 30px;
	margin: 0;
	}
	
/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsArial_8{font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.clsArial_10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.clsArial_12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clsArial_14{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.clsArial_16{font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.clsArial_24{font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.clsGaramond_8{font-family:Garamond, serif; font-size:8px;}
.clsGaramond_10{font-family:Garamond, serif; font-size:10px;}
.clsGaramond_12{font-family:Garamond, serif; font-size:12px;}
.clsGaramond_14{font-family:Garamond, serif; font-size:14px;}
.clsGaramond_16{font-family:Garamond, serif; font-size:16px;}
.clsGaramond_24{font-family:Garamond, serif; font-size:24px;}

.clsTimes_8{font-family:Times New Roman, Times, serif; font-size:8px;}
.clsTimes_10{font-family:Times New Roman, Times, serif; font-size:10px;}
.clsTimes_12{font-family:Times New Roman, Times, serif; font-size:12px;}
.clsTimes_14{font-family:Times New Roman, Times, serif; font-size:14px;}
.clsTimes_16{font-family:Times New Roman, Times, serif; font-size:16px;}
.clsTimes_24{font-family:Times New Roman, Times, serif; font-size:24px;}

.clsVerdana_8{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}
.clsVerdana_10{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.clsVerdana_12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.clsVerdana_14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.clsVerdana_16{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.clsVerdana_24{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}