@CHARSET "UTF-8";

body {
   background-color: #471a27;
   font-family: helvetica,sans-serif;
   font-size:12pt;
   margin-bottom: 0;
   padding-bottom: 0;
}

#logo {
	position: absolute;
	top: 20px;
	left: 20px;	
}
/* ========================================================================== */
/* MENU */

a.menu, a.menuActive {
   position: absolute;
   left: 25px;
   height:28px;
   width:128px;
   text-align: right;
   padding-right: 5px;
   padding-top:6px;
   font: normal 16px arial, sans-serif;
}

a.menu {
	background: transparent url('img/menu_1.png') no-repeat top right;
	color: #471a24;
	z-index: 0;
}
	
a.menu:hover {
	background: transparent url('img/menu_2.png') no-repeat top right;
	cursor: pointer;
}

a.menuActive {
	background: transparent url('img/menu_2.png') no-repeat top right;
	color: #b4b5b7;
	z-index: 2;
	cursor: default;
}

#menu_1  { top: 108px; }
#menu_2  { top: 139px; }
#menu_3  { top: 170px; }
#menu_4  { top: 201px; }  
#menu_5  { top: 232px; }  
#menu_6  { top: 263px; } 
#menu_7  { top: 294px; }
#menu_8  { top: 325px; }

/* ========================================================================== */
/* CONTENT */

#languages {
	color:#b4b5b7;
	font-size:10pt;
	position:absolute;
	top:375px;
	left:55px;
}

#loading {
	color: #797a7c;
   position: absolute;  
   top: 430px;
   left: 35px;
   visibility:hidden;
}
	
#mainFrame {
	background-color: #4e4e50;
   border: 1px solid #b4b5b7;
   color: white;
   margin-bottom:10px;
   left:157px;
   min-height:700px;
/*   height: 100%;*/
   overflow-x:hidden;
   overflow-y:auto;
   padding: 10px;
   position:absolute;
   top:10px;
   width: 650px;
   z-index: 1;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}

#contentRoot {
	position: relative;
	left: 10px;
   width: 1300px;
}
	
#contentLogo {
	text-align: center;
	float: left;
   position: relative;
   top: 0px;
   left: 0px;
   width: 650px;
}

#contentLogo img {
	display: block;
	position: relative;
	left: 200px;
   top: 100px;
}

#content {
   display: block;
   overflow: hidden;
   position: relative;
   top: 0;
   left: 0px;
   width: 650px;
   margin-left:15px;
   margin-right:15px;
}

h1, h2 {
   color: #b4b5b7;
}

h2.home {
   color:white;
   padding-bottom:0px;
   margin-bottom:3px;
}

p {
	font-size:16px;
}

ul li {
   list-style-image: url(img/bullet.png);
   margin-bottom: 10px;
}

td.title {
	color: #b4b5b7;
	font-size: 30px;
	font-weight: bold;
	
}

td.title img {
	display:block;
	float:left;
	margin-right: 5px;
	top:15px;
}
	
td.subtitle {
	color: #b4b5b7;
   font-size: 24px;
   font-weight: bold;
}

td.header {
   color: #b4b5b7;
   font-size: 20px;
   font-weight: bold;
}

ul.content {
   font-size: 16px;
   margin-top: 0px;
}

ul.content li {
   margin-bottom: 7px;
   margin-left: 0px;
}

span.more {
	color:#b4b5b7;
   cursor:pointer;
   font-style:italic;
   top:-10px;
}

span.more:hover{
   text-decoration:underline;
}

div.picFrame {
	background: #fff url(./img/grad_h400.png) repeat scroll 0 0;
	border: 1px solid #b4b5b7;
	padding:10px;
   text-align:center;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}
div.iphoneFrame {
   background-image:url(./img/iphone.png);
   width:194px;
   height:376px;
   }
/* ========================================================================== */
/* BUTTONS */

.button, .mapButton {
   background-color: #797a7c;
   border: 1px solid #b4b5b7;
   color:white;
   cursor: pointer;
   
   display:block;
   text-align: center;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   
   margin-bottom: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 130px;
   
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

.button:hover, .mapButton:hover {
   background-color: #92182b;
   color: #fff;
}

.buttonDisabled, .buttonDisabled:hover {
	 background-color: #4e4e50;
	 border: 1px solid #b4b5b7;
	 color:#b4b5b7;
	 cursor:default;
	 
	 display:block;
   text-align: center;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   
   margin-bottom: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 130px;
   
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

a {
   text-decoration:none;
   outline: none;
}
/* ========================================================================== */
/* OVERLAY */

.overlay { 
    display:none; 
    z-index:10000; 
    background-image:url(./img/overlay_transparent_bg.png);    
    width:550px;
    padding: 25px;
} 

.overlay .close { 
    background-image:url(./img/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.overlay #map {
   margin-left: 20px;
   margin-top: 20px;
}
/* ========================================================================== */

#nav {
	background:#4e4e50;
	border-bottom:1px solid #797a7c;
	border-left:1px solid #797a7c;
	border-right:1px solid #797a7c;
   height: 56px;
   width:629px;
   padding:0;
   margin-left:12px;
}
#nav ul {
	width:630px;
   margin:0;	
   padding-left:0;
}
#nav li {
	border-right:1px solid #797a7c;
	float:left;
	width:125px;
	list-style-image:none;
	list-style-type:none;
	text-align:center;
	margin-top:0px;
}
#nav a {
   color:#b4b5b7;
   display:block;
   padding:10px;
   position:relative;
   font-size:12pt;      
   height:35px;
   text-decoration:none;	
}
#nav a.current {
    background:#211919;
    color:white;
}

#panes {
   background: #fff url(./img/grad_h400.png) repeat scroll 0 0;
   border-color:#797a7c;
   border-style:solid;
   border-width:1px 1px 0;
   width:629px;
   height:400px;
   margin-left:12px;
   margin-bottom:-20px;
   position:relative;	
}

#panes > div {
   display:none;
   position:absolute;
   margin-left:10px;
   margin-right:10px;
   color:white;
}
/* ========================================================================== */
/* SCROLL */

.scroll {
   display: block;
   position:relative;
   overflow:hidden;
   margin: 0px;
   padding: 0px;
   text-align:left;
}

#scroll_ns {
   height:170px;
   width:456px;
}
#scroll_dcide {
   height:240px;
   width:160px;
   left:17px;
   top:70px;
}
.scroll .pics {
   
   position:absolute;
   clear:both;
   margin: 0px;
   padding: 0px;
}
#scroll_ns .pics {
	height: 20000em;
}
#scroll_dcide .pics {
   width: 20000em;
}	
.pics img {
   float: left;
   cursor: pointer;
   margin:0px;
   padding: 0px;
}
#scroll_ns .pics img {
	width:456px;
}
#scroll_dcide .pics img {
   width:160px;
   
}
/*
.scroll .text {
height: 20000em;
   position:absolute;
   clear:both;
   margin: 0px;
   padding: 0px;
}

.text span {
	float: left;
   cursor: pointer;
   width:456px;
   margin:0px;
   padding: 0px;
	}
*/
/* ========================================================================== */