html{width:100%;height:100%;overflow:hidden;overflow-y:hidden;overflow-x:hidden;}
body{width:100%;height:100%;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 50%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 50%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 50%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #cccccc 0%,#ffffff 50%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
background-repeat: no-repeat;
}

.left{float:left}
.right{float:right}
.menu{color:#000;min-width:900px;padding:30px 40px;font-size:12px;letter-spacing:1px;position:relative; z-index:3}
.menu a{color:#000;outline:none;text-decoration:none;}
.menu div{width:33%; font-size:12px;}
.menu .left ul{clear:both;margin:0;float:left;padding:0;}
.menu .left li{float:left;list-style-type: none;cursor:pointer;}
.menu .left a:hover{color:#fff;}
.menu .left a.active{color:#000;}

.menu .right ul{clear:both;float:right;margin:0;}
.menu .right li{float:left;list-style-type: none;text-align:center;margin-left:8px;cursor:pointer;width:18px;border:1px dotted transparent;}
.menu .right a:hover{color:#fff;}
.menu .right a.active{color:#fff;}


.title{text-align:center}
.content{width:100%;height:100%; position:absolute; top:0; left:0; z-index:1;overflow:hidden;}
.page{width:100%; height:100%; position:absolute; top:0;min-height:400px;overflow:hidden;}
.slideshow{cursor:e-resize;}
.controls{text-align:center;display:none;}
.controls .prev:hover{color:#fff;}
.controls .next:hover{color:#fff;}
.next, .prev{cursor:pointer}
.center{position:absolute;float:left; z-index:1;}
.draggable{position:absolute;cursor:move;}
.mmove{position:absolute;}

.content a, .content a:visited {color:#0000ff; text-decoration:none;}
.content a:hover, .content a:active {color:#000;}

.shadow{-webkit-box-shadow: 0px 8px 30px 5px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 8px 30px 5px rgba(0, 0, 0, 0.6);
box-shadow: 0px 8px 30px 5px rgba(0, 0, 0, 0.6);
}


#intro img{
	float:left;
	-webkit-animation-name: webkit-acircular;
	-webkit-animation-duration: 200s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;      
	-moz-animation-name: moz-acircular;
	-moz-animation-duration: 200s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes webkit-acircular {
from {
	-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform:rotate(360deg);
}
}

@-moz-keyframes moz-acircular {
from {
	-moz-transform:rotate(0deg);
}
to {
	-moz-transform:rotate(360deg);
}
}




#page_0 .canter{width:900px;}
#page_0 .introtext{width:370px;margin-left:100px;margin-top:60px;font-size:12px;letter-spacing:1px;line-height:18px;float:right;}
#page_1 .slideshow{width:533px;height:400px;}
#page_1 .controls{font-size:12px;letter-spacing:1px;width:100%;position:absolute;z-index:2;bottom:30px}
#page_2 .slideshow{width:572px;height:428px;}
#page_2 .controls{font-size:12px;letter-spacing:1px;width:100%;position:absolute;z-index:2;bottom:30px}
#page_3 .slideshow{width:263px;height:435px;}
#page_3 .controls{font-size:12px;letter-spacing:1px;width:100%;position:absolute;z-index:2;bottom:30px}
#page_4 .center{width:420px;}
#page_6 .center{width:660px;}
#page_7 .slideshow{width:312px;height:450px;}
#page_7 .controls{font-size:12px;letter-spacing:1px;width:100%;position:absolute;z-index:2;bottom:30px}
#page_8 .center{width:770px;}

420