@charset "utf-8";

/* global variables */

*{margin:0;padding:0;}
a,img{border:none;outline:none;}
ul,li{list-style:none;}
p{margin-bottom:15px;}

body{background:#d7d7d8 url(../images/background.png) repeat-x top left;font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#484848;line-height:1.5;}

#page{position:relative;margin:0 auto;width:1012px;padding:0;}
#outer{position:relative;float:left;width:1012px;background:transparent url(../images/shadow-bg.png) repeat-y top left;}
#container{position:relative;float:left;margin:0 0 0 16px;width:980px;background:#fff;}

/* url styling */

a{color:#f18200;text-decoration:underline;}
a:hover{color:#c36a00;}

/* header */

#header{position:relative;float:left;width:980px;height:125px;background:transparent url(../images/header-bg.jpg) no-repeat;}
#header #logo{position:absolute;top:10px;left:10px;width:263px;height:64px;}
#header #capture{position:absolute;top:35px;left:420px;width:308px;height:49px;background:transparent url(../images/capture-text.png) no-repeat;}
#header #capture input{position:absolute;top:28px;left:67px;border:none;background:#fff;color:#000;padding:5px 10px 5px 10px;width:221px;height:13px;}
#header #capture2{position:absolute;top:17px;right:50px;color:#fff;}
#header #capture2 h2{font-size:42pt;font-weight:bold;}
#header .live-chat-home{position:absolute;top:40px;right:20px;}
/* navigation */

#nav{position:relative;float:left;width:980px;height:35px;z-index:2000;}
#nav ul{position:relative;float:left;width:980px;height:35px;background:transparent url(../images/nav-bg.png) repeat-x;z-index:2000;}
#nav ul li{position:relative;float:left;height:35px;z-index:2000;}
#nav ul li a{display:block;width:100%;height:34px;overflow:hidden;z-index:2000;}
#nav ul li#home{background:transparent url(../images/home.png) no-repeat bottom left;width:94px;}
#nav ul li#about{background:transparent url(../images/about.png) no-repeat bottom left;width:94px;}
#nav ul li#opportunity{background:transparent url(../images/opportunity.png) no-repeat bottom left;width:129px;}
#nav ul li#join-now{background:transparent url(../images/join-now.png) no-repeat bottom left;width:115px;}
#nav ul li#events{background:transparent url(../images/events.png) no-repeat bottom left;width:99px;}
#nav ul li#contact-us{background:transparent url(../images/contact-us.png) no-repeat bottom left;width:123px;}
#nav ul li#support{background:transparent url(../images/support.png) no-repeat bottom left;width:106px;}
#nav ul li#back-office{background:transparent url(../images/back-office.png) no-repeat bottom left;width:145px;}
#nav ul li#world-relief{background:transparent url(../images/world-relief.png) no-repeat bottom left;width:131px;}

/* dropdown */

#nav ul li { position:relative;float:left;z-index:1000;}
#nav ul li ul {display: none;z-index:1000;}
#nav ul li:hover ul {display:block; position:absolute; top:35px; left:0; width:100px;background:#5b5b5b;}
#nav ul li:hover ul li ul {display: none;background:#5b5b5b;z-index:1000;}
#nav ul li ul li{height:35px;font-size:11pt;z-index:1000;color:#fff;}
#nav ul li:hover ul li a {display:block;background:#5b5b5b;padding:12px 0 5px 10px;width:130px;color:#fff;height:18px;text-decoration:none;z-index:1000;}
#nav ul li:hover ul li a:hover {background:#404040;z-index:1000;}

/* content */

#content{position:relative;float:left;width:940px;padding:20px;}
.col{position:relative;float:left;}
.span1{width:300px;}
.span2{width:620px;}
.span3{width:940px}
.span4{width:460px;}
.end{margin-right:20px;}
.front-columns{position:relative;float:left;margin:0;width:940px;}
.col3{position:relative;float:left;width:270px;padding:20px 15px 0 15px;background:transparent url(../images/3colbg.png) no-repeat top left;text-align:left;}
.col3 h6{font-size:13pt;font-weight:bold;margin-bottom:15px;}
.col3 a{display:block;width:100%;color:#000;text-decoration:none;}
.col3 a:hover strong{text-decoration:underline;}
.col3 p{margin-bottom:15px;}


/* sign in */

.sign-in{position:relative;margin:0 auto;width:700px;font-family:arial;font-size:9pt;color:#000;}
.sign-in .left{position:relative;float:left;color:#fff;width:300px;height:230px;background:#ff7e09 url(../images/sign-in-left.png) repeat-x bottom left;border:1px solid #ff7e09;padding:10px 24px 10px 24px;}
.sign-in .right{position:relative;float:left;width:300px;height:230px;background:#dfdfdf url(../images/sign-in-right.png) repeat-x bottom left;border:1px solid #bdbdbd;padding:10px 24px 10px 24px;}
.sign-in tr{height:35px;}
.sign-in input.text{width:150px;padding:3px 10px 3px 10px;}



/* footer */

.foot{position:relative;float:left;width:940px;margin:20px;}
.foot a,.foot img{border:none;background:#fff;}
.foot ul.left{position:relative;float:left;list-style:none;margin-left:85px;}
.foot ul.left li{position:relative;float:left;list-style:none;margin-right:85px;}
.foot ul.left li img{width:50px;height:50px;}

.foot ul.right{position:relative;float:right;list-style:none;}
.foot ul.right li{position:relative;float:right;list-style:none;margin-left:30px;}

#footer{position:relative;float:left;width:980px;height:66px;background:transparent url(../images/footer.jpg) no-repeat top left;}
#footer ul{position:relative;float:left;margin:40px 0 0 20px;}
#footer ul li{position:relative;float:left;padding:0 30px 0 0;}
#footer ul li a{color:#fff;text-decoration:none;border:none;}
#footer ul li a:hover{border-bottom:1px dotted #fff;}
#footer #right{position:relative;float:right;margin:40px 20px 0 0;color:#fff;}
#bottom{position:relative;float:left;width:1010px;padding:0;}

/* cycle */

.pics{width:620px;height:285px;position:relative;float:left;overflow:hidden;}
.pics img{width:620px;height:285px;}

#ibox,#ibox2{background:#fff;}

/* font styling */

h3{font-size:20pt;color:#000;margin:10px 0 15px 0;}
h1,h2,h3,h4,h5{color:#000;margin:10px 0 10px;}
h1{font-size:25pt;}
h2{font-size:22pt;}
h3{font-size:19pt;}
h4{font-size:16pt;}
h5{font-size:12pt;}

blockquote{border:1px solid #c0c0c0;background:#eee;padding:15px;}

#capture2 h2{color:#fff;}

/* tooltip */

a.tip {position: relative;z-index:1000;}
a.tip span {	display: none;	position: absolute;	top: 0px;	left: 25px;	width: 225px;	padding: 5px;	z-index: 100000;	background: #000;	color: #fff;	font-weight:normal;	-moz-border-radius: 5px; /* this works only in camino/firefox */	-webkit-border-radius: 5px; /* this is just for Safari */}
a:hover.tip {	font-size: 99%;z-index:1000; /* this is just for IE */}
a:hover.tip span {	display: block;z-index:1000;}



table#webinar td{padding:5px;}
table#webinar tr.head{background:#d2c19f;font-weight:bold;text-decoration:underline;}


/* Authorize Form */

#authorize span{position:relative;float:left;font-size:11pt;margin-right:10px;}
#authorize input{position:relative;float:left;border:1px inset #c0c0c0;;background:#eee;padding:3px 5px 3px 5px;}
.c10{clear:both;height:15px;}
#authorize .auth input{background:#d3d3d3;}