body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
	font: bold 12px Helvetica, Arial, Sans-Serif;
}

a{color: #FFF}

body {
	font: 18px/30px Sans-serif; color: #fff;
	margin: 0;
	min-width: 400px;
	padding: 0;
}

#header {
	height: 75px;
	background: #da20ac;
	position: fixed;
	width: 100%;
	z-index: 10;
	opacity: 1;
	overflow: hidden;
}

#sideMenu{position:fixed; z-index:9; top:100px; left: -50px; width:140px; height:500px; display:inline-block}
#sideMenuOption{width:60px; height:inherit; background:rgba(0,0,0,0.5); float:left; margin: 0}
#sideMenuButton{width:50px; height:50px; background:rgba(0,0,0,0.5); float:left;}
#sideMenu a{font: bold 12px Helvetica, Arial, Sans-Serif; text-transform: uppercase; 
			color: #ffffff; text-decoration: none;}

img{
width: 100%;
}
img.topIcon{width:20px;}

#container {
	height: 4200px;
}
.logo_container{

	overflow: hidden;
	display: inline-block;
	position: relative;
	padding: 20px;

}

#caption {
color: black;
text-align: center;
font:bold 12px Arial;
}

.logo img{
display:block;
height:auto;
width:100px;
position:relative;
z-index:0;
}

.logo{
display:inline-block;
width:304px;
height:200px;
text-align:center;
z-index;50;
}

.logo2 img{
display:block;
width:auto;
}

.logo2{
display:inline-block;
width:304px;
height:200px;
text-align:center;
}

.logo3 img{
display:block;
width:150px;
height:auto;
}

.logo3{
display:inline-block;
width:304px;
height:200px;
text-align:center;
}

.logo4 img{
display:block;
width:auto;
}

.logo4{
display:inline-block;
width:304px;
height:200px;
text-align:center;
}

.logo_container img{
display: inline;
}

ul#nav {
	width: 730px; margin: 0 auto; text-align: center; overflow: hidden;
}
	ul#nav li {
		float: right; list-style: none; 
	}
		ul#nav li a.normal {
			display: block; width: 60px; height: 60px; 
			padding: 25px 20px 40px 0px; margin: 0px 5px 20px 0px;
			font: bold 12px Helvetica, Arial, Sans-Serif; text-transform: uppercase; 
			color: #ffffff; text-decoration: none;
			
			background: url(images/label.png) 0 -149px no-repeat; 
		}
			ul#nav li a.normal:hover {
				background: url(images/label.png) 0 0 no-repeat;
				color: #ffffff; text-shadow: 0 2px 3px #000000;
			}
			
			ul#nav li a.normal.js:hover {
				background: url(images/label.png) 0 -149px no-repeat;
			}
			
		ul#nav li a.ccsv {
			display: block; width: 60px; height: 60px; 
			padding: 25px 20px 40px 0px; margin: 0px 5px 20px 0px;
			font: bold 12px Helvetica, Arial, Sans-Serif; text-transform: uppercase; 
			color: #000000; text-decoration: none;

		}
			ul#nav li a.ccsv{
				background: url(images/label2.png) 0 -30px no-repeat;
				color: #000; text-shadow: 0 2px 3px #FFF;
			}
		
			ul#nav li a.ccsv:hover {
				background: url(images/label3.png) 0 0 no-repeat;
			}


			
p{
	margin: 0 0 50px 0;	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 50px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 90px 0 0 0;
	text-align: center;
}

#topInfo{height:75px;overflow:hidden; position:relative;float:left;}

#nav{
	list-style: none;
	position: fixed;
}

#nav li{
	margin: 0 0 25px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

#second{
	background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third{
	background: url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;	
}

#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 400px;
	overflow: auto;
	width: 980px;
}
.testing{
	height:240px;
	background-color:#123486;
	display:none;
}
.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}


.footer_style{

	background-color:#262626;
	color:white;
	padding-left:80px;
	padding-top:30px;
	display:block;
	height:260px;
	font-family: Microsoft JhengHei;
}

.footer_header{
	color:white;
	font-size:200%;
	font-weight:bold;
	font-family: Microsoft JhengHei;
}

.footer_contact{
	display:inline-block;
	width:18%;
	font-family: Microsoft JhengHei;
}

.footer_product1{
	float:left;
	width:15%;
	font-family: Microsoft JhengHei;
}

.footer_product2{
	float:left;
	width:12%;
	font-family: Microsoft JhengHei;
}

.footer_isocial{
	float:left;
	width:15%;
	font-family: Microsoft JhengHei;
}


.footer_reg{
	float:left;
	width:15%;
	font-family: Microsoft JhengHei;

}

.li_style_1{
	color:white;
	font-size:130%;
	font-weight:bold;
	list-style: none;
	font-family: Microsoft JhengHei;
}

.li_style_2{
	color:white;
	font-size:130%;
	line-height:170%;
	font-weight:bold;
	list-style: none;
	font-family: Microsoft JhengHei;
}

.footer_text{
	font-size:130%;
	font-weight:bold;
	font-family: Microsoft JhengHei;
}

#footer_regimg{
	width:120px;
}

.copyrightContainer{
background-color:#262626;
height:50px;
width:100%;
}


p.copyright {
	position:relative;
    color: #fff;
    line-height: 40px;
    font-size: 0.7em;
	text-align: right;
	margin-top: 0px;
	margin-right:5px;
}