/*===================================================  RESET
===================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
html {	text-align: center;}
body {	text-align: center;line-height: 1;	color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { dislpay: block; }


/*===================================================  TYPOGRAPHY
===================================================*/
body {font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: normal;
line-height: 1.5em;}
p {margin-bottom: 1em;}
a { text-weight: normal;}
a:hover {}
h1 { font-family: Georgia, serif; }
h2 { font-family: Georgia, serif; font-size: 18px; text-transform: normal; line-height: 1.4em; }
h3 { font-family: Georgia, serif; font-size: 18px; line-height: 1.4em; }


/*===================================================  LAYOUT
===================================================*/
#header-wrap { background: #ACE1FA url(../img/header-content-bg.jpg) no-repeat;float: left; width: 100%; margin: 0 0 0 0; }
#header {background: url(../img/header-bg.png) bottom center no-repeat ; margin: 0 auto; height: 153px; width: 964px; padding: 0 0 0 0; position: relative;}
#content-wrap { background: url(../img/content-top.jpg) top repeat-x ; float: left; clear: both; width: 100%; }
#content { background: url(../img/main-content-bg.png) no-repeat ; margin: 0 auto; width: 964px; display: inline-block; }
#footer-wrap { background: url(../img/footer-bg.jpg) repeat-x; clear: both; float: left; width: 100%; padding: 0 0 20px 0; }
#footer { margin: 0 auto; width: 909px; padding: 0 35px 0 20px;}


/*===================================================  HEADER
===================================================*/
#header h1.logo {background: url(http://www.worldone.com/img/world-one.png) no-repeat; position: absolute; left: 23px; top: 0; height: 122px; text-indent: -9999px; width: 350px; padding: 0 0 0 0;}

a.login { color: #888; float: right; text-decoration: none; padding: 3px 10px 2px 10px; position: relative; top: 0; right: 45px; display: block; font-size: 12px;}
a.login:hover{color: #222;}

	div.main-nav { position: absolute; height: 37px; top: 82px; right: 31px; width: 570px;}
	.main-nav ul { float: right;}
	.main-nav li { float: left; }
	
	.main-nav li a { float: left;  color: #888; text-decoration: none; padding: 11px 25px 5px 25px; font-weight: bold;}
	
	.main-nav li a:hover {
/*		background: #fff url(../img/main-nav-ON-bg.jpg) top repeat-x; */
		color: #000; 
		}
	/*.main-nav li a span:hover {
		background: #fff url(../img/right-nav-tab.jpg) top right no-repeat; 
		border-left: inset 1px #e2e2e2;
		color: #666; 
		}*/
	.main-nav li a.active { 
	/*	background: #fff url(../img/main-nav-ON-bg.jpg) top repeat-x;  */
		color: #000; 
		}
		

/*===================================================  CONTENT
===================================================*/
#flashBanner{position: relative; margin: -29px 0 10px -3px; width: 892px; height: 307px; overflow: hidden;}
.interior-banner { float: left; position: relative; top: -29px; left: 32px;}

.primary-text { color: #333; float: left; position: relative; text-align: left;  width: 508px; margin: 0 0 10px 0;padding: 0 15px 0 35px; }
.primary-text h2 { border-bottom: solid 1px #A4ADD8; border-top: solid 1px #A4ADD8; color: #A4ADD8; margin: 0 0 10px 0; }


.interior-primary-text { color: #333; float: left;text-align: left;  width: 645px; margin: 0 0 10px 0;padding: 0 15px 0 30px; }
.interior-primary-text h2 { border-bottom: solid 1px #A4ADD8; border-top: solid 1px #A4ADD8; color: #2875BB; margin: 0 0 10px 0;}
.interior-primary-text h3 { color: #2875BB; padding: 10px 0; }
.interior-primary-text ul{margin-bottom: 1.5em;}
.interior-primary-text li{list-style-type: disc; margin-left: 15px;}
.interior-primary-text strong{font-weight: bold;}
.interior-primary-text em{font-style: italic;}


.contact .interior-primary-text{width: 545px;}

.global-panel-wrapper{position: relative; float: left; width: 368px; height: 210px; padding: 35px 0 0 4px; background: url(/img/global-panel.png) top left no-repeat;}

.global-panel { background: url(../images/maps.gif) 0 0 no-repeat; height: 175px; width: 364px; position: relative;}
.global-panel h2 { color: #616465; padding: 5px 10px 0 0; }
.global-panel p { color: #616465; font-family: Georgia, serif; padding: 50px 10px 0 15px; position: relative; top: 120px; left: 0;text-align: center;}
.global-panel a { color: #3366CC; text-decoration: none;}

.global-panel a#north:link, .global-panel a#north:visited {DISPLAY: block; WIDTH: 110px; HEIGHT: 60px; POSITION: absolute; TOP: 10px; LEFT: 15px;}
.global-panel a#north SPAN {DISPLAY: none}
.global-panel a#north:hover, .global-panel a#north:active {BACKGROUND: url(../images/maps.gif) no-repeat -14px -710px;}
.global-panel a#north:hover SPAN {DISPLAY: block; POSITION: absolute; TOP: 10px; left: 75px; width:145px; height:71px;}

.global-panel a#south:link, .global-panel a#south:visited {DISPLAY: block; LEFT: 50px; WIDTH: 90px; POSITION: absolute; TOP: 60px; HEIGHT: 110px}
.global-panel a#south SPAN {	DISPLAY: none}
.global-panel a#south:hover, .global-panel a#south:active {BACKGROUND: url(../images/maps.gif) no-repeat -51px -410px}
.global-panel a#south:hover SPAN {DISPLAY: block;POSITION: absolute; TOP: 25px; LEFT: 75px; }

.global-panel a#europe:link, .global-panel a#europe:visited {DISPLAY: block; LEFT: 150px; WIDTH: 90px; POSITION: absolute; TOP: 10px; HEIGHT: 50px}
.global-panel a#europe SPAN {DISPLAY: none}
.global-panel a#europe:hover {BACKGROUND: url(../images/maps.gif) no-repeat -150px -186px}
.global-panel a#europe:hover SPAN {DISPLAY: block;POSITION: absolute; TOP: 40px; left: -55px;}

.global-panel a#asia:link, .global-panel a#asia:visited {DISPLAY: block; LEFT: 240px; WIDTH: 120px; POSITION: absolute; TOP: 30px; HEIGHT: 120px}
.global-panel a#asia SPAN {DISPLAY: none}
.global-panel a#asia:hover, .global-panel a#asia:active {BACKGROUND: url(../images/maps.gif) no-repeat -240px -555px}
.global-panel a#asia:hover SPAN {DISPLAY: block; POSITION: absolute; TOP: 5px; left: -140px;}

form{margin: 20px 0;}
form label{display: block; padding: 0; margin: 0 0 2px 0;}
form input{border: 1px solid #CCC; padding: 3px; margin: 0 0 5px 0; width: 135px;}
form textarea{border: 1px solid #CCC; padding: 3px; margin: 0 0 5px 0; width: 517px; height: 155px; font-size: 11px; font-family: Arial;}
form button{display: block;}

.field-group{overflow: hidden; margin: 0 0 15px 0;}
.field-group label{float: left; width:115px;}
.field-group input{float: left; margin: 0 10px 0 0;}
.field-group.large label{width: 210px;}
.field-group.large input{width: 308px;}

.second-level { clear: both; padding: 0 30px; width: 944px; text-align: left; }
.second-level a{margin-right: 6px;}
.second-level a.last{margin-right: 0;}

.col-one { float: left; width: 200px; margin: 0 0 0 35px; text-align: left; }
.col-one h2 { color: #fff; padding: 6px 0 0 5px; }
.col-one p { color: #fff; padding: 191px 0 0 12px; line-height: 1.2em; font-size: 13px; }
.col-one p a { color: #fff; font-weight: bold; text-decoration: none; }
.col-one ul { text-align: left; padding: 0 0 20px 0;}
.col-one ul li { border-bottom: solid 1px #999; }
.col-one ul li.last { border-bottom: none; }
.col-one ul li a { color: #333; padding: 6px 10px; text-decoration: none; display: block;}
.col-one ul li a.active,
.col-one ul li a:hover { background: #E8E8E8 ; color: #333; font-weight: bold; }
.col-one ul li.active { background: #E8E8E8 ; color: #333; font-weight: bold; }

.contact .col-one{width: 300px;}

.col-one .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.col-one .ui-accordion .ui-accordion-li-fix { display: inline; }
.col-one .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.col-one .ui-accordion .ui-accordion-header a { color: #999; padding: 6px 10px; text-decoration: none; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; border-bottom: solid 1px #999; font-weight: bold;}

.col-one .ui-accordion .ui-accordion-header a:hover,
.col-one .ui-accordion .ui-accordion-header.ui-state-active a{ background: #E8E8E8 ; color: #333; font-weight: bold; }

.col-one .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.col-one .ui-accordion .ui-accordion-content { padding: 1em 0 0 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: hidden; display: none; }
.col-one .ui-accordion .ui-accordion-content img{margin-top: 10px; border: 1px solid #DDD; padding: 1px;}
.col-one .ui-accordion .ui-accordion-content-active { display: block; }

.col-one .ui-accordion p{padding: 0 10px; margin-bottom: 0; color: #000;}


/*===================================================  FOOTER
===================================================*/
#footer-wrap { margin: 15px 0 0 0; padding: 0 0 15px 0;}
#footer ul { padding: 5px 0 0 0; }
#footer ul li { color: #666; float: left; font-size: 11px; }
#footer ul li a {padding: 0 15px; }
#footer a{color: #666; text-decoration: none; }
#footer a:hover{text-decoration: underline;}
#footer p { text-align: right; color: #666; float: right; font-size: 11px; padding: 0 15px; line-height: 1.2em; padding: 5px 0 0 0;}