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: 600px;
	padding: 0;
	width:100%;
}

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

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

#container {
	width:100%;
}

ul#nav {
	width:70%; margin: 0 auto; text-align: center; overflow: hidden; left:20%;
}
	ul#nav li {
		float: left; list-style: none; z-index:-10;
	}
		ul#nav li a.normal {
			display: block; width: 60px; height: 60px; 
			padding: 25px 20px 40px 0px; margin: 0px 5px 20px 0px;
			position: relative;
			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{width:10%;overflow:hidden; position:relative;float:right;}
#topReg{width:10%;overflow:hidden; position:relative; float:right;}

#nav{
	list-style: none;
	position: relative;
	float:left;
}

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


.footer_style{
	background-color:#262626;
	color:white;
	padding-left:80px;
	height:260px;
	padding-top:30px;
	display:block;
	font: bold 12px Helvetica, Arial, Sans-Serif;
}

.footer_header{
	color:white;
	font-size:200%;
	font-weight:bold;
	font: boldHelvetica, Arial, Sans-Serif;	
}

.footer_header2{
	font-size:200%;
	font-family: Microsoft JhengHei;
}

.footer_contact{
	display:inline-block;
	width:20%;
	font: bold Helvetica, Arial, Sans-Serif;

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

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


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


}

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

}

.li_style_1{
	color:white;
	font-size:130%;
	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;
}

footer.footer {
    width: 100%;
    background-color: #262626;
	margin-bottom: 100px;
}

.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;
}