/* 
 

*/

/*********************
    GENERAL
*********************/

body {
	margin:0px;
	padding:0px;
	background-image: url(../images/bg2.png);
	background-color: #FFFFFF;
	text-align: center;
    font: 11px verdana, sans-serif; color:
}

a {
	color: #cccccc;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div#container {
position:relative;
margin: 0 auto;
width: 750px;
text-align: left;
}

/*********************
    HEADER
*********************/


#headercontent {
  position: fixed;
  width: 750px;
  height: 55px;
  left: 50%; 
  margin-left: -375px;
  z-index:1010;
    opacity:0.90;
    -khtml-opacity:0.90;
  	filter:alpha(opacity:90);
  }


.headerbar {
	position:absolute;
    left:0px;
	top:-1px;
	z-index:1000;
}

.headerlogo {
	position:absolute;
	left:20px;
	top:20px;
	z-index:1001;
}

.headerdot {
	position:absolute;
	left:6px;
	top:6px;
	width:8px;
	height:8px;
	z-index:1002;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.headerlogin {
	position:absolute;
	left:440px;
	top:6px;
	width:300px;
	z-index:1003;
	text-align: right;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #6f8199;
}

.headerlogin a {
  	color: #6f8199;
	text-decoration: none;
}

.headerlogin a:hover {
  	color: #666666;
	text-decoration: none;
}

/*********************
   LOGIN
*********************/

#loginbox       
	{
	position:relative;
	left:50%;
	top:75px;
	height: 180px;
	width: 260px;
	margin-left: -130px;
	background-image: url(../images/loginbox.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
  	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	
.loginform {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
}

.loginform a {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
	text-decoration: none;
}

.loginform a:hover {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
	text-decoration: underline;
}

/********************
    MAIN CONTENT
********************/

#maincontent {
	position: absolute;
	margin:0px;
	padding:0px;
	left: 6px;
	top: 60px;
	width: 737px;
	z-index: 1;
	border: 1px solid #f5f5f5;
}

/********************
    FOOTER
********************/

div#bdlfooter {
	position:fixed;
	bottom:0px;
	left: 2px;;
    width: 99%;
	height: 11px;
	padding: 2px;
	margin: 0px;
	background-color: #f5f5f5;
	text-align: center;
	vertical-align: middle;
  	font-size: 10px;
  	color: #b6b6b6;
  	z-index: 10000;
  	opacity:0.90;
    -khtml-opacity:0.90;
  	filter:alpha(opacity:90);
  	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#bdlfooter a {
  	color: #b6b6b6;
	text-decoration: none;
}

div#bdlfooter a:hover {
  	color: #999999;
	text-decoration: none;
}

/*********************
   CONTACT FORM
*********************/

 #contactcontainer {
  position: fixed;
  width: 750px;
  height: 305px;
  top: 60px;
  left: 50%; 
  margin-left: -266px;
  z-index:1000;
  opacity:0.00;
  -khtml-opacity:0.00;
  filter:alpha(opacity:00);
}
 
#contactarea {
	position: absolute;
    text-align: center;
	left: 119px;
	top: 30px;
    width: 512px;
    z-index:1002;
  }  
  
#contactsending {
	position: absolute;
   	text-align: center;
	vertical-align: middle;
  	font-size: 14px;
    font-weight: bold;
  	color: #999999;
	left: 140px;
	top: 150px;
    width: 512px;
    z-index:1003;
   opacity:0.00;
  -khtml-opacity:0.00;
  filter:alpha(opacity:00);
  }
  
  #contactformbg {
	position: absolute;
   background-image: url(../images/contactform/contactbg-bad.png);
    left: 120px;
    top: 0px;
    width: 514px;
    height: 305px;
    z-index:1001;
    opacity:0.90;
    -khtml-opacity:0.90;
  	filter:alpha(opacity:90);
  }
  
  #contactcloseoff {
	position: absolute;
    background-image: url(http://redesign.bluedotlabs.com/images/close-off.png);
   right:123px;
    top: 6px;
    width:28px;
    height:15px;
    z-index:1003;
  }
  #contactcloseon {
	position: absolute;
    background-image: url(http://redesign.bluedotlabs.com/images/close-on.png);
   right:123px;
    top: 6px;
    width:28px;
    height:15px;
    z-index:1004;
  }
  .contactmsg {
  width: 420px; 
  height:160px;
   padding: 1px;
  	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
  }
  .contactsubject {
  width: 420px; 
  	text-align: left;
  }
  .contactNameEmail {
  width: 155px; 
  height: 12px;
  padding: 1px;
  	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
  }
  .contactsubmit {
  width: 200px; 
    height: 12px;
  padding: 1px;
  	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
  }
  .contactlabel {
	text-align: right;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	color: #666666;
  
  }
 
  
/*********************
  REPORT FORM
*********************/

 #reportcontainer {
  position: fixed;
  width: 750px;
  height: 305px;
  top: 60px;
  left: 50%; 
  margin-left: -375px;
  z-index:1000;
  opacity:0.00;
  -khtml-opacity:0.00;
  filter:alpha(opacity:00);
}
 
#reportform {
	position: absolute;
    text-align: center;
	left: 126px;
    top: 5px;
    width: 500px;
    height: 200px;
    z-index:1002;
  }  
  
  #reportformbg {
	position: absolute;
   background-image: url(../images/contactform/contactbg-bad.png);
    left: 120px;
    top: 0px;
    width: 514px;
    height: 305px;
    z-index:1001;
    opacity:0.90;
    -khtml-opacity:0.90;
  	filter:alpha(opacity:90);
  }
  
  #reportcloseoff {
	position: absolute;
    background-image: url(http://redesign.bluedotlabs.com/images/close-off.png);
   right:123px;
    top: 6px;
    width:28px;
    height:15px;
    z-index:1003;
  }
  
  #reportcloseon {
	position: absolute;
    background-image: url(http://redesign.bluedotlabs.com/images/close-on.png);
   right:123px;
    top: 6px;
    width:28px;
    height:15px;
    z-index:1004;
  }