/* CSS Document */

body {
background: #2b2c31 url(../images/bg.gif);
font: 14px "Tahoma", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;	color:#FFF;
}

p {line-height: 1.3em; margin-top: 1.0em; margin-bottom: 1.0em; padding:0px 5px 0px 5px; }

h1{
font-size:16px;
color:#FFF;
padding:0 10px 0 10px;
font-stretch:expanded;
}

h2 {
font-size:1.5em;
line-height: 1.5em;
margin-top: .2em;
margin-bottom: .2em;
color:#FFF;
padding:0 10px 0 10px;
}

h3 {
font-size:1.3em;
line-height: 1.3em;
margin-top: .2em;
margin-bottom: .2em;
color:#FFF;
padding:0 10px 0 10px;
}

A:link {text-decoration: underline; color:#00bff3;}
A:visited {text-decoration: underline; color:#FFF;}
A:active {text-decoration: none; color:#00bff3;}
A:hover {text-decoration: underline; color:#959595;}

#wrapper {
width:960px;
height:auto;
margin:0px auto;
margin-top:20px;
}

#header{
width:960px;
height:40px;
margin-top:-15px;
margin:0px auto;
background:#464646;
border:1px solid white;
}

.margin{
height:10px;
}

#logo{
width:219px;
height:80px;
float:right;
}

.sep{
float:left;
}

#navigation{
width:740px;
height:80px;
float:left;
}

#photo{
width:960px;
margin:0px auto;
}

#bottom-info{
width:960px;
margin:0px auto;
background-color:#464646;
padding:10px 0px 10px 0px;
border:1px solid white;
}

#left{
width:600px;
float:left;
}

#right-nav{
width:300px;
float:right;
text-align:right;
padding-right:10px;
}

#right-nav a {
	color: #00bff3;
	text-decoration: none;

}

.line{
width:940px;
margin:0px auto;
padding-top:6px;
padding-bottom:6px;
border-bottom:1px;
border-bottom-color:#FFF;
}


#footer{
width:960px;
height:100%;
text-align:center;
vertical-align:middle;
margin:0px auto;
background:#464646;
border:1px solid white;
}


.notice {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

.join{
font-size:16px;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
}

.join a{
font-size:16px;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
}

.quote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	color:#00bff3;
}


#bottom{
width:960px;
height:auto;
text-align:center;
vertical-align:middle;
padding:5px 0px 5px 0px;
margin:0px auto;

background:#373737;
border:1px solid white;
}

.box{
width:auto;
height:auto;
float:left;
padding-right:40px;
padding-left:15px;
}

.box li {
list-style:none;
line-height:20px;
}

.box2{
width:auto;
height:auto;
float:left;
padding-right:0px;
}

.box2 li {
list-style:none;
line-height:20px;
}

.box3{
width:auto;
height:auto;
float:left;
padding-right:60px;
}

.box3 li {
list-style:none;
line-height:60px;
}

.title {
text-transform:uppercase;
color:#FFF;
font-size:12px;
}

.contact {
font-size:16px;
background:#373737;
border:1px solid white;
width:400px;
padding:10px 0 10px 0;
margin: 0px auto;
}

.pricing {
font-size:12px;
background:#373737;
border:1px solid #ebebeb;
width:600px;
padding:20px;
height:100%;
margin: 0px auto;
margin:10px 0 0 10px;
float:left;
}

.small12{
font-size:12px;
}

.small10{
font-size:10px;
}

.contactbox {
background:#373737;
border:1px solid #ebebeb;
width:270px;
height:100%;
padding:10px 0px 10px 10px;
margin: 0px auto;
margin:10px 10px 15px 10px;
float:right;
}


.contactbox2 {
background:#004a80;
border:1px solid white;
width:90%;
height:100%;
padding:10px;
margin: 0px auto;
margin:0 10px 15px 10px;
}

.contact-style{
font-size:20px;
color:#FFF;
font-weight:bold;
text-align:center;
padding:10px 0 10px 0;
line-height:1.1em;
}

.border{
border:#FFFFFF solid 5px;
}

<!-- Rounded Box -->
.box {background-color: #333333; 
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 20px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 20px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 20px 0px 20px;
}


.price li {
list-style:none;
line-height:20px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
	border:0;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}