/*----------------
PRIMARY
-------------------*/
@font-face {
	font-family: 'Space Age';
	src: url('../fonts/space age_0.eot');
	src: local('☺'), url('../fonts/space age_0.woff') format('woff'), url('../fonts/space age_0.ttf') format('truetype'), url('../fonts/space age_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font:100%/1.4 'Aldrich', sans-serif;
	background:#000 url('../images/main-bg.jpg') center top repeat-y;
}

body#homepg {background:#000 url('../images/main-bg.jpg') center top repeat-y;}

#container {
	width:930px;
	margin:0 auto;
}

#container2 {
	width:1030px;
	margin:0 auto;
}

/*----------------
HEADER
-------------------*/

header {
	width:930px;
	margin:10px auto;
	text-align:center;
	margin-top:-615px;
}

body#homepg header {
	margin-top:-920px;
}

#background {
	width:100%;
	height:627px;
	position:static;
	z-index:-1;
	background:url('../images/header-bg2.jpg') center top no-repeat;
}

#background2 {
	width:100%;
	height:921px;
	position:static;
	z-index:-1;
	background:url('../images/berdahl-home-top.jpg') center top no-repeat;
}


#screens {
	width:930px;
	height:255px;
	margin:0 auto;
	position:relative;
}

#screens-supt {
	width:930px;
	height:150px;
	margin:0 auto;
	position:relative;
}

#slideshow {
	width:449px;
	height:255px;
	margin:0 auto;
	position:relative;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#youtube {
	position:absolute;
	top:20px;
	left:0px;
	background:url('../images/social-screen.png') top center;
	width:157px;
	height:55px;
	text-align:center;
	padding-top:12px;
}

#facebook {
	position:absolute;
	top:20px;
	right:0px;
	background:url('../images/social-screen.png') top center;
	width:157px;
	height:55px;
	text-align:center;
	padding-top:12px;
}

#homepg #youtube, #homepg #facebook {top:10px;}

#title {
	background:url('../images/title-screen.png') no-repeat;
	width:389px;
	height:107px;
	margin:0 auto;
	background-position:0 20px;
	text-align:center;
	padding:55px 30px 0 30px;
}

/*----------------
NAVIGATION 
-------------------*/

nav {
	width:100%;
	margin-left:55px;
}

#homepg nav {
	width:430px;
	height:275px;
	position:relative;
	margin:0 auto;
}

.quicklinks {
	width:400px;
	margin:0 auto;
	height:10px;
	position:relative;
	text-align: center;
	top:125px;
}

#homepg .quicklinks {top:0;}
.button {
	position:absolute;
	width:95px;
	height:95px;
	display:block;
	font-size:0;
}

#reviewsbtn {
	background:url('../images/reviews-btn.png') top left;
	width:111px;
	height:24px;
	display:block;
	font-size:0;
	position:absolute;
	left:60px;
}

#reviewsbtn:hover {
	background-position: 0 -24px;
}

#blogbtn {
	background:url('../images/blog-btn.png') top left;
	width:147px;
	height:24px;
	display:block;
	font-size:0;
	position:absolute;
	right:60px;
}

#blogbtn:hover {
	background-position: 0 -24px;
}

.button-supt {
	position:relative;
	width:85px;
	height:95px;
	font-size:0;
	float:left;
}

#homebtn {
	top:-25px;
	left:0;
	background:url('../images/home-btn.png') top left;
}

#infobtn {
	top:-25px;
	left:110px;
	background:url('../images/ship-info-btn.png');
}

#financialbtn {
	top:-25px;
	right:110px;
	background:url('../images/financial-deck-btn.png');
}

#tourbtn {
	top:-25px;
	right:0px;
	background:url('../images/ship-tour-btn.png');
}

#formsbtn {
	top:70px;
	left:0px;
	background:url('../images/forms-btn.png');
}

#sedationbtn {
	top:70px;
	right:0px;
	background:url('../images/hyper-sedation-btn.png');
}

#launchbtn {
	top:155px;
	left:0px;
	background:url('../images/launch-btn.png');
}

#crewbtn {
	top:155px;
	left:110px;
	background:url('../images/crew-btn.png');
}

#topicsbtn {
	top:155px;
	right:110px;
	background:url('../images/dental-topics-btn.png');
}

#contactbtn {
	top:155px;
	right:0px;
	background:url('../images/contact-btn.png');
}

#home {
	background:url('../images/home-btn.png') top left;
}

#info {
	background:url('../images/ship-info-btn.png');
	margin-left:-10px;
	margin-right:10px;
}

#financial {
	background:url('../images/financial-deck-btn.png');
}

#tour {
	background:url('../images/ship-tour-btn.png');
	margin-left:-10px;

}

#forms {
	background:url('../images/forms-btn.png');
	margin-left:-15px;
}

#sedation {
	background:url('../images/hyper-sedation-btn.png');
	margin-left:-10px;
}

#launch {
	background:url('../images/launch-btn.png');
}

#crew {
	background:url('../images/crew-btn.png');
	margin-left:-10px;
}

#topics {
	background:url('../images/dental-topics-btn.png');
	margin-left:-10px;
}

#contact {
	background:url('../images/contact-btn.png');
}

#homebtn:hover,#infobtn:hover,#financialbtn:hover,#tourbtn:hover,#formsbtn:hover,#sedationbtn:hover,#launchbtn:hover,#crewbtn:hover,#topicsbtn:hover,#contactbtn:hover {
	background-position:0 -95px;
}

#home:hover,#info:hover,#financial:hover,#tour:hover,#forms:hover,#sedation:hover,#launch:hover,#crew:hover,#topics:hover,#contact:hover {
	background-position:0 -95px;
}

/*----------------
CONTENT 
------------------*/

#welcome {
	width:930px;
	color:#b5b5b5;
	margin:0 auto;
	font-size:0.95em;
	line-height:1.6em;
	margin-top:40px;
	padding:0 50px;
	background:url('../images/bg-repeat-home.jpg') 1px top repeat-y;
}

h1 {
	color:#d0e9f3;
	font-size:2.7em;
	font-weight:normal;
	margin:0;
	font-family:'Space Age', sans-serif;
	line-height:0.7em;
}

h2 {
	color:#4fb6dc;
	font-weight:normal;
	font-family:'Space Age', sans-serif;
	font-size:1.8em;
	padding-bottom:0;
	line-height:1.3em;

}

h2.welcome {
	text-align:center;
	font-size:2.4em;
	margin-top:60px;
}

h2.crew {
	color:#f1f182;
	font-weight:normal;
	font-family:'Space Age', sans-serif;
	font-size:1.8em;
	padding-bottom:0;
	line-height:1.3em;

}

a {color:#fff;}

a:hover {text-decoration:none;}

a.top {
    background: #5B52AB;
    border-radius: 5px 5px 5px 5px;
    color: #8ED7F8;
    font-family: 'Space Age',sans-serif;
    font-size: 1.3em;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    border:1px solid #000;
}
a.top:hover {
    background: #175087;
}

#content {
	width:929px;
	color:#b5b5b5;
	margin:0 auto;
	font-size:0.9em;
	margin-top:175px;
	background:url('../images/content-bg.jpg') left top;
	padding:0 50px;
	overflow:auto;
}

#bottom {
	background:url('../images/content-bottom.jpg');
	width:1029px;
	height:28px;
	margin:0 auto;
}


#Activity {
		width:200px;
		padding-bottom:15px;
		text-align:center;
		float:left;
	}

.white-box{
	width:600px;
	height:auto;
	background:#fff;
	margin:0 auto;
	padding:10px 10px;
}
	
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:3px 5px;
    margin-top:80px; margin-left:-115px;
    width:100px; line-height:16px;font-size:0.9em;text-align:center;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#fff;
    border:1px solid #5B52AB; background:#004B82;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        }


/*----------------
FOOTER 
------------------*/

footer {
	text-align:center;
	margin-top:20px;
}

footer a {color:#2e6b82;}

p.subnav a{
	font-size:1.1em;
	font-family:'Aldrich', sans-serif;
}

footer p {
	color:#7a7a7a;
	font-size:0.7em;
	font-family:Arial, sans-serif;
}

/*----------------
MISCELLANEOUS
-------------------*/
.clear {clear:both;}
.floatleft {float:left;margin-right:15px;border:5px solid #b01521;}
.floatright {float:right;margin-left:15px;border:5px solid #b01521;}
.floatmid {display:block;margin:0 auto;border:5px solid #b01521;}
.center {text-align:center;}
.border {border:5px solid #b01521;}