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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	font:12px Arial, Helvetica, sans-serif;
}

body{
	margin:0;
	padding:0;
	background:#000 url(images/main_bg.jpg) no-repeat center top;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
body#innerpage,
body#thankyou{
	background:#090806 url(images/bg-inner.jpg) repeat-x;
	}
	
body#popup{
	background:url(images/bg-big-box.png) repeat;
	padding:20px;
	color:#000000;
	}
	
body#popup p{
	padding:10px 0;
	}
	
body#innerpage{
	background:#090806 url(images/bg-inner.jpg) repeat-x;
	}
	

#wrapper{
	margin:0 auto;
	width:1000px;
	}
	
	
/*-----------------------------------*/
	
#header{
	float:left;
	width:1000px;
	height:160px;
	}
	
.logo{
	float:left;
	width:410px;
	height:65px;
	padding:48px 0 0 0;
	}

/*-----------------------------------*/
	
#middle-section{
	float:left;
	width:1000px;
	height:720px;
	position:relative;
	}
	
#left-sec{
	float:left;
	width:580px;
	}
	
#right-sec{
	float:left;
	width:420px;
	}
	
/*-----------------------------------*/

#video{
	float:left;
	width:563px;
	height:316px;
	background:url(images/bg-video.png) no-repeat top left;
	padding:14px 0 0 17px;
	}
	
#quote{
	float:left;
	width:420px;
	padding:0;
	}
	
	
/*-----------------------------------*/
	
	
#wall-post{
	float:left;
	width:420px;
	height:370px;
	position:relative;
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
	
	}
	
#wall-post a{
	text-decoration:none;
	}
	
/*---------- box-1-------------*/
	
#box-1{
	width:160px;
	height:203px;
	padding:26px 17px 0 17px;
	background:url(images/bg-box1.png) no-repeat top left;
	position:absolute;
	top:0;
	left:12px;
	}
	
#box-1 {
	text-decoration:none;
	}
	
#box-1 p{
	float:left;
	width:150px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#box-1 span{
	float:left;
	width:150px;
	padding:10px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	}
	
	
/*---------- box-2-------------*/
	
#box-2{
	width:207px;
	height:112px;
	padding:20px 0 0 20px;
	background:url(images/bg-box2.png) no-repeat top left;
	position:absolute;
	top:-10px;
	right:0px;
	}
	
#box-2 p{
	float:left;
	width:200px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#box-2 span{
	float:left;
	width:180px;
	padding:10px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	}
	
	
/*---------- box-3-------------*/
	
#box-3{
	width:202px;
	height:80px;
	padding:18px 0px 0 18px;
	background:url(images/bg-box3.png) no-repeat top left;
	position:absolute;
	top:120px;
	right:0;
	}
	
#box-3 p{
	float:left;
	width:190px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#box-3 span{
	float:left;
	width:170px;
	padding:5px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	}
	
	
/*---------- box-4-------------*/
	
#box-4{
	width:225px;
	height:111px;
	padding:12px 0px 0 22px;
	background:url(images/bg-box4.png) no-repeat top left;
	position:absolute;
	top:240px;
	left:0;
	}
	
#box-4 p{
	float:left;
	width:195px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#box-4 span{
	float:left;
	width:150px;
	padding:5px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	}
	
	
/*---------- box-5-------------*/
	
#box-5{
	width:160px;
	height:120px;
	padding:20px 17px 0 16px;
	background:url(images/bg-box5.png) no-repeat top left;
	position:absolute;
	top:223px;
	right:-15px;
	}
	
#box-5 p{
	float:left;
	width:150px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#box-5 span{
	float:left;
	width:150px;
	padding:5px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	}
	

/*----------------*/

#water-report{
	display:block;
	clear:both;
	padding:0 0 0 15px;
	}
	
#water-report a{
	float:left;
	width:289px;
	height:83px;
	background:url(images/txt-water-report.png) no-repeat top left;
	}
	
#water-report a:hover{
	background:url(images/txt-water-report.png) no-repeat bottom left;
	}
	

/*----------------*/

#table{
	float:left;
	width:100%;
	position:absolute;
	height:150px;
	bottom:95px;
	}
	
.file{
	position:absolute;
	top:-41px;
	left:265px;
	}
	
.water-glass{
	position:absolute;
	top:-5px;
	right:420px;
	}
.folder{
	float:left;
	width:150px;
	height:166px;
	background:url(images/file.png) no-repeat bottom;
	text-decoration:none;}
a.folder:hover{/*r
	background:url(images/large-file.png) no-repeat bottom;*/}
	
	

/*-------------------------*/

#billboard{
	float:left;
	width:1000px;
	height:175px;
	padding:15px 0 0 0;
	}
	
.banner{
	float:left;
	width:510px;
	padding:0 35px 0 0;
	}
	
.head{
	float:left;
	width:332px;
	padding:35px 0 0 0;
	}
	

/*----------------------*/

#form-wrapper{
	float:left;
	width:1000px;
	height:450px;
	margin:2px 0 0 0;
	background:url(images/bg-form.jpg) no-repeat top left;
	padding-bottom:50px;
	}
	
.head-txt{
	float:left;
	width:908px;
	height:85px;
	padding:55px 0 0 92px;
	}
	
.head-txt h2{
	width:908px;
	padding-bottom:22px;
	}
	
.head-txt p{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
	
.order-report{
	float:left;
	width:945px;
	padding:35px 0 0 55px;
	}
	
.order-report h2{
	float:left;
	width:945px;
	height:60px;
	}
	
.inner-text{
	float:left;
	width:945px;
	}
	
.know{
	width:390px;
	float:left;
	border-right:1px dotted #fff;
	}
	
.know p{
	width:340px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 15px 0;
	}
	
.form-wrapper{
	width:422px;
	overflow:hidden;
	padding-left:50px;
	}
	
#contact-form{
	width:440px;
	}
	
#contact-form p{
	float:left;
	width:200px;
	padding:0 20px 20px 0;
	}
	
#contact-form p span{
	float:left;
	width:200px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:5px;
	}
	
#contact-form p span strong{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
#contact-form p input{
	float:left;
	width:200px;
	height:30px;
	border:1px solid #2C2C2C;
	border-bottom:2px solid #2C2C2C;
	background:#55462A;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#contact-form p.last{
	width:423px;
	}
	
#contact-form p input.send{
	width:60px;
	height:30px;
	border:none;
	float:right;
	background:url(images/send.jpg) no-repeat left top;
	text-indent:-999em;
	cursor:pointer;
	}
	
#contact-form p label.error{
	background:url(images/error-box.png) no-repeat top left;
	padding:7px 7px 3px;
	color: #BD9191;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top:5px;
	}
	
/*---------------pop-up -----------------*/

.thumbnail{
	position: relative;
	z-index: 0;
	}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: none;
	padding: 5px;
	left: -1000px;
	border: none;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -170px;
	left: 5px; /*position where enlarged image should offset horizontally */
	}
	
	

/*--------------------------*/

#report_wrapper{
	width:700px;
	background:#fff;
	}

.report-wrapper{
	width:700px;
	padding:75px;
	background:#fff;
	float:left;
	}
	
.report-head{
	float:left;
	width:650px;
	}
	
.report-wrapper h2{
	float:left;
	width:630px;
	height:42px;
	background:#330000;
	padding-left:20px;
	}
	
.contain{
	float:left;
	width:650px;
	padding:15px 0;
	border-bottom:1px dotted #330000;
	background:#fff;
	}
	
.title{
	float:left;
	width:650px;
	padding-bottom:10px;
	}
	
.title h3{
	float:left;
	width:630px;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#990000;
	}
	
.title span{
	float:left;
	width:20px;
	height:20px;
	text-align:center;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	background:#990000;
	}
	
.contain-text{
	float:left;
	width:650px;
	}
	
.contain-text p{
	font:12px/18px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	}
	
.report-wrapper .last{
	border-bottom:none;
	}
	
.report-footer{
	float:left;
	width:800px;
	height:42px;
	background:#330000;
	text-align:center;
	font:11px/42px Georgia, "Times New Roman", Times, serif;
	color:#AD9999;
	}
	
.report-footer strong{
	font:bold 14px/42px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	}
	
/*------------------------------*/

div#container {
        width: 580px;
		height:100%;
        margin: 0 auto;
        padding: 20px;
        background: #000;
        border: 1px solid #1a1a1a;
      }
      
      /* HOVER STYLES */
      div#pop-up {
        display: none;
        position: fixed;
		color: #000000;        
        font-size: 90%;	
		top: 50%; 
		left: 20%;
		overflow:auto;
		width:800px;
		height:550px;
      }
	  .lightbox-bg{
		background:#000;
		opacity:0.4;
		width:100%;
		height:100%;
		position:fixed;
		z-index:0;
		top:0;
		left:0;
	  }
	  .popup-wrapper{ 
		background:#fff; 
	  }
	  .close{
			position:absolute;
			width:40px;
			height:auto;
			font:bold 12px Georgia, "Times New Roman", Times, serif;
			color:#999;
			top:10px;
			right:10px;
			text-transform:lowercase;
	  }
	  .close a{
		  text-decoration:none;
		  color:#999;
	  }
	  .close a:hover{
		  	color:#990000;
	  }
	  
	 .box-pad{
	 	padding:30px;
		float:left;
		background:#fff;}
		
		
		
#thankyou{
	color:#FFFFFF;
	}
		
#thankyou h1{ font:bold 45px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:25px; float:left; width:100%;	}
		
#thankyou p{
	text-align:center;
	padding:10px 0;
	}	
#thankyou a{
	color:#990000;
	margin:0;
	padding:0;
	}