/* CSS common for Supernova Home site */

.temp {background:#ffffff;}

/* General resets */

html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin:         0;
    padding:        0;
    text-indent:    0;
}

abbr, acronym {
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase;
	}

a img, a abbr, a acronym	{
    border:none;
	}
	
sup, sub {
    font-size:.75em;
    font-style:italic;
    line-height:1;
    position:relative;
    vertical-align:baseline;
	}
	sup {top:-.5em;}
	sub {top:.25em;}

/* Basics */

html {font-size: 100.01%;}

body {
    background:     #024353;
    color:          #333;
    font-family:    Arial;
    font-size:      1em;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1;
	}

ul, ol {
    margin: 0 0 0 2em;
    padding: 0;
    text-indent: 0;
	}

h1 {font-size: 2em; display: none;}
h2 {font-size: 1.8em; background: url("../img/head_bullet.jpg")left no-repeat; padding: 0 0 0 35px; color:#024353; margin: 5px 0; }
h3 {font-size: 1.2em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* CSS by layout blocks */

div#wrapper { width: 760px; margin: 0 auto;}

div#top { 
	background: #024353 url("../img/supernova_logo.jpg") top center no-repeat; 
	color:#fafafa;
	text-align: center;
	}
	
		 
	/* Main Content Block */
	div#content_box { 
		width: 760px; 
		margin: 0;
		padding: 0; 
		height: auto; 
		background: url("../img/content_middle.jpg") repeat-y; 
		}
		div#content_top { background:white url("../img/content_top.jpg") top no-repeat; padding-top: 0px;}
		div#content_bottom { background:white url("../img/content_bottom.jpg") no-repeat bottom; height: 35px;}
		
		div#content {
			padding: 10px;
		}
		
		/*Main Menu Styles*/
		div#menu {
			width: 480px;
			margin: 0 auto;
			height: 28px;
			background: url("../img/menu_bg.jpg") no-repeat;
			text-align: center;
			padding-top: 3px;
			}
			
			div#menu a { text-decoration: none; color: #fcfcfc; padding: 0 10px 0 0;}
			div#menu a:hover { color: black ;}

div#bottom {
	width: 100%;
	background: url("../img/bottom_bg.jpg") no-repeat top;
	text-align: center;
	font-size: 0.7em;
	padding: 3px 0 10px 0;
}
	div#bottom a { text-decoration: none; color: #fcfcfc;  }
		div#bottom a:hover { text-decoration: underline;}
	div#bottom span { display: block; padding-top: 3px; color: #c2c2c2;}

/* General & useful STYLES */

p.top { text-align: center;}
.tright { text-align: right;}


/* CSS by SECTIONS */

/* Home STYLES */
/*=============*/

div#intro {
	background: white url("../img/intro_bg.jpg") no-repeat 0 50%;
	padding-left: 30px;
	overflow: auto;
	}
	div#intro div#text { }
	div#intro img { float: right;}
	div#intro span { color:#024353; font-style: italic;}
	
div#atractions {background: url("../img/at_middle.jpg") repeat-y; width:690px; margin: 5px auto;}
div#at_title {color: #ccccff; background: white; text-align: center;}
div#at_top {background: url("../img/at_top.jpg") no-repeat; height: 15px;}
div#at_bottom {background: url("../img/at_bottom.jpg") no-repeat; height: 15px;}

	div#atractions div.access { margin-left: 50px; display: inline;}
	div#atractions p { font-size: 0.9em; color: #666; text-align: center;}

/* About us STYLES */
/*==================*/

body#aboutus div#gallery { float: right; width: 370px; margin-left: 5px;}
	body#aboutus div#gallery a img { border: 1px solid #c2c2c2; padding: 5px;}

div.atraction {
	width: 700px;
	margin: 5px auto;
	background: url("../img/atraction_middle.jpg") repeat-y;
	overflow: auto;
	}
	div.atraction-top { height: 8px; background: url("../img/atraction_top.jpg") no-repeat;}
	div.atraction-bottom { height: 8px; background: url("../img/atraction_bottom.jpg") no-repeat;}
	div.atraction div.thumb { float: left; margin: 5px 10px 5px 5px;}
	div.atraction p { margin-right: 10px;}

home#aboutus p.tright { padding: 0; margin: 0;}

/* What´s on STYLES */
/*==================*/

body#whatson div#intro { float: left; width: 350px; font-style: italic; margin-top: 10px; line-height: 1.1em;}
	body#whatson div#intro h3 { color: #339999; }
	body#whatson div#intro img { display: block; margin-right: 10px;}

div#postit { width: 360px; background: url("../img/postit_middle.jpg") repeat-y; float: right;}
	div#postit-top { height:13px;background: url("../img/postit_top.jpg") top no-repeat;}
	div#postit-bottom {height:12px; background: url("../img/postit_bottom.jpg") bottom no-repeat;}
	div#postit-notice { background: white;}
	
	div#postit ul { margin-right: 10px; font-size: 0.9em; color: #666;}
		div#postit ul li { margin-bottom: 2px;}

div#comingsoon { clear: both; margin-top: 3em; overflow: auto; padding-top: 20px;}
	div#comingsoon  caption { color:#3399ff; line-height: 1.3em; font-weight: bold; font-size: 1.3em;  }
	
table#soon { margin: 0 auto; width: 95%; border: 1px solid gray; border-collapse: collapse; border-top: 4px solid #39f;}
	table#soon td { background: #fcfcfc url("../img/table_soon_td_bg.jpg") top repeat-x; padding: 1px 6px; border: 1px solid #c2c2c2;}
	td.act { text-align: center; vertical-align: middle; color: #3399ff; width: 100px; }


/* About-us STYLES */
/*=================*/
div#location_notice {
	width: 90%;
	margin: 10px auto;
	padding: 0 3px;
	background: #f2f2f2;
	color: #666;
	font-style: italic;
	font-size: 0.8em;
	border: 1px dotted #666;
	}

	/* Table of attractions */
	table#attractions { width: 90%; margin: 0 auto;}
		table#attractions .pic { vertical-align: top;}
		table#attractions td { margin: 0; vertical-align: top; padding: 0; text-align: center;  }
			table#attractions td p { margin-left: 5px; text-align: left;}

		td.mc { background: url("../img/td_mc_bg.jpg") bottom right no-repeat;}
		td.soccer { background: url("../img/td_sc_bg.jpg") bottom right no-repeat;}
		td.skating { background: url("../img/td_sk_bg.jpg") bottom right no-repeat;}

body#aboutus p.enter { text-align: right;}

/* Location STYLES */
/*=================*/
div#map { width: 98%; height: 400px; margin: 10px auto; border: 2px solid #39f;}

div.directions { margin: 10px; background: url("../img/directions_bg.jpg") bottom repeat-x; border-bottom: 2px solid #39f;}

div.directions h3 { color: #cccccc; background: #99ccff; color: #fcfcfc; padding: 2px 10px; margin: 0;}

div.directions ul { margin: 5px 5px 5px 20px; padding: 0 0 5px 0;}
div.directions ul li { margin-bottom: 5px;}
div.directions p { margin: 5px;}

	
/* Contact STYLES */
/*================*/

table#contacttable { margin: 0 auto; width: 95%; border: 1px solid gray; border-collapse: collapse; border-top: 4px solid #39f;}
	table#contacttable td { background: #fcfcfc url("../img/table_soon_td_bg.jpg") top repeat-x; padding: 3px 6px; border: 1px solid #c2c2c2;}
	td.act { text-align: center; vertical-align: middle; color: #3399ff; width: 100px; }

/* Sitemap STYLES */
/*================*/
body#sitemap div#intro { overflow: inherit; background: #f2f2f2; padding: 5px;}
body#sitemap div#intro ul { margin: 5px 5px 5px 20px;}
	body#sitemap div#intro ul li { margin-top: 5px;}

body#sitemap h3 {font-size: 1.2em; color: #024353;}
body#sitemap h3 span { font-size: 0.8em;}

body#sitemap h4 { font-size: 1.1em; color: #024353;}
body#sitemap h4 span { font-size: 0.8em;}


body#sitemap div.sub {
	margin:10px 20px;
	border-left: 2px solid gray;
	padding-left: 10px;
	background: #fafafa;
	}





/* 404 STYLES */
/*================*/
body#error404 div#intro { overflow: inherit;}

body#error404 div#text ul li { margin-bottom: 5px;}