@charset "UTF-8";
/* CSS Document */

/*Whole Document Style */
*{
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%; 
	width: 100%;
	font-family: Helvetica, Arial, Sans-serif;
	background-image: url('../images/backgrounds/mainBack.gif');
}

p {
	line-height: 150%;
	padding: 0 25px 15px 25px;
	text-align: justify;
}

a img{
	border: none;
}

a {
	color: #009999;
	text-decoration: none;
	width: 100%;
	height: 100%;
}


/* Title Div Styling */
.title{
	width: 800px;
	height: 191px;
	margin: 0px auto;
	padding-bottom: 25px;
	background: #ffffff;
}

img#logo{
	margin: 25px 250px 15px 250px;
}

/* Navigation Bar Style */
ul.navBar{
	list-style: none;
	height: 35px;
	width: 800px;
	padding: 0 0;
	font-size: 16px;
	background-image: url("../images/backgrounds/menuBack.gif");
}

ul.navBar li{
	float: left;
	margin: 0;
	padding: 0 40px 0 35px; 
	height: 35px;
	line-height: 35px;
}

ul.navBar a{
	color: #444444;
}

ul.navBar a:hover{
	color: #009999;
}

a#curr{
	color: #009999;
}

li#li1{
	padding-left: 25px;
}

li#li5{
	padding-right: 0;
}

li#li6{
	padding-right: 25px;
	float: right;
}

/* White background to strech the entire height of the screen */
.backdrop{
	position: fixed;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	background: #ffffff;
	top: 0;
	left: 50%;
	margin-left: -400px;
	z-index: 1;
}

/*Top brown background that stretches the top of the page */
.topdrop{
	position: absolute;
	width: 100%;
	height: 191px;
	top: 0;
	z-index: 1;
	background-image: url("../images/backgrounds/topBack.gif");
 }	

/*Top brown bar that is the same height as the navigation */
.navdrop{
	position: absolute;
	width: 100%;
	height: 35px;
	top: 156px;
	z-index: 1;
	background-image: url("../images/backgrounds/menuSide.gif");
 }	


/*Main text styling */
.main{
	position: relative;
	z-index: 3;
	width: 800px;
	margin: 0 auto;
	height: 100%;
	height: auto !important;
	background: #ffffff;
}

/* IE 6 does not recognize min-height */
/* Height here functions as min-height */
* html .main{
	height: 300px;
}

img.floatRight{
	float: right;
	margin: 0 0px 10px 25px; 
}

img.floatLeft{
	float: left;
	margin: 0 15px 10px 0;
}

.main p#tagLine{
	text-align: center;
	font-size: 38px;
	color: #669999;
	margin: 30px 0 30px 0;
}

.mainText{
	width: 655px;
	float: right;
}

p.subTitle{
	color: #009999;
}

/* Sidebar styling */
.sideBar{
	width: 120px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid gray;
	color: #000000;
}

.sideBar ul{
	list-style: none;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}

.sideBar li{
	padding: 15px 0 15px 0px;
	border-top: 1px solid gray;
	width: 100%;
}

.sideBar li#s1{
	border-top: none;
}

.sideBar li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #444444;
}

.sideBar li a:hover{
	color: #009999;
}

/* Footer text styling */
.footer{
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 50px 0;
	clear: both;
	background: #ffffff;
	border-top: 1px solid gray;
}

ul.contactInfo{
	list-style: none;
	font-size: 12px;
}

ul.contactInfo li{
	display: block;
	float: left;
	text-align: left;
	margin: 0 0;
	padding: 0 0 0 25px; 
}

ul.contactInfo li#f2{
	padding-left: 120px;
}

ul.contactInfo li#f3{
	float: right;
	padding-right: 25px;
}

.introPic{
	float: right;
	margin-top: -20px;
}

.introPic img{
	padding: 10px 10px 0px 20px;
}

.introQuote{
	width: 350px;
	float: right;
	padding: 0 15px 0px 25px;
	color: #009999;
	font-size: 24px;
	margin-top: -15px;
}


.introQuote p{
	line-height: 29px;
	font-family: "Times New Roman", Times, Serif;
}

.introQuote p#sigLine{
	text-align: right;
	font-size: 16px;
	line-height: 16px;
	margin-top: -5px;
	padding: 0 25px 0 0;
}

/*Checkmark page styling */
.checkTitle{
	width: 590px;
	margin: 0 0 0 25px;
	padding-bottom: 60px;
}

.checkBorder{
	clear: left;
	width: 590px;
	border-bottom: 1px solid gray;
}

.checkTitle p.cat{
	padding: 7px 0 7px 5px;
	width: 285px;
	float: left;
	text-align: left;
}

.checkTitle p.cat a{
	color: #555555;
}

.checkTitle p.ans{
	padding: 7px 0;
	text-align: center;
	width: 150px;
	float: left;
}

span.yes{
	color: #000000;

}

span.no{
	color: #aaaaaa;
	font-weight: bolder;
}

span.grey{
	color: #555555;
}

span.seebrief{
	font-size: 18px;
	font-weight: bolder;
}

span.small{
	color: #444444;
	font-size: 12px;
}

span.bold{
	font-weight: bolder;
}

.detailBox{
	float: left;
	width: 200px;
	height: 271px;
	margin-top: 71px;
	border: 1px solid #009999;
}

/* Clients page styling */
.listLeft {
	padding: 20px 0 20px 100px;
	width: 300px;
	float: left;
}

.listLeft ul{
	list-style-type: none;
	line-height: 25px;
}

.listRight {
	padding: 20px 100px 0 15px;
	width: 250px;
	float: right;
}

.listRight ul{
	list-style-type: none;
	line-height: 25px;
}

span.clientsTitle{
	color: #009999;
	font-size: 16px;
}

p.clientSig{
	font-family: Helvetica, Arial, Sans-serif;
	text-align: right;
	color: #009999;
	font-size: 16px;
}

.clientsTes{
	width: 600px;
	margin: 0 auto;
	font-family: "Times New Roman", Times, Serif;
	font-size: 18px;
}


/* CSS For Popup Movies */
.popup {
	position: fixed;
	overflow: hidden;
	z-index: 101;
	width: 640px;
	height: 538px;	
	display:none;
	top: 75px;
	left: 50%;
	margin-left: -340px;
}

.popupL {
	position: fixed;
	overflow: hidden;
	z-index: 101;
	width: 640px;
	height: 538px;	
	display:none;
	top: 75px;
	left: 50%;
	margin-left: -340px;
}


.closePopUp {
	text-align: right;
	margin-bottom: 4px;
	width: 100%;
}

img.imgx {
	float:right;
	margin-bottom: 5px;
}

.glass {
	position: fixed;
	background-color: black;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	display: none;
	right: 0px;
	top: 0px;
	z-index: 100;
}

.movieFrame {
	background:#FFFFFF;
	margin: 0 0;	
}

#youLeft{
	margin-left: 190px;
	padding-bottom: 15px;
	width: 300px;
	height: 50px;
	float: left;
}

#youLeft p{
	width: 293px;
	padding: 11px 7px 0 0;
	text-align: right;
}

#youRight{
	float: left;
}

.youCenter{
	width: 425px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.youCenter p{
	width: 293px;
	padding: 11px 7px 0 0;
	text-align: right;
	float: left;
}

/* CSS For Tooltips */
/* From http://psacake.com/web/jl.asp */
a.toolTip{
    position:relative;
    z-index: 24;
}

a.toolTip:hover{
	z-index: 25;
	background: #ffffff;
} 
	
a.toolTip span{
	display: none;
}

a.toolTip:hover span{
    display: block;
    position: absolute;
    bottom: 20px; 
	left: 30px; 
	width: 400px;
    border:1px solid #006666;
    background-color:#ffffff; 
	color: #000000;
    text-align: left;
	padding: 5px;
}

/* IE 6 Fixes. Please update, world. Please. */
* html .navdrop{
	top: 159px;
}

* html .glass{
	position: absolute;
}

* html .glass#indexGlass{
	height: 900px;
}

* html .glass#caseGlass{
	height: 1500px;
}

* html .popup{
	position: absolute;
}

* html .popupL{
	position: absolute;
	top: 550px;
}

*html .backdrop{
	position: absolute;
}