/* reset settings */
html{
	min-width:968px;
	background:url(/images/bg-html.gif) repeat-y 50% 0;
}
body{
	margin:0;
	color:#434343;
	font:12px "Comic Sans MS", Arial, Verdana, Helvetica, sans-serif;
	background:url(/images/bg-body2.png) no-repeat 50% 0;
	min-width:968px;
}
img{border-style:none;}
a{
	color:#0072b1;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% "Comic Sans MS",arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#mega-holder{
	width:100%;
	overflow:hidden;
}

.homefoot{
	background:url(/images/bg-footer.png) no-repeat 50% 100% !important;
}

.subfoot{
	background:url(/images/bg-footer-sub.png) no-repeat 50% 100%;
}

#main-container{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:0 0 63px;
}
.l-content{
	width:1035px;
	position:relative;
	float:left;
	left:50%;
}
.r-content{
	width:1035px;
	position:relative;
	float:left;
	left:-50%;
}
#wrapper{
	width:968px;
	margin:0 auto;
}
#header{
	width:100%;
	position:relative;
	height:161px;
	margin:41px 0 0;
}
.logo{
	position:absolute;
	left:-32px;
	top:5px;
	margin:0;
	width:280px;
}
.logo a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:150px;
	position:relative;
	z-index:10;
}
.logo span{
	display:block;
	height:150px;
	background:url(/images/logo.png) no-repeat;
	width:280px;
	position:relative;
	cursor:pointer;
}
.nav{
	float:right;
	list-style:none;
	padding:0;
	margin:107px 0 0 0;
	width:800px; /*widen to add nav */
	clear:right;
	font-family: Tahoma, Geneva, sans-serif;
	z-index: 11; 
	position: relative;
}
.nav li{
	float:left;
	padding:0;
}
/*
.nav a {
	display:block;
	height:35px;
	overflow:hidden;
	background: #863acc url(/images/nav.png) no-repeat 0 0;
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
}
.nav a span {
	display:block;
	padding: 0 10px;
	height:35px;
	overflow:hidden;
	background: transparent url(/images/nav.png) no-repeat 100% -35px;
	cursor: pointer;
}
.nav a:hover {background-position: 0 -70px;}
.nav a:hover span {background-position: 100% -105px;}
*/

.nav a span {
	display: block;
	cursor: pointer;
	height:35px;
}
.nav a {
	display: block;
	height: 35px;
	overflow: hidden;
	background: #863acc url(/images/big_nav.png) no-repeat 0 0;
	text-indent: -900em;
}
.nav a:hover {background-position: 0 -35px;}
.nav a.link1 {width: 84px; background-position: 0px 0px;}
.nav a.link1:hover {background-position: 0px -35px;}
.nav a.link2 {width: 81px; background-position: -84px 0px;}
.nav a.link2:hover {background-position: -84px -35px;}
.nav a.link3 {width: 82px; background-position: -165px 0px;}
.nav a.link3:hover {background-position: -165px -35px;}
.nav a.link4 {width: 104px; background-position: -247px 0px;}
.nav a.link4:hover {background-position: -247px -35px;}
.nav a.link5 {width: 92px; background-position: -351px 0px;}
.nav a.link5:hover {background-position: -351px -35px;}
.nav a.link6 {width: 103px; background-position: -443px 0px;}
.nav a.link6:hover {background-position: -443px -35px;}
.nav a.link7 {width: 56px; background-position: -546px 0px;}
.nav a.link7:hover {background-position: -546px -35px;}
.nav a.link8 {width: 92px; background-position: -602px 0px;}
.nav a.link8:hover {background-position: -602px -35px;}
.nav a.link9 {width: 102px; background-position: -694px 0px;}
.nav a.link9:hover {background-position: -694px -35px;}

.top-nav{
	list-style:none;
	padding:0 28px 0 0;
	margin:2px 0 0;
	float:right;
	height:17px;
}
.top-nav li{
	font-size:11px;
	color:#fff;
	display:inline;
	padding:0 1px 0 2px;
}
.top-nav a{
	color:#fff;
	text-decoration:none;
}
.top-nav a:hover{color:#3a1a69;}
#main{
	position:relative;
	z-index:2;
	width:100%;
}
.mocha{
	background:url(/images/mocha.png) no-repeat;
	width:330px;
	height:250px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:-40px;
	right:-41px;
	z-index:-1;
}
.promo{
	width:100%;
	overflow:hidden;
	margin:36px 0 0;
}
.about{
	background:url(/images/bg-about.png) no-repeat;
	width:632px;
	height:220px;
	position:relative;
	padding:5px 0 0;
	float:left;
	margin:0 0 0 9px;
	display:inline;
}
.about .img{
	width:360px;
	float:left;
	padding:0 0 0 6px;
}
.about .img img{display:block;}
.about h2{
	float:right;
	background:url(/images/text-about.png) no-repeat 0 0;
	width:13px;
	height:73px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0 37px 0 0;
	margin:8px 0 0;
}
.about .text{
	width:145px;
	float:right;
	text-align:right;
	margin:20px 0 0;
	padding:0 6px 0 0;
}
.about .text p{
	margin:12px 0 0;
	line-height:18px;
	font-size:13px;
	color:#0e6407;
	/*font-style:italic;*/
	font-weight:bold;
}
.about .sphere{
	position:absolute;
	top:9px;
	left:43%;
	clear:both;
	z-index:10;
}
.meeting{
	float:right;
	background:url(/images/bg-meet-top.png) no-repeat;
	width:312px;
	margin:0 7px 0 0;
	display:inline;
}
/*.meeting .container{*/
.meeting .container{
	background:url(/images/bg-meet-bottom.png) no-repeat 0 100%;
	overflow:hidden;
	height:189px;
	padding:0 37px 35px 12px;
}
.meeting img{
	float:left;
	margin:11px 5px 0 0;
}
.meeting p{
	margin:17px 0 0 4px;
	line-height:18px;
	color:#011487;
}
.meeting .big-mar{margin:47px 0 4px;}
.meeting h2{
	float:right;
	width:13px;
	background:url(/images/text-meeting.png) no-repeat;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	margin:13px 0 0;
}
#sub-content{
	width:100%;
	overflow:hidden;
	margin:39px 0 0;
}
.cols{
	width:306px;
	float:left;
	margin:0 8px;
	display:inline;
}
.cols .container{
	height:189px;
	overflow:hidden;
	padding:25px 4px 12px 26px;
}
.cols p{
	margin:6px 0 2px 24px;
	line-height:16px;
}
.cols img{
	float:right;
	margin:4px 0 0;
}
.more{
	background:url(/images/arrow.gif) no-repeat 100% 60%;
	padding:0 15px 0 0;
	margin:0 0 0 24px;
}
.green{background:url(/images/bg-green-bottom.png) no-repeat 0 100%;}
.green .container{background:url(/images/bg-green-top.png) no-repeat;}
.orange{background:url(/images/bg-orange-bottom.png) no-repeat 0 100%;}
.orange .container{background:url(/images/bg-orange-top.png) no-repeat;}
.red{background:url(/images/bg-red-bottom.png) no-repeat 0 100%;}
.red .container{background:url(/images/bg-red-top.png) no-repeat;}
.cols h2{
	margin:0;
}
.cols .text-take{
	background:url(/images/text-take.gif) no-repeat;
	width:276px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
.cols .text-join{
	background:url(/images/text-join.gif) no-repeat;
	width:276px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
.cols .text-get{
	background:url(/images/text-get.gif) no-repeat;
	width:276px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
#footer{
	width:100%;
	/*background:url(/images/bg-footer.png) no-repeat 50% 0;*/
	overflow:hidden;
}
#footer h2,
#footer h3,
#footer h4,
#footer h5{margin:10px 0 0;}
#footer .mocha{
	background:url(/images/mocha2.png) no-repeat;
	right:34%;
	z-index:1;
	top:0;
	width:13px;
	height:33px;
}
/* inner.html */
#content{
	width:956px;
	background:url(/images/bg-content-top.png) no-repeat;
	overflow:hidden;
	margin:0 6px;
	position:relative;
}
#content .holder{
	background:url(/images/bg-content-bottom.png) no-repeat 0 100%;
	height:1%;
	overflow:hidden;
	padding:10px;
}
#content .image{
	float:left;
	width:430px;
	padding:0 0 30px;
}
#content .image img{display:block;}
#content .text{
	float:right;
	width:456px;
	padding:0 25px 20px 0;
}
#content .text h1{
	line-height:21px;
	font-size:18px;
	margin:18px 0 15px;
	color:#011487;
	text-transform:uppercase;
}
#content .text h2{
	line-height:16px;
	font-size:15px;
	margin:18px 0;
	color:#011487;
}
#content .text p{
	margin:10px 0;
	font-size:14px;
	line-height:18px;
}
#content .text li{
	margin:10px 0;
	font-size:14px;
	line-height:18px;
}
#content .text ul { 
	padding:0 20px;
	margin-left:0;
}
#content .text blockquote { 
	padding-left:10px;
	margin-left:0;
}
#content .sphere{
	position:absolute;
	top:78px;
	left:29%;
	clear:both;
	z-index:10;
}

.errordiv {
	background: transparent;
	border: #f00 0 none;
	color: #f00;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
}

.errordiv a, .errordiv a:visited {
	color: #f00;
	text-decoration: underline;
}

.errordiv a:hover {
	text-decoration: none;
}

.errorstyle	{
	background: #ffffc3 !important;
	border: #f00 1px solid !important;
	padding: 1px 3px 1px 2px  !important;
}

table.bottomsmall {
	border:none 0px;
}
table.bottomsmall td {
	border:none 0px;
	font-size:80%;
}