@charset "UTF-8";
/* CSS Document */
/*Navigation*/
	ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:500px;}
	ul#main-nav li.learn, ul#main-nav li.speak {margin:0;padding:0 50px 0 0;height:78px;list-style:none;float:left;}
	ul#main-nav li.see {margin:0;padding:0 27px 0 0;height:78px;list-style:none;float:left;}

	ul#main-nav li a {height:78px;}

	/*Normal not current*/
	ul#main-nav li.see a {width:89px; text-decoration:none;display:block;color:black;background:url(includes/1.png) no-repeat right top;padding:0;}
	ul#main-nav li.learn a {width:87px; text-decoration:none;display:block;color:black;background:url(includes/2.png) no-repeat right top;padding:0;}
	ul#main-nav li.speak a {width:76px; text-decoration:none;display:block;color:black;background:url(includes/3.png) no-repeat right top;padding:0;}

	/*Arrow Over*/
	ul#main-nav li.see a:hover {width:89px;background:url(includes/1-1.png) top right no-repeat;}
	ul#main-nav li.learn a:hover {width:87px; background:url(includes/2-1.png) top right no-repeat;}
	ul#main-nav li.speak a:hover {width:76px; background:url(includes/3-1.png) top right no-repeat;}

#nav {
	position:absolute;
	top:0;
	left:193px;
	width:500px;
	height:78px;
}
body {
	border:0;
	margin:0;
	background:#2a2b2a;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}
#topLeft a, #topRight a {
	border:0;
	width:100%;
	height:100%;
	display:block;
}
div a {
	border:0;
	display:block;
}
#top {
	position:absolute;
	top:3px;
	left:0;
	width:100%;
	height:78px;
	background:url(includes/top.png) repeat-x;
}
#header {
	position:relative;
	left:0;
	top:0;
	width:1000px;
	height:78px;
	z-index:3;
}
#topLeft {
	position:absolute;
	background-image:url(includes/topLeft.png);
	background-repeat:no-repeat;
	width:163px;
	height:78px;
	top:0;
	left:0;
	z-index:4;
	padding:0 30px 0 0;
}
#topRight {
	position:absolute;
	top:0;
	right:0;
	height:78px;
	width:92px;
	background:url(includes/topRight.png);
	background-repeat:no-repeat;
}
#topRight:hover {
	background:url(includes/topRight0.png);
}

#content {
	position:absolute;
	top: 103px;
	left:0;
	border:0;
	height:680px;
	clear:both;
}
.boxgrid {overflow:hidden; height:660px; position:relative;}
#portNav {
	position:absolute;
	top:73px;
	left:80px;
	border:0;
	height:20px;
	z-index:12;
}
#portNav a, #portNav a:visited {float:left; font-family:Tahoma, Verdana, Arial, sans-serif; color:#FFFFFF;}
#portNav a:hover {color:#FF0000;}
#portNav a:active {color:#000066;}
div#1 a, div#2 a, div#3 a { position:absolute; top:0; left:0; width:10px; height:10px; border:0; background:0;}
.N {float:left; padding:0 0 20px 0;}
#contrain {
	overflow:hidden;
	height:690px;
	width:1000px;
}
.sliderWrapper {
	width:990px;
	border:#FFFFFF 5px solid;
	top:0;
	left:0;
}
#preV {
	position:absolute;
	top:315px;
	left:-30px;
	width:30px;
	height:30px;
	z-index:6;
}
#nexT {
	position:absolute;
	top:315px;
	right:-30px;
	width:30px;
	height:30px;
	z-index:6;
}
#sliderWrapperNav {
	width:1000px;
	border:0;
	float:left;
	display:block;
}
.hidden { display:none;}
.caption {
	position:absolute;
	bottom:0;
	left:5px;
	background:#CCCCCC;
	border:0;
	padding:2px 2px 0 0;
	margin:0 0 0 -5px;
}
.captionText {
	font:Tahoma, Verdana, Arial, sans-serif;
	color:#000000;
	font-size:medium;
}
.footText {
	font:Tahoma, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.topCaption {
	height:120px;
	position:absolute;
	top:-120px;
	width:990px;
	background:#000000 url(includes/topCaption.png) no-repeat top left;
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.boxgrid1 {
	position:relative;
	overflow:hidden;
}
.topCaption2 {
	height:40px;
	position:absolute;
	top:-100px;
	right:5px;
	width:950px;
	background:#000000;
	font:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.5em;
	line-height:40px;
	text-align:right;
	vertical-align:bottom;
	color:#CCCCCC;
	font-variant:small-caps;
	z-index:40;
	padding:60px 20px 0 20px;
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.topCaption a {
	width:100%;
	height:100%;
	border:0;
}  
#social {
	width:80px;
	float:left;
	padding:30px 0 0 0px;
	vertical-align:top;
	height:34px;
}
#like {
	float:left;
	width:450px;
	height:35px;
	border:0;
	padding:31px 0 0 0;
}
div#social div a {border:0; height:34px; width:35px; padding:0 0 0 5px; background-repeat:no-repeat; float:left;}
div#social div.flickr a {background:url(includes/flickr.png) top left; border:0;background-repeat:no-repeat;}
div#social div.facebook a {background:url(includes/facebook.png) top left; border:0;background-repeat:no-repeat;}
div#social div.flickr a:hover {background:url(includes/flickr0.png) top left; border:0;background-repeat:no-repeat;}
div#social div.facebook a:hover {background:url(includes/facebook0.png) top left; border:0;background-repeat:no-repeat;}

#footer {
	float:right;
	display:table-cell;
	padding:30px 0 0 0;
	vertical-align:bottom;
	height:34px;
	text-align:right;
	width:200px;
}
.control {
	height:10px;
	width:200px;
	z-index:10;
	padding:0 0 10px 0;
}
.control1 {
	position:absolute;
	top:0px;
	left:5px;
	height:10px;
	width:200px;
	z-index:20;
}
#controllerNav {
	position:absolute;
	top:-20px;
	left:5px;
	height:10px;
	width:200px;
	z-index:10;
}
.B {
	width:10px;
	background:#CCCCCC;
	height:10px;
	margin:0 5px 0 0;
	float:left;
}
.jFlowSelected {
	width:10px;
	background:#666666;
	height:10px;
	margin:0 5px 0 0;
	float:left;
}
.slides {
	background:#000000;
	vertical-align:middle;
}
div.M1 {
	position:absolute;
	top:50%;
	margin-top:-184px;
}
#navSlides {
	padding: 30px 0 0 0;
}
#leftCol {
	float:left;
	width:350px;
	height:660px;
	border-right:#CCCCCC thin solid;
	margin:0 10px 0 0;
}
#rightCol {
	float:right;
	width:600px;
	height:660px;
	border:0;
	margin:0;
}
.about {color:#CCCCCC; font-variant:small-caps; font:12px;}
.contact {font:Tahoma, Verdana, Arial, sans-serif 13px; font-variant:small-caps; color:#CCCCCC; padding:0 10px 0 10px; text-align:justify;}