/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#eeeeee;
}


html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#fff; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

body, html {height:100%;}

h1 {
	position:relative;
	padding:0 0 0px 3px;
	float:left;
}
		
   h1 img { display:block;
		text-indent:-5000px;
		width:300px;
		height:95px;
		padding-right:3px;
		}
		
	h1 a { display:block;
		text-indent:-5000px;
		width:300px;
		height:95px;
		padding-right:3px;
		background:url(../images/box-1-tail.gif) left top repeat;}
	
h2 {
	font-size:30px;
	line-height:1.2em;
	color:#fff;
	padding:31px 0 0 0;
	letter-spacing:0px;
	font-weight:normal;
}
	.h2-bot {
		padding-bottom:24px;
	}
	.h2-bot1 {
		padding-bottom:16px;
	}
	.h2-pad { padding-top:33px;}
	.h2-pad1 { padding-bottom:18px;}
	.h2-left { padding-left:30px;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position:relative;
	width: 721px;}

	/* Header */
	header{
		height:159px;
	}		
	

	
	/* Footer */
	
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:0 28px 0 0; 
	float:left;
}

.img-indent2 { 
	margin:0 23px 0 0; 
	float:left;
}

.extra-wrap { 
	width:100%;
}

.block {height:100px;}
.extra {
 min-height:100%;
 margin: 0 auto -40px;
 position:relative;
 z-index:20;
}

* + html span.cc_title { margin-right:12px;}
/*===== header =====*/
header { position:relative; z-index:20; height:159px;}

/*===== content =====*/

#content { position:relative; z-index:23;}
.box1-tail { background:#000; margin:0px 2px 0 8px;  height:495px;}
.box1 { width:715px; height:511px;}

.box2-tail {background:#000; margin:0px 2px 0 8px;  height:495px;}
.box2 { width:715px; height:511px;}

.top { background:url(../images/top.png) left top no-repeat; padding-top:8px;}
.bottom { background:url(../images/bottom.png) left bottom no-repeat; height:503px;}
.left { background:url(../images/left.png) left top no-repeat;}
.right { background:url(../images/right.png) right top no-repeat;}

.img1 { background:url(../images/4.jpg) left top no-repeat; height:365px; margin-top:-1px; padding-top:130px;}
.img2 { background:url(../images/2.jpg) left top no-repeat; height:365px; margin-top:-1px; padding-top:130px;}
.img3 { background:url(../images/3.jpg) left top no-repeat; height:365px; margin-top:-1px; padding-top:130px;}
.img4 { background:url(../images/1.jpg) left top no-repeat; height:365px; margin-top:-1px; padding-top:130px;}
.img5 { background:url(../images/5.jpg) left top no-repeat; height:365px; margin-top:-2px; padding-top:130px;}


.row { background:url(../images/row-bg.png) left top repeat; width:141px; height:145px;margin-top:176px;}
.row span { font-size:11px; line-height:18px; color:#FFF; text-transform:uppercase; }
.row1 {color:#fff; font-size:13px; line-height:18px; top:0px; left:5px; position:absolute; padding:3px 0px; background:#000; width:132px; height:38px;
display:block; z-index:11; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000; behavior: url(js/PIE.htc);
position: relative;text-transform:uppercase;}
.row1:hover { background:#333;}
.row1 a { text-decoration:none;  display:block; padding-top:13px; font-weight:bold; text-align:center; }
.row1 a:hover { text-decoration:none; color:#CCC;} 

.row .li-1 { padding:28px 0 0 20px; display:inline-block;}
.row .li-2 { padding:48px 0 0 20px;display:inline-block;}
.row .li-3 {padding:38px 0 0 20px; display:inline-block;}
.row .li-4 { padding:54px 0 0 20px;display:inline-block;}

.indent{ padding-left:31px; padding-top:1px;}

.col-pad { padding-right:37px;} 
.col-pad1 { padding-right:35px;} 

.marg { margin-top:-2px;}
.scroll-pane { overflow:auto; height:380px; width:480px;}

.width { width:452px;  }
.width1 { width:462px; }


.title { font-size:18px; line-height:18px; color:#FFF; display:inline-block; padding-top:3px;}
.title1 { color:#FFF;}
.title2 {text-decoration:none;}
.title2:hover { text-decoration:underline;}

.pad { padding-top:16px;}
.marg-left { margin-left:-16px; }


.pad-left { padding-left:2px;}
.pad-right { padding-right:40px;}
.img-pad { padding-top:17px; padding-left:2px; }

.button { display:block; background:url(../images/button.gif) left top no-repeat; position:absolute; height:18px; width:82px; text-decoration:none; font-size:14px; line-height:18px; padding:10px 15px 10px 17px; top:-30px; right:36px;}
 

.link { font-size:14px; line-height:18px; font-weight:bold; text-decoration:none; color:#FFF; display:inline-block; margin-top:18px; padding-left:2px;}
.link:hover { color:#666;}
.link-top { margin-top:21px; }
.link-top1 { margin-top:14px;}

	
	.list li {
		font-size:12px;
		line-height:24px;
		padding-left:15px;
		margin-left:1px;
		background:url(../images/marker.gif) left 11px no-repeat;
		height:1%;
		
	}
		.list li a {
			color:#eeeeee;
			text-decoration:none;
		}
			.list li a:hover {
				text-decoration:underline;
			}
			.list-pad { padding-right:37px;}
			.list-pad1 { padding-right:36px;}
			.list-pad2 { padding-right:100px;}
			.reg { text-transform:none;}
.price-list li {
	padding-left:1px;
	width:201px; 
	overflow: hidden; 
	vertical-align: top;
	line-height: 24px;
	font-size:12px;
}
	.price-list li strong {
		background:url(../images/hor-line.gif) repeat-x left 15px;
		display:block;	
		overflow: hidden;
		
	}
	.price-list li span {
		float: right;
		font-size:12px;
		line-height:24px;
		font-weight:bold;
		color: #fff;
	}
	.price-list li a {
		float: left;
		text-decoration: none;
		color: #eeeeee;
	}
		.price-list li a:hover {
			text-decoration:underline;
		}
			.price-list-pad { padding-right:46px;}
.phone {
	display:inline-block;
	width:144px;
}
.mail { 
	display:inline-block;
	width:124px;
}

.cc_menu{
	width:705px; /*141px * 5*/
	height:495px;
	position:absolute;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	overflow:hidden;
	left: 46px;
	top: 669px;
	
}
.cc_menu em { font-weight:bold;}
.cc_item{
	text-align:center;
	width:141px;
	height:495px;
	float:left;
	background:url(../images/box-1-tail.gif)  repeat-x top left;
	position:relative;
	-moz-box-shadow:2px -1px 2px #000;
	-webkit-box-shadow:2px -1px 2px #000;
	box-shadow:2px -1px 2px #000;
	behavior: url(js/PIE.htc);
	cursor:pointer;
}


span.cc_title{
	color:#fff;
	font-size:13px;
	line-height:18px;
	top:130px;
	left:7px;
	position:absolute;
	padding:12px 0 0  0px;
	background:#000;
	width:128px;
	height:32px;
	display:block;
	z-index:11;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
	behavior: url(js/PIE.htc);
	
   
}

.cc_item div{ cursor:pointer}
.cc_submenu { display:block;width:163px;	margin:0;	padding:0;	height:0px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left;	position:absolute;	left:0px;	bottom:-32px; background:url(../images/bg_opacity.png) repeat;	z-index:13;}
.cc_submenu {	color:#fff; font-size:30px;	cursor:pointer;	padding:16px; line-height:44px; text-transform:uppercase}
.cc_submenu  span{ display:block; font-size:11px; color:#fff; line-height:18px; padding-left:20px;}

.cc_submenu{
	list-style:none;
	width:140px;
	margin:0;
	padding:0;
	height:0px; /*increase to 200px to slide up*/
	overflow:hidden;
	text-align:left;
	background:#000;
	position:absolute;
	left:0px;
	bottom:0px;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	
	
}
.cc_submenu  .li-1 { padding-top:28px; display:inline-block;}
.cc_submenu  .li-2 { padding-top:48px;display:inline-block;}
.cc_submenu  .li-3 { padding-top:38px; display:inline-block;}
.cc_submenu  .li-4 { padding-top:58px;display:inline-block;}


.cc_item img{
	position:absolute;
	width:140px;
	height:495px;
	top:-495px;
	left:0px;
}


.cc_content{	width:510px;	height:495px;	position:absolute;	left:-517px;	background:#000;overflow:hidden;}
.cc_content section{text-transform:none; font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:18px;color:#eeeeee; display: none;background:#000}

span.cc_back , .cc_back_page {display:block; background:url(../images/button.gif) left top no-repeat; position:absolute; height:18px; width:82px; text-decoration:none; color:#FFF; cursor:pointer; font-size:14px; line-height:18px; padding:10px 15px 10px 17px; top:180px; right:35px; z-index:1000;}
span.cc_back:hover { background:#000;}
.back em { font-weight:bold;}

#cont_privacy , .read_more_content {width:705px; height:495px; position:absolute; right:-980px; top:0; background:#000; z-index:20;}
.read_more_content{ z-index:19}
.cont h2 { text-transform:none;}
.cont  p {font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#eeeeee;
	padding-top:18px;
	text-transform:none;}
/*===== footer =====*/
footer { background:url(../images/footer-bg.jpg) left top repeat-x; height:40px; position:relative; z-index:30; }
.policy { font-size:12px; line-height:16px; color:#605f5f; text-transform:uppercase; padding:15px 0 0 215px;}
.policy em { font-weight:bold;}
.policy a { text-decoration:none; color:#eeeeee;}
.policy a:hover { text-decoration:none;}
.policy a:hover strong { color:#999;}


/*----- forms -----*/
#contacts-form { padding-top:25px; padding-left:1px;}
#contacts-form fieldset {
	border:none;
}

#contacts-form .column-1 { width:249px; float:left;}
#contacts-form .column-2 { width:244px; float:left;}
	#contacts-form label {
		display:block;
		height:38px;
		overflow:hidden;
		background:none;
	}
		#contacts-form input {
			width:224px;
			height:18px;
			padding:3px 3px 3px 8px;
			border:1px solid #373535;
			line-height:1.2307em;
			background:none;
			color:#eeeeee;
		}
		#contacts-form textarea {
			width:230px;
			padding:3px 3px 3px 8px;
			border:1px solid #373535;
			background:none;
			color:#eeeeee;
			height:93px;
		}
		#contacts-form span { display:block; height:38px;}
		#contacts-form .link {
			margin:10px 16px 3px 13px
		}

/*==========================================*/
.bgstretcher {
	background:white;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */