@charset "utf-8";
/* CSS Document */

/*---------------------------- DEFAULTS --------------------------------*/

html,body{
 	font-family:'Open Sans', sans-serif;
	color:#000;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-size:12px;	
}

body {
	background-color: #000;
	background-image:url(../images/page-background-01.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size:auto;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
	outline:none !important;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#FFF;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

.clear-fix { clear: both; }


/*----------------------STRUCTURE COMMON ELEMENTS --------------------------------*/

.page {
	max-width:1200px;
	margin: 0px auto;
	position: relative;
	/*background-color: #FFF;*/
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0px);
}


nav {
	
}


footer {
	display:block;
	width:100%;
	height:30px;
	color:#fff;
	line-height:14px;
	margin-top:20px;
	/*background-color:#06F;*/
}

.footer-right{
	font-style:italic;
	width:25%;	
	float:right;
	display:inline;
}

.footer-left{
	width:49%;
	float:left;
	display:inline;	
}

.footer-left a:link{
	text-decoration:underline !important;
}

.scales {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	background-color:#0ac5b2;
	
	overflow:hidden;
	margin:0 auto;
	
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0px);
}


/*----------------------Interactive Classes --------------------------------*/

.hidden {
	display:none;
}

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

/* // Sudo Slider */
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:696px;}														
.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}	

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }