/* RESET */
*{	margin: 0; padding: 0; }
html, body{height: 100%; background-color: #fbfbfb;}
li{	list-style-type: none;}

/* TEXT */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;  color:#333; }
a{	text-decoration: none;	font-size: 1em;}  
a:focus {	outline: none	/* ta bort den prickade linjen i firefox */} 
h1, h2, h3, .text, a:link, a:active, a:visited {color: #898989; letter-spacing: .1em; }
a:hover {color: #650000;}  
.text {font-size: 1em;}	
h1{letter-spacing: 1.5px; 	font: normal normal 2.2em Optima, "Lucida Grande", sans-serif, Verdana, Lucida;}
h2{font-size: 1.25em;	margin-bottom: .7em;	position: relative;	right: 5px;}

/* MAIN LAYOUT */
#container {	width: 950px; min-height: 100%;  margin-right: auto; 	margin-left: auto;	_background-color: #f8f8f8;}
#content {	width: 850px; min-height: 100%;  margin-left: auto;	margin-right: auto;	}
#header { height: 75px;	padding-bottom: 50px;	padding-top: 15px;	border-bottom: 1px solid #dbdbdb;	margin-left: 20px;	margin-right: 20px;}
#header h1{text-indent: -9999px; position: absolute; 	margin-left: 40px;	width:280px;	height: 90px;	margin-top: 25px; background: url(../../global/images/logo_steel.png) no-repeat;	opacity: 0.75;	}
#contact{	 width: 170px; height: 70px;	float: right;	position: relative;	top: 35px;}
#contact h3{	margin-bottom: 6px;}

/*Föränga fält*/
li#tele {width:155px;}
#panorama ul {width:200px;}


/* CONTENT LAYOUT */
#nav{margin-top: 50px; height: 400px;	float: left;}
#gallery, #places, #panorama {	margin-bottom: 20px;}
#gallery li, #places li, #panorama li {margin-bottom: 5px;}



/*DROP DOWN*/
ul {width: 120px; /* Width of Menu Items */
	_border-bottom: 1px solid #ccc;	}
ul li {	position: relative;	}
li ul {	position: absolute; /*lägger menyerna till höger*/	
		left: 119px; /* Set 1px less than menu width */	
		top: 0;	display: none;	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; _background: #f9f9f9;} /* The magic */



/* SPLASH*/
#splash{ margin-top: 45px; margin-left: 250px;	_display: inline;	_float: right;}
#splash img {	border: 2px solid #ccc;	}

/*FOOTER*/
#footer { letter-spacing: 2px;	font-size: .9em;	 color: #7e7e7e;	text-align: center;	margin-top: 80px;}