@charset "utf-8";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

* { padding:0; margin:0 }

body{
	margin:0 auto;
	background:url(../images/bg.gif);
	font-family: 'Terminal Dosis Light', Arial, sans-serif;
	text-transform:uppercase;
}

#wrapper {
	width: 960px;
	margin: auto;
	background-color:#dbe596;
}

#page{
	position: relative;
	float:left;
	width: 960px;
	margin: auto;
}

img.trains{
	margin:0 auto;
	margin-top:-75px;
	margin-left:-28px;
	position:absolute;
}

/*--------------------------
	     Nav
---------------------------*/
nav {
	margin:0 auto;
	position: relative;
	float:left;
	width:960px;
	padding-bottom:10px;
	padding-top:25px;
	z-index:110;
}

nav.circlemenu{
	width: 960px;
	overflow:hidden;
}

nav.circlemenu ul{
	margin: 0;
	padding: 0;
	font: bold 16px Verdana;
	list-style-type: none;
	text-align: center; /* "left", "center", or "right" align menu */
}

nav.circlemenu li{
	display: inline;
	margin: 0;
}

nav.circlemenu li a{
	display:inline-block;
	text-align:center;
	text-decoration: none;
	color: white;
	background-color:#dbe596;
	margin: 0;
	margin-right:5px; /*right spacing between each link */
	width:100px;
	height:100px;


 /*really large border radius to create round borders*/
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
	-webkit-box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 4px rgba(116,161,191,0.3) inset;
	-moz-box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 4px rgba(116,161,191,0.3) inset;
	box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 4px rgba(116,161,191,0.3) inset;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav.circlemenu a:hover span{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	
}

nav.circlemenu a span{
	position:relative;
	top:30%;
}
nav.circlemenu a:hover{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	
	-webkit-box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 0px #fedc3f inset, 0px 0px 100px 30px rgba(255,244,193,0.8);
	-moz-box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 0px #fedc3f inset, 0px 0px 100px 30px rgba(255,244,193,0.8);
	box-shadow: 2px 2px 10px rgba(43,54,61, 0.4), 0px 0px 0px 0px #fedc3f inset, 0px 0px 100px 30px rgba(255,244,193,0.8);
	color: #ff8624;
	
	background: #fedc3f; /* fallback for non-supporting browsers */
	background-image: -webkit-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -moz-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -ms-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -o-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
}
nav ul li.active a{
	outline: 0;
    color: #fff;
   
    background: #fedc3f; /* fallback for non-supporting browsers */
	background-image: -webkit-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -moz-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -ms-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: -o-radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);
	background-image: radial-gradient(center center, circle contain, #fedc3f 0%, #ff7420 100%);

}

section#contents{
	margin:0 auto;
	position:relative;
	float:left;
	width:960px;
	height:600px;
	z-index:5;
}


img.bottom_pic {
	margin:350px auto;
	margin-left:-350px;
	position:absolute;
	z-index:5;
}
img.bottom_pic_two {
	margin:280px auto;
	margin-left:-960px;
	position:absolute;
	z-index:5;
}


/*--------------------------
	   The Circle
---------------------------*/

#cd_container .cd_container{
	position:absolute;
}

a{
	color:#fff;
	text-decoration:none;
}
img.cd_bgimage{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	opacity:0.7;
}

.cd_loading{
	width:500px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-270px 0px 0px -270px;
	border:20px solid #fff;
	background:#fff url(../images/loader.gif) no-repeat center center;
	z-index:99999;
	opacity:0.7;
	border-radius:270px 270px 270px 270px;
}
h1.cd_title{
	font-size:170px;
	position:fixed;
	top:0px;
	left:10px;
	text-shadow:0px 0px 1px #fff;
}
h1.cd_title span{
	display:block;
	font-size:22px;
	margin: -35px 0px 0px 13px;
}


/*--------------------------
	pictures in the circle
---------------------------*/

.cd_album{
	width:500px;
	height:500px;
	border-radius:270px 270px 270px 270px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:center center;
	position:absolute;
	top:50%;
	left:50%;
	margin:-270px 0px 0px -270px;
	border:20px solid #fff;
	display:none;
}
.cd_album_1{
	background-image:url(../thumbs/1.jpg);
}
.cd_album_2{
	background-image:url(../thumbs/2.jpg);
}
.cd_album_3{
	background-image:url(../thumbs/3.jpg);
}
.cd_album_4{
	background-image:url(../thumbs/4.jpg);
}
.cd_album_5{
	background-image:url(../thumbs/5.jpg);
}
.cd_album_6{
	background-image:url(../thumbs/6.jpg);
}
.cd_album_7{
	background-image:url(../thumbs/7.jpg);
}
.cd_album_8{
	background-image:url(../thumbs/8.jpg);
}

.cd_album_9{
	background-image:url(../thumbs/9.jpg);
}
.cd_album_10{
	background-image:url(../thumbs/10.jpg);
}


.cd_album h1{
	position:absolute;
	top: 329px;
	left: 10px; /* left:-327px; */
	background:#fff;
	color:#000;
	font-size:25px;
	text-shadow:2px 2px 0px #ddd;
	padding:2px 30px;
	z-index:100;
	cursor:pointer;
}
.cd_navigation a{
	width:55px;
	height:55px;
	position:absolute;
	left:50%;	
	text-indent:-9000px;
	outline:none;
	opacity:0.6;
	z-index:999999;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-transition: all 0.5s ease-in-out;
}
.cd_navigation a:hover{
	opacity:1.0;
}
.cd_navigation a.cd_prev{
	background:transparent url(../images/nav_prev_rotated.png) no-repeat center center;
	top:120px;
	width:100px;
	margin-left:-305px;
}
.cd_navigation a.cd_next{
	background:transparent url(../images/nav_next_rotated.png) no-repeat center center;
	top:120px;
	width:100px;
	margin-left:200px;
}
.cd_content{
	width:500px;
	height:500px;
	border-radius:270px 270px 270px 270px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background:url(../images/bg_content_inner.png) repeat top left;
}
.cd_content_inner{
	position:absolute;
	top:100px;
	left:80px;
	width:340px;
	height:300px;
	outline:none;
	overflow:hidden;
	background:url(../images/bg_content_inner.png) repeat top left;
}
.cd_content_inner p{
	color:#000;
	font-size:18px;
	padding:10px;
	text-shadow:1px 1px 0px #ffe747;
}
a.cd_back{
	position:absolute;
	top: 53px;
	right:-39px;
	background:#fff;
	color:#000;
	font-size:16px;
	text-shadow:2px 2px 0px #ddd;
	padding:2px 30px;
	z-index:100;
	display:none;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-transition: all 0.5s ease;
}
a.cd_back:hover{
	color:#ffc000;
}

h1:hover{
	color:#F00;
}


/*--------------------------
	  Footer
---------------------------*/


footer {
	clear: both;
	width: 960px;
	height: 100px;
	margin: 0 auto;
	background-color:#F93;
}

footer p{
	margin:0 auto;
	padding-top:65px;
	font-size:10px;
	text-align:center;
}