/*======================================
    CopyRight 2009 USABusinessesDatabase.com
======================================*/
 

/**************************************/
/*              GLOBALS               */
/**************************************/
body{
	background:#000 url("../img/ocean/bx_page_bg.jpg") repeat-x top;
	font-family:Verdana, Arial, Geneva, sans-serif;
	margin:0;
	color:#DDD;
}
.page_wrapper{
	background:url("../img/ocean/bx_wrapper_bg.jpg") no-repeat top center;
}
.sub{
	padding:10px;
}
.container{
	font-size:14px;
	line-height:1.5em;
}
.highlight, .container .highlight{
	font-weight:bold;
	color:#FFF;
	background:none;
}
ul{
	list-style-image:url(../img/bx_tick.png);
}
li{
	margin-bottom:10px;
}
ul ul{
	list-style-image:none;	
}
.details{
	font-size:12px;
	color:#666;
}

.fleft{
	float:left;
}
img.fleft{
	margin:0 10px 10px 0;
}
.fright{
	float:right;
}
img.fright{
	margin:0 0 10px 10px;
}
/**************************************/
/*             HEADINGS               */
/**************************************/
h1,h2,h3,h4,h5,h6, .nav{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
}
h1{
	font-size:24px;
	line-height:1.5em;
	color:#000;
}
h2{
	font-size:48px;
	line-height:1.5em;
}
h3{
	font-weight:normal;
	font-size:24px;
	line-height:1.5em;
	letter-spacing:1.2px;
}
h4{
	font-size:18px;
	line-height:1.5em;
	letter-spacing:1.2px;
	font-variant:small-caps;
}
h5{
	font-size:16px;
	line-height:1.5em;
	color:#999;
	font-variant:small-caps;
}
h6{
	font-size:14px;
	line-height:1.5em;
	color:#999;
}
.section-title,.post-title{
	font-weight:normal;
	font-size:24px;
	border-bottom:#4f979f 1px solid;
	margin-bottom:12px;
	}
/**************************************/
/*              LINKS                 */
/**************************************/
a, .container a, .container a:link, button, .container button{
	text-decoration:none;
	color:#36e0f3;
	}
a:visited, .container a:visited{
	color:#2b6970;
	text-decoration:none;
}
a:hover, .container a:hover,button:hover, .container button:hover{
	color:#fff;
	text-decoration:underline;
}
a[href^="http:"]:visited  { background-image: none; }
/**************************************/
/*              NOTICES               */
/**************************************/
p.notice a:hover{
	color:#000;
}
/**************************************/
/*              BUTTONS               */
/**************************************/
a.small_button{
	font-size:12px;
	padding:0;
	background:url("../img/bx_small_button_left_bg.png") no-repeat left top;
	padding-left:11px;
	display:inline-block;
	vertical-align:middle;
	}
a.small_button span{
	display:inline-block;
	background:url("../img/bx_small_button_right_bg.png") no-repeat right top;
	line-height:25px;
	height:30px;
	padding-right:30px;
	cursor:pointer;	
	text-align:left;
	}
a.big_button, button.big_button{
	font-size:14px;
	padding:0;
	background:url("../img/bx_big_button_left_bg.png") no-repeat left top;
	padding-left:14px;
	display:block;
	}
a.big_button span, button.big_button span{
	display:block;
	background:url("../img/bx_big_button_right_bg.png") no-repeat right top;
	height:29px;
	padding:7px 30px 7px 0;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	}
a.big_button img, button.big_button img{
	display:block;
	position:absolute;
	right:15px;
	top:10px;
	}
a.small_button:hover, a.featured_link:hover{
	text-decoration:none;
	}
/**************************************/
/*               FORMS                */
/**************************************/
.container form div{
	margin-bottom:1.5em;
	}
button, .container button{
	border:none;
	cursor:pointer;
	width:220px;
    overflow:visible;
	padding:0 0 0 11px;
	}
button span, .container button span{
	top:-1px;
	position:relative;
	padding:3px 40px 7px 0;
	text-align:left;
	line-height:29px;
	height:29px;
	}
label{
	display:block;
	text-align:right;
	font-weight:normal;
}
textarea, input[type='text'], input[type='password'], select {
	font-family:Verdana, Arial, Geneva, sans-serif;
	background:#333;
	border:#999 1px solid; 
	color:#fff;
	font-size:14px;
	width:220px;
	padding:2px 4px 5px 4px;
}
textarea{
	width:430px
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { 
	border-color: #fff; 
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #36e0f3;
}

/**************************************/
/*              HEADER                */
/**************************************/
.header{
	padding:20px 0 10px 0;
}
#contact-info{
	text-align:right;
	padding-bottom:10px;
	font-size:12px;
	color:#fff;
}
#contact-info a:link{
	color:#fff;
	text-decoration:underline;
}
#contact-info a:hover{
	color:#fff;
	text-decoration:none;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav{
	background:url("../img/bx_nav_bg.png") no-repeat top right;
	height:32px;
	line-height:27px;
	font-size:18px;
	width: 900;
}
#nav ul{
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
	position:relative;
	z-index:10;
	margin-right:20px;
	width: 900;
}
#nav li{
	display:block;
	float:left;
	margin-left:20px;
}
#nav a{
	color:#fff;
}
#nav a:hover{
	color:#fff;
	text-decoration:underline;
}
#nav a:link{}
#nav a:visited{}
.JS #nav a:hover, .JS #nav a:visited a:active{
	text-decoration:underline;
	}
/* Represents the background of the highlighted menu-item. */
.JS #nav ul li.back {
	border-bottom:#FFF 2px solid;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.JS #nav ul li.back .left {
	border-bottom:#FFF 2px solid;
	height: 30px;		
	}
/* Styles for each menu-item. */
.JS #nav ul li a {
	position: relative; 
	overflow: hidden;
	z-index: 10; letter-spacing: 0;
}

/**************************************/
/*             FRONT PAGE             */
/**************************************/
.front{
	width:960px;
	margin:0 auto;
	height:250px;
	background:url("../img/ocean/bx_front_bg.png") no-repeat top center;
	margin-bottom:70px;
}

.tagline .sub{
	padding:30px 10px 30px 20px;
	height:190px;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}
.notes_wrapper{
	position:relative;
}
.notes{
	position:absolute;
	height:350px;
	width:400px;
	left:-20px;
	top:-40px;
	overflow:hidden;
	background:url("../img/bx_notes_bg.png") no-repeat top center;
}
.notes .sub{
	position:absolute;
	height:250px;
	width:290px;
	left:40px;
	top:34px;
	color:#215A8C;
	padding:15px;
	}
.featured .thumbnail{
	text-align:center;
}
.featured h3{
	color:#000000;
	padding:0;
	margin:0;
	border:none;
}
a.featured_link{
	padding:0;
	background:url("../img/bx_featured_link_left_bg.png") no-repeat left top;
	padding-left:17px;
	display:inline-block;
	position:absolute;
	top:114px;
	right:32px;
}
a.featured_link span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	display:inline-block;
	background:url("../img/bx_featured_link_right_bg.png") no-repeat right top;
	height:38px;
	padding:15px 48px 0 0;
	cursor:pointer;
}
.headline{
	font-size:14px;
}
.intro p{
	font-size:18px;
	line-height:1.5em;
	margin-bottom:22px;
}
#rss-link{
	color:#ffa223;}


/**************************************/
/*               FOOTER               */
/**************************************/
.footer .container{
	border-top:1px #ccc solid;
	text-align:center;
	font-size:12px;
	padding-top:1em;
}

/**************************************/
/*           STYLE SWITCHER           */
/**************************************/
.switcher{
	background:#000;
	position:fixed;
	color:#fff;
	padding:5px;
	font-size:14px;
	top:5px;
	left:5px;
}
.swticher .styleswitch{
	margin-right:20px;
}
.switcher .styleswitch img{
	vertical-align:middle;
}
/* uncomment the following line to remove the style switcher */
/* .switcher{display:none;} */

a img.sidead:hover
{
    border:1px dotted #000;
}
a img.sidead
{
    margin-bottom:10px;
    padding:1px;
    border:1px dotted #fff;
}

a.btn 
{
    background:#6892c7 url('../img/btnBack.gif') left top repeat-x;
    border:1px solid #396dad;
    padding:8px 12px;
    color:#fff;
    font-weight:bold;
    font-size:15px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


a.btn:hover 
{
    background:#616161 url('../img/btnBack2.gif') left top repeat-x;
    border-color:#373737;
	color:#fff;
}

/* hosting matrix table */

#content table a,
#content table a:link,
#content table a:visited {
	border:none;
	}		
table 
{
	font-family:Verdana;
	border-top:1px solid #3B3C3C;
	border-right:1px solid #3B3C3C;
	border-collapse:collapse;
	width:600px;
	font-size:14px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	}
caption {
	color: #222222;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}
	
tr.headtr td
{
    background:#222222;
    padding:10px 0;
}

tr.odd td,
tr.odd .column1 {
	background:#222222;
}

.column1	
{
	background:#222222;
}

td {
	color:#678197;
	border-bottom: 1px solid #3B3C3C;
	border-left:1px solid #3B3C3C;
	padding:8px 5px;
	text-align:center;
	font-size:12px;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #3B3C3C;
	border-left:1px solid #3B3C3C;
	padding:.3em 1em;
	}	
thead th {
	background:#222222;
	text-align:center;
	font-size:0.65em;
	color:#66a3d3;
	font-weight:bold;
	line-height:normal;
	}				
tfoot th {
	background:#222222;
	text-align:center;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
	
.dollar 
{
    font-size:20px;
    font-family:Arial;
    vertical-align:middle;
    margin-right:3px;
    color:#7cacd1;
}

.trover 
{
    color:#fff;
}

/* Review page */

.reviewside 
{
    float:right;
    padding:1px;
    margin:0 20px;
    background:#fff;
    border:5px solid #dcdcdc;
}

#address {
background-image:url(..images/address.gif);
width: 490px;
height: 44px;
}

#address_box {
	background: url(..images/addressbox.gif);
	margin-top: 10px;
	margin-left: 7px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	width: 468px;
	height: 20px;
	border-style:solid;
	border-color:#333333;
	background-color: #333333;
}

.reviewside 
{
    float:right;
    padding:1px;
    margin:0 20px;
    background:#fff;
    border:5px solid #dcdcdc;
}