﻿html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
	}

html{	
	font-size: 100.01%;
	width:100%;
	height: 100%;
	background:#2f1934;
	}
	
body {
	width:100%;
	height: 100%;
	min-width: 960px;
	min-height:630px;
	position:relative;
	font:normal 15px/1.25em 'PT Serif', Georgia, 'Times New Roman', Times, serif;
	color:#aea7af;
	}


#pattern {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
	}
	#pattern #light {
		position:absolute;
		top:50%;
		left:50%;
		margin:-291px 0 0 -566px;
		z-index:1;
		background:#2f1934;
		visibility:hidden;
		}
	#pattern #light-large {
		position:absolute;
		top:50%;
		left:50%;
		margin:-245px 0 0 -241px;
		z-index:1;
		background:#2f1934;
		visibility:hidden;
		}
	#pattern div {
		position:absolute;
		z-index:2;
		top:50%;
		left:50%;
		width:10000px;
		height:10000px;
		margin-left:-5000px;
		margin-top:-5000px;
		background:url('../i/pattern.png') repeat 0 0;
		}
	
#gradients {
	height:100%;
	width:100%;
	position:absolute;
	z-index:2;
	}
	#grad-top {
		width:100%;
		height:165px;
		position:absolute;
		top:0px;
		left:0px;
		background:url('../i/grad-top.png') repeat-x 0 0;
		z-index:2;
		}
	#gradients #grad-right {
		width:207px;
		height:100%;
		position:absolute;
		top:0px;
		right:0px;
		background:url('../i/grad-right.png') repeat-y 0 0;
		}
	#gradients #grad-bottom {
		width:100%;
		height:147px;
		position:absolute;
		bottom:0px;
		left:0px;
		background:url('../i/grad-bot.png') repeat-x 0 0;
		}
	#grad-left, #grad-left div {
		width:212px;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;		
		overflow:hidden;
		z-index:4;
		}
		#grad-left div {background:url('../i/grad-left.png') repeat-y 0 0;}
		
#layout {
	position:absolute;
	top:50%;
	left:0%;
	width:100%;
	height:510px;
	margin:-250px 0 0 0;
	z-index:3;
	overflow:hidden;
	}	
#header {
	position:absolute;
	left:50%;
	top:0px;
	margin:0;
	width:49%;
	height:100px;	
	z-index:4;
	}
#layout-inner {
	position:relative;	
	width:942px;
	height:480px;
	margin:0 auto;
	}
#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	z-index:3;
	}
#facebook {
	height: 130px;
	text-align: center;
	background-color: #000;
	width:100%;
	z-index:3;
	border-top: #999 dotted 1px;	
	}	
#live-internet-counter {
	padding-top:10px;
	height: 40px;
	text-align: center;
	background-color: #000;
	width:100%;
	z-index:3;
	border-top: #999 dotted 1px;	
	}

#counters {
	padding-top:10px;
	height: 50px;	
	width:100%;
	overflow:hidden;	
	border-top: #999 dotted 1px;
	background-color: #000;
	position:relative;
	z-index:3;
	}
	#counters-wrapper-outer {
		position:relative;
		left:50%;
		float:left;
		clear:left;
		}
		#counters-wrapper-inner {
			position:relative;
			left:-50%;
			text-align:left;
			}
			#counters span.counter {
				width: 100px; height: 50px;
				float:left;	
				}
	

#content-map {
	position:absolute;
	z-index:4;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;
	}
	#overlay{
		position:absolute;
		z-index:1;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:#000;
		cursor:pointer;
		}
	#google_canvas-holder {
		position:absolute;
		z-index:2;
		top:50%;
		left:50%;
		margin:-200px 0 0 -224px;
		width:520px;
		height:400px;
		padding:5px 5px 5px 5px;
		background:url('../i/map-bg.png') no-repeat 0 0;
		}
	#close-map {
		position:absolute;
		top:-15px;
		right:-15px;
		width:30px;
		height:30px;
		background:url('../i/close.png') no-repeat 0 0;
		cursor:pointer;
		}
	#google_canvas {
		width:520px;
		height:400px;
		}
/** CLEAR, FLOAT  ******************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/


/** HEADER BLOCK **/
#main-nav {
	margin:40px 0 0 -299px;
	float:left;
	display:inline;
	position:relative;
	padding:0;
	}
	#main-nav li {
		margin:0 27px 0 28px;
		display:inline;
		padding:5px 0 0 0;
		height:55px;
		list-style:none;
		background:none;
		float:left;
		position:relative;
		z-index:2;
		font-size:14px;
		line-height:18px;
		text-transform:uppercase;
		}
		#main-nav li a {
			text-decoration:none;
			color:#ccc;
			position:relative;
			z-index:2;
			}
			#main-nav li a:hover {
				color:#fff;
				}
		#main-nav li a.active {color:#fff;}
		#main-nav li a.disabled {cursor:default;}

		#main-nav li span#tooltip {
			width:136px;
			height:42px;
			position:absolute;
			bottom:-5px;
			left:-15px;
			background:url('../i/tooltip.png') no-repeat 0 0;
			visibility:hidden;
			}

		#main-nav li.light {
			position:absolute;
			z-index:1;
			top:0px;
			left:3px;
			padding:0 42px 0 0;
			margin:0;
			height:60px;
			width:50px;
			}
			#main-nav li.light p.l {
				background:url('../i/main-nav-curr-bg-l-top.png') no-repeat 0 0;
				height:60px;
				margin:0 0 0 0;
				width:100%;
				overflow:hidden;
				position:relative;
				float:left;
				background:url('../i/main-nav-curr-bg-l.png') no-repeat 0 0;
				}
			#main-nav li.light p.r {
				width:42px;
				height:60px;
				overflow:hidden;
				float:right;
				display:inline;
				margin-right:-42px;
				background:url('../i/main-nav-curr-bg-r.png') no-repeat 0 0px;
				}
		#main-nav li#soundButHolder {
			padding-top:8px;
			width:14px;
			height:13px;
			overflow:hidden;
			position:relative;
			margin-right:-10px;
			}
			#main-nav #soundBut {
				width:14px;
				height:13px;
				}
/** CONTENT BLOCK **/
#logo-print {display:none;}
#logo {
	position:absolute;
	top:69px;
	left:15px;
	visibility:hidden;
	}
#logo-large {
	position:absolute;
	top:51px;
	left:350px;
	visibility:hidden;
	}


.page-content {
	width:550px;
	height:480px;
	margin:30px 0 0 324px;
	position:relative;
	left:200px;
	visibility:hidden;
	}
	.content {
		width:540px;
		height:100%;
		padding:0 5px;
		float:left;
		position:relative;
		left:0px;
		margin-top:15px;
		color:#B0A6B6;
		}
	.col {
		float:left;	
		width:261px;
		margin-left:18px;
		}
	.full {width:540px;}
	.col:first-child, .col-left {margin-left:0}
	.columns {
		width:100%;
		overflow:hidden;
		}
		.columns .col {
			float:left;
			width:172px;
			margin:0;
			}
			.columns .col img {
				display:block;
				margin:0 auto;
				}
				.columns .col img.png8 {
					visibility:hidden;
					}

	.page-content small a {color: #92b6d2 !important; font-size:12px;}
	.page-content small a:hover {color:# !important;}

/* scroll-content */
.scroll-block {
	width:270px;
	padding-right:50px;
	height:250px;
	overflow:hidden;
	position:relative;
	zoom: 1;
	}
	.scroll-block .scroll-content {
		position:relative;
		width:270px;
		top:0;
		zoom: 1;
		}
	.scroll-block .scroll-arr {
		position:absolute;
		width:19px;
		height:10px;
		}
	.scroll-block .scroll-arr span {
		display:block;
		width:19px;
		height:10px;
		overflow:hidden;
		cursor:pointer;
		background:url('../i/scroll-arr.png') no-repeat 0 0;
		}
	.scroll-block .arr-top               { top:20px; right:0px;}
	.scroll-block .arr-top span          { background-position:0 0;}
	.scroll-block .arr-top span.active   { background-position:0 -10px;}
	.scroll-block .arr-top span.disabled { background-position:0 -20px; cursor:default;}
	.scroll-block .arr-bot               { bottom:20px; right:0px;}
	.scroll-block .arr-bot span          { background-position:-19px 0;}
	.scroll-block .arr-bot span.active   { background-position:-19px -10px;}
	.scroll-block .arr-bot span.disabled { background-position:-19px -20px; cursor:default;}

	#content-products .content p {width:500px;}
	#content-products .scroll-block {
		padding-right:20px;
		height:440px;
		width:520px;
		}
	#content-products .scroll-block .scroll-content {width:520px}
	#content-products .columns .col {height:90px;}
	#content-products .arr-bot { bottom:25px;}
/** FOOTER BLOCK**/
#footer-content {
	width:575px;
	margin:0 auto;
	padding:0 0 0 0px;
	height:40px;
	list-style:none;
	position:relative;
	left:0px;
	font-size:12px;
	}
#copy {
	text-align:center;
	position:relative;
	left:0px;
	}
#qub, #fcb {
	width:88px;
	height:31px;
	position:absolute;
	right:0px;
	bottom:0px;
	overflow:hidden;
	line-height:1px;
	font-size:0px;
	}
#fcb {left:-120px;}
	#qub a, #fcb a {
		text-decoration:none;
		}
	#qub img {
		position:absolute;
		}
