@import url("menu.css");
@import url("callouts.css");
@import url("lightbox.css");
@import url("login_form.css");

html, body, div, h1, h2, h3, ul{
margin:0;
padding:0px;
}
body{
background:url(../images/body_bg.png) repeat-x top left;
}
#wrapper{
/*height:100%;*/
width:981px;
margin:10px auto;
font-family:"Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#484848;
font-size:12px;
position:relative;
padding:0px;
}
#wrapper a, a:visited, a:active{
color:#1a75ff;
text-decoration:none;
}
#wrapper a:hover{
color:#999999;
}
#wrapper #top{
height:37px;
background:url(../images/navBarMenu.png) no-repeat top left;
}
#wrapper #top #menu{
list-style:none;
margin-bottom:10px;
}
#wrapper #top #menu li{
display:inline;
}
#wrapper #top #menu li a{
display:block;
float:left;
text-align:center;
height:37px;
text-indent:-9999px;
overflow:hidden;
color:#000000;
}
#wrapper #loader{
position:absolute;
top:100px;
left:440px;
color:#FF0000;
font-weight:bold;
background:url(../images/ajax-loading.gif) no-repeat top center;
padding-top:30px;
}
#wrapper #main{
position:relative;
background:url(../images/main_background.jpg) no-repeat 0px 24px;
width:981px;
\height:100%;
*height:100%;
height:100%;
}
#wrapper #main #mask{
width:981px;
overflow:hidden;
}
#wrapper #main #pagesWrap{
width:20000px;
height:100%;
*height:700px;
}
#wrapper #main #pagesWrap .pages{
float:left;
width:981px;
/*height:600px;*/
margin-right:100px;
}
#wrapper #main #pagesWrap .pages ul{
list-style:disc;
list-style-position:outside;
margin-left:20px;
}
#wrapper #main #pagesWrap .pages ul li{
margin-bottom:10px;
}
#wrapper #main #pagesWrap .pages .homeColumn{
float:right;
width:610px;
}
#wrapper #main #pagesWrap .pages .leftColumn{
float:left;
margin:270px 0 0 0;
width:480px;
}
#wrapper #main #pagesWrap .pages .video_button{
background:url(../images/btn_watchvideo.png) top left no-repeat;
width:139px;
height:33px;
display:block;
text-indent:-9999px;
}
#wrapper #main #pagesWrap .pages .video_button:hover{
background-position:bottom left;
}
#wrapper #main #pagesWrap .pages .rightColumn{
float:right;
width:480px;
}
#wrapper #main #pagesWrap .pages ol li{
margin-bottom:5px;
}
#wrapper #main #pagesWrap #page9 .rightColumn{
max-height:550px;
*max-height:100%;
width:650px;
}
#wrapper #main #pagesWrap #page10 .rightColumn{
max-height:550px;
*max-height:100%;
width:650px;
}
#wrapper #main #pagesWrap #page2, #page3, #page3-2, #page4, #page5, #page6, #page7, #page8, #page9, #page10{
padding:50px 0px 0px 0px;
}
#wrapper #main #pagesWrap .pages h2{
margin-bottom:10px;
}
#wrapper #loginLaunch{
display:block;
background:url(../images/btn_login.png) no-repeat top left;
text-indent:-9999px;
height:33px;
width:92px;
overflow:hidden;
}
#wrapper #loginLaunch:hover{
background-position:bottom;
}
#wrapper #logoWrap{
position:absolute;
left:33px;
top:60px;
z-index:100;
}
#wrapper #subSection{
position:absolute;
top:665px;
*top:625px;
height:120px;
*margin:60px 0 0 0px;
}
#wrapper #subSection #callouts{
list-style:none;
/*margin-bottom:10px;*/

}
#wrapper #subSection #callouts li{
display:inline;
width:244px;

/*margin-top:-9000px;*/
}
#wrapper #subSection #callouts li a{

float:left;
display:block;
text-indent:-9999px;
width:244px;
height:161px;
overflow:hidden;
/*margin-bottom:10px;*/
}
#wrapper #footer{
position:relative;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #cccccc;
margin:140px 0 0 0;
*margin:145px 0 0 0;
font-size:11px;
}
#legend{
float:left;
margin:10px 0 10px 0;
*margin:10px 0 10px 0;

}
#wrapper #footer ul{
float:right;
list-style:none;
margin:10px 0 10px 0;
}
#wrapper #footer ul li{
display:inline;
}
.clear{
clear:both;
}
#mails{
    position: relative;
    /*background: red;*/
    width: 150px;
    height: 100px;
    z-index: 100;
    top: 300px;
    left: 80px;
	text-indent:8px;
}
#mails h4{
	text-align:center;
	padding:0px;
	margin-bottom:10px;
	
}
#mails p{
	text-align:center;
	padding:0px;
	margin-bottom:1px;
	margin-top:1px;
	}
#dan_mail{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	background:url(../images/mail_s.png) 0 0 no-repeat;
	width:110px;
	height:10px;
}
#dan_mail:hover{
	background:url(../images/mail_s.png) 0 -11px no-repeat;
}
#dave_mail{
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/mail_s.png) 0 -20px no-repeat;
	width:115px;
	height:11px;
}
#dave_mail:hover{
	background:url(../images/mail_s.png) 0 -31px no-repeat;
}