* {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

body {
	background: #66ccff url("../images/power-bg.png") no-repeat center top;
}

h2 {
	color:#003366;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 1em;
	font-weight: bold;
}

h3 {
	color:#003366;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

p {
	color:#333333;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.9em;
	line-height: 1.5em;
}

table {
	color:#333333;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.7em;
	line-height: 1.2em;
}

a {
	color:#003366;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.9em;
	text-decoration: none;
}
a.active {
	color:#ffffff;
}

#main-wrapper {
	min-height:300px;
}

#header-wrapper {
	clear:both;
	margin:auto;
	padding-top: 10px;
	width:960px;
}
#logo-wrapper {
	float:left;
	padding-bottom: 5px;
}

#nav-wrapper {
	float:right;
	padding-top: 35px;
}
#nav-wrapper ul {
	list-style: none;
}
#nav-wrapper ul li{
	display: inline-block;
	padding-left: 10px;
}

#highlight-wrapper {
	clear:both;
	padding:20px 0;
	width:100%;
	height:300px;
	background-color:rgba(255, 255, 255, 0.24);
}

#gallery-wrapper {
	margin:auto;
	width:960px;
}

#gallery-wrapper ul {
	list-style: none;
}

#gallery-wrapper .inactive {
	display:none;
}

.content-wrapper {
	clear:both;
	margin:auto;
	padding-top: 10px;
	width:960px;
}
.content-block, .content-footer {
	float:left;
	width:320px;
}
.content-block.first {
	background: url("../images/icon1.png") no-repeat left top;
} 
.content-block.middle {
	background: url("../images/icon2.png") no-repeat left top;
}
.content-block.last {
	background: url("../images/icon3.png") no-repeat left top;
}

.content-title {
	padding: 8px 0px 0px 40px;
	height:30px;
}
.content-body {
	padding-right:20px;
}
.content-readmore a {
	padding:5px 10px;
	color:#003366;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.6em;
	font-weight: bold;
	background-color:rgba(255, 255, 255, 0.24);
	border-radius: 15px;
}

#footer-wrapper {
	clear:both;
	margin:auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width:960px;
	text-align: center;
}
#footer-wrapper p {
	text-align: center;
	font-size: 0.6em;
}

/* Detail page */
#page-wrapper {
	clear:both;
	margin:auto;
	width:960px;
}
#page-wrapper h2{
	padding-bottom: 0.8em;
}
#page-wrapper h3{
	padding-bottom: 0.8em;
}
#page-wrapper p{
	padding-bottom: 0.8em;
}
#page-wrapper table{
	margin-bottom: 1.2em;
}

.content-left-main {
	float:left;
	padding:20px;
	width:600px;	/*total 640*/
	background-color:rgba(255, 255, 255, 0.24);
	border-radius: 10px;
}
.content-right {
	float:left;
	margin-left:20px;
	margin-bottom: 20px;
	padding:20px;
	width:260px;	/*total 640*/
	background-color:rgba(255, 255, 255, 0.24);
	border-radius: 10px;
}
.content-right p>span {
	color:#333333;
	text-shadow: 1px 1px 3px #ffffff;
	font-size: 0.9em;
}