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


html{
	height:100%;
}

body{
	background-color:#0e0c14; 
	height:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	line-height:13px;
	background-image:url(../images/bg_grad.jpg);
	background-repeat:repeat-x;
	
}

.main_div{
	
	width:736px;
	position:relative;
	margin:0px auto 0px auto;
	
}

ul.headers{
	padding:0px;
	margin:0px;
	margin-left:15px;
	color:#e5ba57;
}

ul.headers li{
	list-style-type:disc;
}

.button_holder{
	
	width:139px;
	height:31px;
	
}

.square_txt_holder{
	
	width:139px;
	position:absolute;
	top:9px;
	text-align:center;
	font-weight:bold;
}

#image_holder{
	
	height:9px;
	
}

#box1{
	
	width:130px;
	position:absolute;
    left: 262px;
	top: 195px;
}

#box2{ 

	width:130px; 
	position:absolute;
	left: 290px;
	top: 200px;
}

#box3{
	
	width:130px;
	position:absolute;
	left: 463px;
	top: 200px;
}


.header_text{
	color:#222222;
}

img{
	border-width:0px;
	margin:0px;
}

#nav_holder{
	
	width:736px;
	height:17px;
	position:relative; 
	letter-spacing:5px	
}

#head_content_holder{
	
	width:736px;
	height:350px;
	margin:0px auto 0px auto;
	position:relative
	
}

#head_text_holder{
	
	position:absolute;
	width:319px; 
	left:248px;
	top:37px;
}

p{
	margin-top:0px;
	margin-bottom:10px;
}


.centered_content_div{
	width:736px; 
	height:auto; 
	margin:0px auto 0px auto; 
	position:relative;
}


.clearer {
	clear:both;
}

.menu_links{
	color:#FFFFFF;
	font-size:11px;
	line-height:12px;
	font-weight:normal;
	text-decoration:none;
}

.signature1{
	font-size:18px;
	color:#000000;
	line-height:18px;
}

.signature2{
	font-size:50px;
	color:#000000;
	height:50px;
	line-height:50px;
}

a{
	color:#FFFFFF;
	text-decoration:none; font-weight:bold;
}

h1{
	color:#FFFFFF;
	font-size:12px; 
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
}

h2{
	color:#f8943c;
	font-weight:bold;
	font-size:13px;
	
	margin-bottom:10px;
}

h3{
	color:#f8943c;
	font-weight:bold;
	font-size:11px;
	
	margin-bottom:8px;
}

.horiz_rule{
	background-color:#CCCCCC;
	width:100%;
	height:1px;
	overflow:hidden;
	margin-bottom:15px;
	position:relative;
	margin-top:3px;
}

.details_text{
	color:#838383;
}

.containing_div{
	height:10px; 
	width:736px; 
	margin:0px auto 0px auto; 
	position:relative;
}

.mid_page_spacer{
	height:20px;
}

.lower_content{
	height:auto; 
	width:736px;
	margin:0px auto 0px auto; 
	position:relative;

}

.left_panel{
	float:left; 
	height:auto;
	margin-width:0px; 
	width:420px; 
	margin-left:10px;
	
}

.left_panel_inner{
	margin:10px;
	width:225px; 
	height:auto;
}

.right_panel{
	float:left; 
	height:auto; 
	margin-left:15px; 
	width:328px;
}

.right_panel_col{
	float:left; 
	height:auto; 
	padding:0px;
	width:269px;
	border-right-color:#333333;
	border-right-style:dotted;
	border-right-width:1px;
}
.right_panel_col_inner{
	width:259px;
}

.right_panel_col2{
	float:left; 
	height:auto; 
	padding:0px;
	width:169px;
	margin-left:10px;
}

.right_panel_upper{
	height:auto; 
	position:relative;
}

.right_panel_spacer{
	height:15px; 
	width:467px; 
	position:relative; 
	overflow:hidden;
}

.right_panel_spacer2{
	height:15px; 
	position:relative;
}

.email_panel{
	position:relative; 
	height:auto;
	 width:457px;
}

.emailbutton{
	 width:121px; 
	 height:22px; 
	 position:relative; 
	 margin:0px auto 0px auto;
}

.dotted_line{
	overflow:hidden;
	height:1px;
	position:relative;
	border-bottom-color:#333333;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	margin-top:18px;
	margin-bottom:18px;
}

#foot_text_div{
	
	position:absolute;
	width:736px;
	left:0px;
	top:10px;
	text-align:center;
	color:#FFFFFF;
}

a.info{
        position:relative;           /*this is the key*/
        z-index:24;
            /* background colour of display text */
        color:#ffffff;               /* colour of display text */
        /*border:1px dotted #999;    /* border colour */
        text-decoration:none;
        width:200px;
        }

        a.info:hover {
        z-index:25;
        background-color:#000000;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:400px;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: left;
        font-size:12;
        font-style:bold;
        z-index:30;
		height:auto;
        }

        .images {
        vertical-align:bottom;
        }

.boxes
{
  position: relative;
  padding: .7em;
 }

div.boxes span {
  display: none;
  position: absolute;
}
div.boxes:hover span {
  display: block;
  position: absolute;
  left: -10px;
  top: 70px;
  padding: 2px 5px;
  background: #FFFFFF;
  color: white;
  font-weight: bold;
  font-size: 0.68em;
  border-width: 1px;
  border: solid;
  border-color: black;
  white-space: nowrap;
  z-index:100;
}