html	{height:100%;}
body	{ padding:0; margin:0; font-size:8.5pt; color:#666; font-family:trebuchet MS, arial; line-height:120%; 
height:100%;
background:#fff url(images/top_bg.gif) repeat-x;
}
.top{ width:670px; text-align:right; border:0px solid black; }
#navwrapper	{ border:0px dashed red; width:670px; margin-top:6px;}
#container	{border:0px dashed gray; width:670px;}


#spider	{
position:absolute;
margin:0 0 0 -80px;
padding:0;
top:0;
}


#footerContainer{
border:0px dashed red;
	background:#f6f6f6 url(images/foot_bg.gif) repeat-x;
	position: relative;
	margin: 0 0 0 0px;
	height:116px;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footerContainer{
	margin-top: 0px;
}


#footer	{	
border:0px dashed red;
padding:3px 0 0px 0;
margin-bottom:10px;
text-align:left;
font-family:arial;
font-size:100%;
color:#999;
}
#turtle	{
float:right;
}







#main	{
border:0px dashed red;
text-align:left;
left:0;
width:670px;
margin:0px 0 0 0;
}
#leftbar	{
border:0px dotted blue;
float:left; width:46px; 
clear:both;
}
#rightbar{
border:0px solid lime;
float:right; 
width:210px;
font-family:trebuchet MS; 
line-height:120%;
}

#rightbar  ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#rightbar li{
background-image: url(images/boxes/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding:0 0 5px 1.5em;
}
#articles  ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#articles li{
background-image: url(images/boxes/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.5em;
}
#articles h2	{
padding:10px 0 0 0;
margin:0;
}


#middle	{
border:px solid red;
margin:0px 230px 0 54px;
clear:none;
width:380px;
font-size:110%;
line-height:140%;
}
#middle h3	{
font-size:13px;
color:#BE0560;
margin:0 0 -12px 0;
padding:0;
line-height:100%;
}

#banner	{
border:0px solid red;
margin:0px 0px 0 0px;
clear:none;
width:433px;
}

/* testimonial ######*/

.testimonials	{
border:1px solid #d3d3d3;
background:#fff;
padding:0 0px 5px 0px;
margin:0px 0 0 0px;
width:377px;
}
.testimonials h2	{
padding:10px 10px 10px 30px;
line-height:90%;
margin:0;
color:#BE0560;
}

.testi_title	{
background:#efefef;
padding:0 0 0 0px;
margin:0 0 0 0px;
width:100%;
display:block;
}
.testi_link	{
border:0px dashed red;
margin:10px 0 0 0;
width:350px;
text-align:right;
}

.quote	{
margin:-2px 0 -2px 0;
display:block;
padding:10px 10px 10px 30px;
}

/* testimonial ######*/



/* boxes  */

.boxtop	{
border:0px dashed blue;
margin:14px 0 0 0;
width:212px;
}

.boxWrapper	{
border:0px solid lime;
background:#eee url(images/boxes/box-bg.gif)  no-repeat; 
width:212px;
}
.boxcontent	{
border:0px solid lime;
padding:14px;
font-size:8.5pt;
line-height:130%;
width:184px;
}
.boxcontent h3	{
border:0px dotted red;
font-family:trebuchet ms, arial, helvetica;
font-size:13pt;
line-height:13pt;
padding:0px 0 0px 0;
margin:0px 0 4px 0;
color:#BE0560;
}
.phone	{
padding-top:5px;
}
.boxcopy	{
width:180px;
}

.boxbott	{
border:0px dashed blue;
width:212px;
font-size:1px;
height:7px;
background:#eee url( 'images/boxes/box-bottom.gif' ) 0 0px no-repeat;
}

#boxlink	{ border:0px dashed red;
margin:10px 0 0 0;
width:180px;
text-align:right;
}

/* end boxes  */






/* sectionTitles */

#sectionBanner	{
border:0px solid red;
padding:0px;
background:#a7a7a7;
height:62px;
background:url(images/st_bg.gif);
}
#sectionTitle	{
border:0px solid red;
margin:5px 0px 0 10px;
padding:5px 0 0 0;
color:#fff;
font-size:85%;
}
#sectionBanner a:link, #sectionBanner a:visited	{
color:#fff;
}

/* sectionTitles */








/* packages */
#package	{
border:1px solid #ccc;
padding:0px;
margin:0 0 0px 0;
width:205px;
font-size:87%;
}

#package_container td, #package_container th	{
font-size:7.5pt;
padding:2px;
}


/* packages */














#footer	{	border:0px dashed red;
padding:3px 0 10px 0;
margin-bottom:10px;
text-align:left;
color:#666;
line-height:170%;
}
#turtle	{
float:right;
}
#footer a	{font-weight:bold;}
.hpageTeaser	{
font-size:100%;
}


h2	{
font-size:14pt;
color:#BC055F;
}
h3	{
font-size:10pt;
font-weight:bold;
margin:0 0 8px 0;
}

A:link	{
	color:#EA4F9C;
	text-decoration: none;
	font-weight:bold;
}
A:visited	{
	text-decoration: none;
	color:#EA4F9C;
	font-weight:bold;
}
A:hover	{
	text-decoration: underline;
	color:#EE93C0;	
	font-weight:bold;
}

h2 a:link, h2 a:visited	{
	color:#BE0560;
}


#contact_details a:link { 
	color:#fff;
}

#contact_details a:hover { 
	color:#E7E7E7;
}

#contact_details {
float:right; 
padding: 0px 0 10px 0; 
color:#fff; 
border:0px solid white;

}


.copyright	{
	color:#A8B3D5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 57%;
	line-height: 180%;
	text-decoration: none;
}
.copyright:hover {
	
	color:#A8B3D5;
	text-decoration:underline;
}
.copyright:link	{
	color:#A8B3D5;
}
.copyright:visited	{
	color:#A8B3D5;
}	

.searchbutton	{
	font-size:85%;
	background-color : #fff;
	color : #666;
}	

#label	{
float:left;
width:180px;
clear:both;
border:0px solid red;
}


#textNav{
border:0px solid white;
position:relative;
top:11px;
left:0px;
width:450px;
float:right;
margin:0 0px 0 0;
}



/* menu */
#navcontainer{border:0px dotted gray;
margin: 38px 0 0px 0px;padding: 0;
height: 20px;

}
#navcontainer ul{border: 0;
margin: 0;padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li{
display: block;
float:left;
text-align: center;
padding: 0;margin: 0;
}
#navcontainer ul li a{border:0px dotted red;
background: url(images/tab_both.gif) top left no-repeat;
width: 75px;
height: 27px;
padding: 6px 0 0 0; margin: 6px 0 0px 0;
color: #ECC5D2;
text-decoration: none;
font-weight:bold;
display: block;
text-align: center;
}
#navcontainer ul li a:hover{color: #fff;
background:url(images/tab_both.gif) top left no-repeat;
background-position: 0 -47px;
}
#navcontainer a:active{color: #fff;
background:url(images/tab_button_both.gif) top left no-repeat;
background-position: 0 -47px;
}
#navcontainer li#active a{color: #fff;
background:url(images/tab_both.gif) top left no-repeat;
background-position: 0 -47px;
}
/* menu */


/* top text menu ######*/
#navcontainer2 ul{
border:0px solid red;
margin: 12px 0 0 0;
padding: 2px 0 0 0;
list-style-type: none;
}	
#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a	{border:0px solid red;
text-decoration: none;
padding: 0 1em 0 1em;
background:url(images/arrow_topnav_both.gif) top left no-repeat ;
background-position:0 0.4em;
color:#868686;
}
#navcontainer2 ul li a:hover{

background-position: 0 -15px;
text-decoration:underline;
}

#navcontainer2 ul li#active a{

background-position: 0 -15px;
text-decoration:underline;
}

/* top text menu ######*/




/* subNAV ######*/
.menuPad	{padding:0 0 0 10px;}
.menuPad2	{padding:0 0 0 20px;}
#sub_navcontainer { margin-left: 0px; width: 148px; border-top:0px solid red;}

#sub_navcontainer ul{
margin: 0; padding: 0;
list-style-type: none;
}
#sub_navcontainer li { margin: 0 0 0px 0; }

#sub_navcontainer a{border:0px dashed orange;
display: block;
padding: 4px 0px 4px 0px;
width: 148px;
color: #fff;
background-color: #c4c4c4;
text-decoration: none;
border-bottom:1px solid #868686;
}

#sub_navcontainer a:hover{
color: #fff;
background-color: #b2b2b2;
text-decoration: none;
}

.subactive	{
color:#ff6600;
}



#sub_navcontainer ul ul a	{
display: block;
padding: 4px 0px 4px 0px;
color: #868686;
background-color: #fff;
text-decoration: none;
}

#sub_navcontainer ul ul li { margin: 0 0 0px 0; }

#sub_navcontainer ul ul ul li { margin: 0 0 0px 0px; }

#sub_navcontainer ul ul ul a	{
display: block;
padding: 5px 0px 5px 0px;
color: #868686;
background-color: #f4f4f4;
text-decoration: none;
}

#sub_navcontainer ul ul a:hover	{
color: #868686;
background-color: #f1f1f1;
text-decoration: none;
}

#sub_navcontainer ul ul ul a:hover	{
color: #868686;
background-color: #ddd;
text-decoration: none;
}

/* subNav ######*/




/* tooltip */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#fff;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff6600; color:#fff; text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	font-size:9.5pt;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:0px solid #666;
	padding:0px;
    background-color:#868686; color:#fff;
	text-decoration:none;
    text-align: center;
	color:#fff;
}




hr{
border: none;
background-color: #ccc;
color: #ccc;
height: 1px; 
margin-top:-3px;
}
html>body hr {
border: none;
background-color: #ccc;
color: #ccc;
width: 100%;
margin-bottom:3px; 
margin-top:3px;
height: 1px; 
}