* { padding: 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; list-style: none;}
html { overflow: auto;}
body { background: #000;}
.clear { clear: both; display:block; overflow: hidden; height: 0px;}
.align-left {float:left;}
.align-right {float:right;}
.wrapper { width: 947px; position: absolute; top: 50%; left: 50%; margin: -255px 0px 0px -474px; overflow: hidden;}
.bg-transparent{ background: url("../images/bg_main.png") repeat; padding:20px;}
.bg-transparent p { margin:0px 0px 10px 0px;line-height: 20px;}
.bg-transparent p,.bg-transparent p a,.bg-transparent h1,.bg-transparent h2,.bg-transparent ul li { font-family: Helvetica,Arial,sans-serif;}
.bg-transparent ul li { list-style: disc; list-style-position: inside;margin:0px 0px 5px 0px;}
.bg-transparent ul { padding:0px 0px 0px 10px;}
.bg-transparent li ul.holder2 { margin: -10px 0 0 35px; padding:0px 0px 0px 10px; line-height: 20px;}
.bg-transparent li span { font-size: 14px; color:#015a94;}
.bg-transparent h1 { font-size: 16px;margin:0px 0px 10px 0px;color:#015a94;}
.bg-transparent h2 { font-size: 13px;margin:0px 0px 10px 20px;color:#015a94;}
.bg-transparent h3 { font-size: 13px;margin:0px 0px 10px 0px;color:#015a94;}
.bg-transparent a { color:#015a94; text-decoration: none;}
.bg-transparent a:hover { text-decoration: underline;}
.bg-transparent dt,.bg-transparent dd { float:left;}
.bg-transparent dd{ width: 250px;margin:0px 0px 10px 0px;}
.bg-transparent dt{ width: 600px;margin:0px 0px 10px 0px;}
.bg-transparent dl{ min-height: 100px;}
img.align-left{margin:0px 10px 10px 0px;}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content { margin-top: 16px; width: 100%;}

#header { background:url(/Content/SiteContent/images/main-page-motto.png) no-repeat 0px 0px; height: 10px; margin-bottom: 11px; text-align: right;}

#menu { display: inline-block; height: 10px;}
#menu li { display: inline-block; position: relative; vertical-align: top; margin-right: -10px;}
#menu a { background-position: 0px 0px; color: #FFF; display: block; font-family: "Century Gothic", Helvetica, Arial; font-size: 11px; height: 10px; margin: 0px 10px; line-height: 10px; overflow: hidden; text-decoration: none; vertical-align: top;}
#menu a.active, #menu a:hover { background-position: 0px -10px; color: #0079C8;}
#menu a.home { background-image: url(../images/menu-home.png); width: 45px;}
#menu a.about { background-image: url(../images/menu-about.png); width: 51px;}
#menu a.story { background-image: url(../images/menu-the-story.png); width: 82px;}
#menu a.login { background-image: url(../images/menu-login.png); width: 50px;}
#menu a.contact { background-image: url(../images/menu-contact.png); width: 71px;}

#menu ul { background: #000; display: none; left: 0px; padding: 5px 0px; top: 10px; position: absolute; width: 200px; z-index: 4;}
#menu ul li { display: block; height: auto; text-align: left;}
#menu ul li a { display: block; height: auto; line-height: 26px; text-align: left;}

#menu li:hover ul { display: block;}

/* home */

#homecontent, #about-content { overflow: hidden; position: relative;}

#bgwrap { position: relative; z-index: 1; top: 0px; left: 0px;}

#bubbles { position: absolute; padding-top: 0px; height: 420px; width: 1327px;margin:0px 0px 0px 18px;z-index: 1; top: 0px;}
#bubbles li { float: left; width: 162px; margin: 0px 10px; text-align: center; height: 162px; line-height: 162px; margin-top: 110px; position: relative; cursor: pointer;}
#bubbles li img { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
#bubbles li span { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; line-height: 162px; color: #FFF; font-family: "Century Gothic", "Arial"; font-weight: bold; font-size: 16px; z-index: 5;}
#bubbles li span.text { display: none;}

#bubbles li.grey { display: none;}
#bubbles li.grey span.title { color: #000;}

#bubbles li.active span.title, #bubbles li.small span.title { display: none!important;}
#bubbles li.superSmall { width: 60px!important; height: 60px!important; margin-top: 158px!important;}
#bubbles li span.title { line-height: 160px;}

.marqueeWrapper { text-align: center; bottom: 5px;}
#homeMarquee { display: inline-block; height: 20px; overflow: hidden; position: relative; width: 947px;}
#contactMarquee { display: inline-block; height: 20px; overflow: hidden; position: relative; width: 947px; bottom:17px;}
#loginMarquee { display: inline-block; height: 20px; overflow: hidden; position: relative; width: 947px; bottom:-3px;}
#homeMarquee .items, #contactMarquee .items, #loginMarquee .items { width:20000em; position:absolute;}
#homeMarquee .items div, #contactMarquee .items div, #loginMarquee .items div { float:left;}
#homeMarquee span, #contactMarquee span, #loginMarquee span { color: #999; height: 20px; line-height: 20px; margin: 0px 23px 0px 24px;}
#homeMarquee span.blue, #contactMarquee span.blue, #loginMarquee span.blue { color: #026eae; font-size: 16px;}

/*about*/
div.about { position: absolute; z-index: 2; padding: 5px 5px;}
div.about p{font-size: 12px; line-height: 15px; padding: 0px 5px 5px;}
div.about .p2{position: relative; top: 290px;}
#about-content #bubbles {top: 0px;}

/* story behind the process */
div.story { background: url(../images/bg-story.jpg) no-repeat; min-height: 479px; padding: 20px 20px 0px 20px;}

/*pagination*/
#holder { width: 100%; overflow: hidden; position:relative; padding: 0; list-style: outside none;}
#holder li {list-style:none; margin: 0; padding: 0;}
#holder .holder2 li { list-style: square;}
#holder li p{list-style: none; margin: 0 0px 10px 0px; padding: 0;}
.pagination { float: right; margin: 0px;}
.bg-transparent .pagination li { list-style: none; float: left; margin: 0px 1px; font-weight: bold; font-size: 11px; color:#9D9D9D;}
.pagination li a{ float: left; margin: 0px; padding: 0px 3px 0px 10px; color: #015A94!important; text-decoration: none;}
.pagination li a.active , .pagination li a:hover { color: #015A94!important;}
.pagination li a.prev:hover, .pagination li a.next:hover {color: #015A94!important;}

.swPage,
li.page { overflow: hidden; width: 867px;}
.behind .swPage,
.behind li.page { overflow: hidden; width: 697px;}
.swControls li.hidden { display: none;}
li.page { margin: 0px; padding: 0px; float: left; position: relative; }



/* login */
#logincontent { background: url(../images/home.jpg) no-repeat; min-height: 479px; text-align: center;}
#loginbox { background: #000; color: #FFF; display: inline-block; margin-top: 90px; padding: 20px 40px; text-align: left;}
#loginbox h2 { font-size: 14px; font-weight: bold; padding-bottom: 10px; text-align: center;}
#loginbox form { width: 254px;}
#loginbox label { display: block; margin: 10px 0px 0px;}
#loginbox label span { display: inline-block; font-size: 13px; width: 64px; vertical-align: middle;}
#loginbox label input { background: url(../images/login-input-back.gif) no-repeat top right; border: 0px none; display: inline-block; height: 25px; line-height: 25px; padding: 0px 5px; width: 176px; vertical-align: middle;}
#loginbox input.submit { float: right; margin-top: 10px;}

/* contact */
#contact .contact-text {
	float: left;
	width: 400px;
}

#contact .contact-text li{list-style: square; margin-left: 10px;}

#contact .form {
	float: right;
	width: 400px;
}

#contact .form label {
	float: left;
	line-height: 24px;
	margin-right: 13px;
	text-align: right;
	width: 100px;
}

#contact .form .field {
	margin-bottom: 10px;
}

#contact .form .field input, #contact .form .field textarea {
	border: 1px solid #004B77;
	margin: 0px;
	padding: 4px 2px;
	width: 280px;
}

#contact .form .field textarea {
	height: 70px;
}
#contact .form .submit {
	text-align: right;
}

#contact .form .submit input {
	background: #004B77;
	border: 0px none;
	color: #FFF;
	cursor: pointer;
	margin: 0px;
	padding: 4px 10px;
}

#story-behind-the-process-content div.infoboxes { position: absolute; left: 5px; width: 190px; border: 0px none; background: none; padding: 0px;}
#story-behind-the-process-content div.info { background: #a13333; border: 0px none; padding: 10px 10px 5px 10px;}
#story-behind-the-process-content div.info p { color: #FFF; line-height: 12px; font-size:11px;}
#story-behind-the-process-content div.info strong { display: block; margin-bottom: 5px; color: #FFF;}
#story-behind-the-process-content div.info p strong { display: inline; font-size: 11px; margin-bottom: 5px; color: #FFF;}
#story-behind-the-process-content div.sub-title { text-decoration: underline; }
#story-behind-the-process-content div.questioninfo { background: #015a94;}
#story-behind-the-process-content.behind .bg-transparent { float: right; width: 697px; padding: 10px; padding-bottom: 5px;}

#copyright { font-size: 9px; position: absolute; top: 480px; right: 2px; color: #FFF; background: #000; z-index: 20; padding: 3px 5px; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}