* {
	margin:0;
	padding:0;
	outline:0;
	text-decoration:none;
}

html {
	background-image: url(../media/images/bg-lines.gif);
}
body {
	margin: 0 auto;
	text-align:center;
	color: #FFFFFF;
	letter-spacing:0;
	font: normal normal lighter 0.88em/1em  Arial,Helvetica,sans-serif,Verdana;
	text-shadow: 0 0 0 #000000;  /*hide shadows for safari, looks like a bold with dark backgrouds*/
}

a img{border:none;}
a {color:#c6d4f1;}
a:visited{color:#c6d4f1;}
a:hover{color:#ffffff;}
ul{list-style-type:none;}
ol li {
	list-style-type:none;
	list-style: disc inside; 
	padding: 5px 0px 5px 15px;
}

ol#list li {
	list-style: none inside;
	cursor:pointer;
	padding:5px 0 5px 15px;
}

ol#list2 li { 
	list-style: disc inside;
	margin-left: 10px;
}
ol#list2 li a { 
	text-decoration:overline;
}


ol li a {
	text-decoration:underline;
}
#list {
	list-style: none inside; 
	padding: 3px 0 3px 0;
}

/*********************DESIGN*************************/
#wrp {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 950px;
    height: 494px;
    margin: -249px auto auto -475px;
	vertical-align: middle;
	text-align:left;
	background-image: url(../media/images/bg-lines-black.gif);
}
#wrpBg {
    position: fixed;
    top: 50%;
	left:0;
    margin: -249px auto auto auto;
    width: 100%;
    height: 494px;
	z-index:-1;
	vertical-align: middle;
	text-align:left;
	background-image: url(../media/images/bg-lines-black.gif);
}
#bgTop { width:100%; height:218px; position:absolute; top:-218px; left:0; text-align:center; background: transparent url(../media/images/top-light.png) no-repeat 50% 0px; }
#bgBottom {	width:100%; height:281px; position:absolute; top:494px;left:0; background-image:url(../media/images/bottom-shadow.png); }
#vertical-line-details, #vertical-line-details2, #vertical-line-contents, #vertical-line-contents2  {
	position:absolute;
	z-index:100;
	width:1px;
	height:494px;
	left:0;
	background: transparent url(../media/images/vertical-left-line.png) no-repeat;
}
/*********************CONTENS************************/
#content {
	position:absolute;
	top:0;
	left:312px;
	width:319px;
	height:494px;
	background: url(../media/images/bg-content-side.png) no-repeat;
	z-index:10;
}
#content img { border:0; padding:23px 0 10px 15px;}
#content-scroll { position:absolute; left:0; width:319px; overflow:auto; }
#content-scroll p { padding: 10px 15px 5px 15px; line-height: 17px; }
#content-scroll p a { text-decoration:underline; }
#contentGrid{
	position:
	absolute;
	top:0;
	left:0;
	width:319px;
	height:494px;
	background: transparent url(../media/images/bg-lines-black-trans.png) repeat 0 0;
	z-index:-1;
}
.subtitle {font-weight:bold;}

/**********************DETAILS***********************/
#detail {
	position:absolute;
	top:0;
	left:631px;
	width:319px; /*317px 	#wrp line 47  width:948px */
	height:494px;
	z-index:10;
	overflow:hidden;
	background-repeat:no-repeat;
}
#detail p {color:#31516f;font-size:2.4em;font-weight:200; line-height:1.2em; padding:25px;}
#detail a {color:#7282a4;font-size:1.9em;}
#detail a img {position:relative; top:2px; margin-right:10px;}

#detailGrid {
	padding:15px;
	position:absolute;
	top:0;
	left:0;
	width:299px;
	height:474px;
	z-index:-1;
}

#detailGrid p {
	padding:5px;
}
#detailGrid a { display:block;width:259px; height:36px; }

/*******************NAVIGATION***********************/
#nav{ position:absolute; top:0; left:0; width:312px; height:494px;}
#nav ul {line-height:15px; position:absolute; left:0; top:97px;z-index:1;}
#nav ul li{display:block;float:left;padding:0 5px 5px 0; margin:0; height:15px;}
#nav ul li a {display:block;height:15px}
#nav span {position:absolute;top:467px;right:3px;display:block;width:200px;text-align:right;z-index:30;}

#lang-nav { position:absolute; top:470px; left:15px; width:294px; height:15px;text-align:right;}
#lang-nav img {display:inline;padding:0 5px 0 0;}

#largeImageNav { position: absolute; top: 231px; left: 632px; width: 320px; height: 36px; z-index: 300; display: none; }

#largeImageNavLeft {
	float:left;
	padding-left:5px;
}

#largeImageNavRight {
	float: right;
	padding-right:5px;
}
#facebook {
	position:absolute;
	top:506px;
	width:200px;
	height:19px;
	left:750px;
	text-align:right;		
}
#design {
	position:absolute;
	top:506px;
	width:297px;
	height:19px;
	right:0;
	text-align:right;
}
/**********************GALLERY********************/
#contentImages {
	position:absolute;
	left:312px;
	width:319px;
	height:494px;
	background: transparent url(../media/images/bg-lines-black.gif) repeat;
	z-index:20;
	overflow:hidden;
	display:none;
}
#contentImages-scroll {
	position:absolute;
	top:0;
	left:5px;
	width:319px;
	height:400px;
	overflow:hidden;
}
#contentImages-scroll img { cursor:pointer; padding:1px; }

#closeGallery {
	position:relative;
	top:413px;
	left:10px;
	width:120px;
	height:13px;
	cursor:pointer;
	color:#c7b700;
	font-size:1.2em;
		z-index:20;
}
#closeGallery img { display:inline; }
#detailImages{
	position:absolute;
	top:0;
	left:631px;
	width:319px;
	height:494px;
	background-color: #000000;
	z-index:20;
	overflow:hidden;
	vertical-align:middle;
	display:none;
}
#detailImages img { position:absolute; width:319px; vertical-align:middle; }
.selected { color:#000000; font-weight:bold; background-color:#FFFFFF; }
#galleryCaptions {
	position: absolute;
	top:444px;
	width:309px;
	height:40px;
	background-color:#CCCCCC;
	padding: 5px;
	font-weight:bold;
	color:#000000;
	overflow:hidden;
}
/****************************************************/

#animation {
	position:absolute;
	top:236px;
	height:156px;
	width:312px;
	right:0;
	z-index:0;
}

/*#animation {
	position:absolute;
	top:134px;
	height:360px;
	width:312px;
	right:0;
	z-index:0;
	background: transparent url(../media/images/hangar-drawing.png) no-repeat bottom left;
}*/

/*to fix unmatch left lines*/
#fix {
	position:absolute;
	top:0;
	width:1236px;
	height:494px;
	left:-1236px;	
	background: transparent url(../media/images/bg-lines-black.gif) repeat 0 0;
}