* { 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 auto 0px -474px; }
.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 h1, .bg-transparent h2, .bg-transparent ul li { font-family: Arial; }
.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 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 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: 650px; margin: 0px 0px 10px 0px; }
.bg-transparent dl { min-height: 200px; }
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(../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: 927px; 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; position: absolute; z-index: 2; bottom: 5px; background: url("../images/marquee_back.png") repeat; }
#homeMarquee { display: inline-block; height: 20px; overflow: hidden; position: relative; width: 947px; }
#homeMarquee .items { width: 20000em; position: absolute; }
#homeMarquee .items div { float: left; }
#homeMarquee span { color: #999; height: 20px; line-height: 20px; margin: 0px 23px 0px 24px; }
#homeMarquee span.blue { color: #026eae; font-size: 16px; }

/*about*/
div.about { position: absolute; z-index: 2; padding: 10px 70px; }
div.about p { font-size: 12px; padding: 5px 5px; }
#about-content #bubbles { top: 0px; }

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

/*pagination*/
#holder { width: 100%; overflow: hidden; position: relative; padding: 0; }
#holder li { list-style: none; margin: 0; padding: 0; }
#holder li p { list-style: none; margin: 0 20px 20px 20px; padding: 0; }
.pagination { float: right; margin: 0px 0px 20px 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; }
.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; padding-bottom: 25px; }
#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 .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; }


#termswrapper h1,
#termswrapper h2,
#termswrapper h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

#termswrapper h1,
#termswrapper h2 {
	text-align: center;
}

#termswrapper h1 {
	font-size: 20px;
	padding-top: 20px;
}

#termswrapper h2 {
	font-size: 18px;
}

#termswrapper h3 {
	font-size: 16px;
}

#termswrapper p {
	margin: 10px 0px;
}

#termswrapper ol,
#termswrapper ul {
	margin: 10px 0px 10px 30px;
}

#termswrapper ol li {
	list-style-type: decimal;
	list-style-position: outside;
	font-weight: bold;
}

#termswrapper ul li {
	list-style-type: disc;
	list-style-position: outside;
	font-weight: normal;
}

#termswrapper ol ol ol li,
#termswrapper ol li p,
#termswrapper ul li p {
	font-weight: normal;
}

a.inline {
	vertical-align: top;
}

#termswrapper a,
a.inline {
	color: #026EAE;
	font-size: 11px;
	text-decoration: none;
}

#termswrapper a {
	font-size: 12px;
}

#termswrapper a:hover,
a.inline:hover {
	text-decoration: underline;
}

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

#termsandconditionstext { font-size: 11px; margin-left: 4px; vertical-align: top;}

.field-validation-error {
	margin-top: 10px;
	display: block;
	text-align: center;
}