/* Ci3 | Always in Control 
------------------------------------------------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

a { text-decoration: none; }

body { 
position: relative; 
margin-top: 16px;
margin-left: 16px;
margin-bottom: 16px; 
width: 900px; 
color: #000;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left; 
background: #fff url(../image/bg.gif) repeat-x  top left; }

p { 
padding-bottom: 20px;
font-size: 1.3em; 
line-height: 1.4; 
color: #666; }

br { padding: 0; margin:0; line-height: 12px; }

strong { font-weight: bold; }

.label { font-size: 1.4em; text-indent: -9999px; } /* hidden labels for screen readers*/

/* =Branding
------------------------------------------------------------------*/

/* branding_index */

#newlogo {
	display: block;
	width: 240px;
	height: 40px;
	position: fixed;
	z-index: 20;
	left: 56px;
	top: 60px;
	background-image: url(../image/ARC_Logics_Sword.png);
}

div#branding_index {
width: 868px;
height: 199px;
color: #fff;
background: #000 url(../image/branding_home.gif) no-repeat top left; }

div#branding_index h1 a { 
position: absolute;
top: 0;
left: 0;
display: block;
width: 240px;
height: 160px; }

div#branding_index p { text-indent: -9999px; height: 40px; }

#brandingflash { 
position: absolute;
top: 52px;
left: 224px; }

/* branding */

div#branding {
position: relative;
width: 868px;
height: 62px;
color: #fff;
background: #000 url(../image/branding.gif) no-repeat top left; }

div#branding p { 
position: absolute;
top: 63px;
left: 713px;
width: 155px;
height: 40px;
text-indent: -9999px;
background: transparent url(../image/h1_always.gif) no-repeat top left; }

div#branding h1 a { 
display: block;
width: 120px;
height: 62px; }


/* =Container
------------------------------------------------------------------*/

div#wrapper { 
width: 868px;
color: #000; 
background-color: #fff;
border-top: 16px solid #fff;
border-left: 16px solid #fff;
border-right: 16px solid #fff;
border-bottom: 1px solid #000; }

/* =Content 
------------------------------------------------------------------*/

div#content { 
float: left;
margin-top: 15px; }



/* content_index  (Homepage)
------------------------------------------------------------------*/
div#content_index_left { 
float: left;
width: 374px;
height: 289px;
color: #00000;
background: #fff url(../image/homebox.jpg) no-repeat top left; }

div#content_index_left a {
	display: block;
	color: #000000;
	height: 100%;
}
div#content_index_left p { 
padding: 32px 15px 0px 20px;
font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
font-size: 2em;
line-height: 1.5em;
color: #222;
}


div#content_index_middle {
float: left;
margin-left: 21px; 
margin-right: 14px;
width: 254px; 
color: #666;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #fff; }

div#content_index_middle p { line-height: 1.7; margin-top: -2px;}

div#content_index_middle a { 
text-decoration: none; 
color: #3f4c76;
}
div#content_index_middle a:hover { 
text-decoration: underline; 
color: #666;
}


/* content_left */

div#content_left { 
float: left; 
width: 150px; }

ul#related { 
margin-top: 78px; 
width: 150px;
border-bottom: 1px dotted #666; }

ul#related li { 
padding: 4px 0px 4px 0px; 
width: 150px;
line-height: 1.45em;
border-top: 1px dotted #666; }

ul#related li a { 
display: block;
padding: 0px 7px 0px 8px;
width: 100%; 
color: #666; }

ul#related li a:hover { color: #000; }


ul#homerelated { 
margin: 0px;
padding: 0px; }

ul#homerelated li { 
padding: 0px 0px 8px 0px; 
margin: 0px; }

ul#homerelated li a { 
display: block;
line-height: 1.3em;
font-size: 1.3em;
color: #666;
padding: 0px;
width: 100%; }

ul#homerelated li a:hover { color: #000; }


#sideimage {
margin-top: 75px;
}
#sidequotes {
margin: 25px 0px 13px 6px;
}
#sidequote-sword1 {
margin: 93px 0px 13px 6px;
}


/*SWORD Specific Styling*/
.swordlogo {
margin: 21px 0px 0px 12px;
}
.swordlogo-base {
margin: 33px 0px 19px 12px;
}

ul#swordrelated { 
margin-top: 25px; 
width: 150px;
border-bottom: 1px dotted #666; }

ul#swordrelated li { 
padding: 4px 0px 4px 0px; 
width: 150px;
border-top: 1px dotted #666; }

ul#swordrelated li a { 
display: block;
padding-left: 10px;
width: 100%; 
color: #666; }

ul#swordrelated li a:hover { color: #000; }

div#content_sword { 
float: left;
margin-top: 15px;
padding-bottom: 15px;
background-image: url(../image/swordbg2.jpg);
background-repeat: no-repeat;
background-position: left bottom;
 }

#baselinks {
margin: 8px 0px 22px 0px;
font-size: 1.2em; 
}







/* content_middle
------------------------------------------------------------------*/

div#content_middle {
float: left;
margin-left: 20px;
margin-right: 20px;
width: 460px;
color: #666;
font-family: Georgia, "Times New Roman", Times, serif;
 }

div#content_middle p { line-height: 1.7; }

div#content_middle a { 
text-decoration: underline; 
color: #3f4c76;
}
div#content_middle a:hover { 
text-decoration: underline; 
color: #666;
}


/* content_right */

div#content_right { 
float: right;
margin: 90px 3px 8px 0px;
width: 200px;
color: #666;
background-color: #fff; }

div#content_right p { margin-top: 10px; font-size: 10.5px; margin-left: 3px;}

div#content_right p a { 
text-decoration: none; 
color: #3f4c76;
}
div#content_right p a:hover { 
text-decoration: underline; 
color: #666;
}
div#content_right a { 
text-decoration: none; 
color: #ffffff;
}
div#content_right a:hover { 
text-decoration: none; 
color: #ffffff;
}

.home div#content_right { margin-top: 0; }


/* =H1
------------------------------------------------------------------*/

h1 { 
font-size: 1.5em; 
text-indent: -9999px; }

h1[id="h1_logo_home"] { 
position: absolute;
top: -60px;
left: 0;
text-indent: -9999px; 
background: #fff url(../image/logo.gif) no-repeat top left; }

h1[id="h1_logo"] { 
position: absolute;
top: -60px;
left: 0;
text-indent: -9999px; 
background: #fff url(../image/logo.gif) no-repeat top left; }

/* =H2
------------------------------------------------------------------*/

h2 {
	font-size: 3.1em;
	margin-top: 35px;
	margin-bottom: 15px;
	height: 37px;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	color: #111111;
	font-weight: 100;
}

h2 + p { color: #000; }


/* =H3
------------------------------------------------------------------*/

h3 {  
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.3em; 
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
display: block;
clear: both;
line-height: 1.4em;
border-top: 1px solid #000;
border-bottom: 1px dotted #000;
margin-bottom: 10px; }

h3 span {
	padding-left: 4px;
	color: #666;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 0.08em;
}
.top {
	float: right;
	margin-top: 3px;
}

/*h3[id="h3_control"] {
width: 240px;
height: 30px; 
text-indent: -9999px;
background: url(../image/h3_control.gif) no-repeat top left; 
border-top: none; 
border-bottom: none;
margin-bottom: 0px; }*/

#heading-control {
width: 240px;
height: 30px; 
text-indent: -9999px;
background: url(../image/h3_control.gif) no-repeat top left; 
border-top: none; 
border-bottom: none;
margin-bottom: 8px; }

/*h3[id="h3_news"] {
width: 240px;
height: 30px; 
text-indent: -9999px;
background: url(../image/h3_news.gif) no-repeat top left; 
border-top: none; 
border-bottom: none;
margin-bottom: 0px; }*/

#heading-news {
width: 240px;
height: 30px; 
text-indent: -9999px;
background: url(../image/h3_news.gif) no-repeat top left; 
border-top: none; 
border-bottom: none;
margin-bottom: 6px; }

/* =H4
------------------------------------------------------------------*/

h4 { 
width: 200px;
height: 18px;
color: #fff;
font-size: 1em; }

#rightside-careers {
	display: block;
	height: 18px;
	background: url(../image/bar_red.gif) no-repeat top left;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-careers a { display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-careers a:hover { background: url(../image/bar_red.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#rightside-reseller {
	display: block;
	height: 18px;
	background: url(../image/bar_blue.gif) no-repeat top left;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-reseller a { display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-reseller a:hover { background: url(../image/bar_blue.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#rightside-support {
	display: block;
	height: 18px;
	background: url(../image/bar_green.gif) no-repeat top left;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-support a { display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-support a:hover { background: url(../image/bar_green.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#rightside-sword1 {
	display: block;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-sword1 a { background: url(../image/swordbar_1.gif) no-repeat top left; display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-sword1 a:hover { background: url(../image/swordbar_1.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#rightside-sword2 {
	display: block;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-sword2 a { background: url(../image/swordbar_2.gif) no-repeat top left; display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-sword2 a:hover { background: url(../image/swordbar_2.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }

#rightside-sword3 {
	display: block;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; }
#rightside-sword3 a { background: url(../image/swordbar_3.gif) no-repeat top left; display: block; width: 100%; text-indent: 6px; color: #FFFFFF; text-decoration: none; }
#rightside-sword3 a:hover { background: url(../image/swordbar_3.gif) no-repeat bottom left; color: #FFFFFF; text-decoration: none; }


/* =Navigation - Main
------------------------------------------------------------------*/

div#nav_main { 
position: relative;
width: 375px; }

ul#nav_features {
position: absolute;
top: 0;
left: 0; }

ul#nav_features li { display : inline; }

li#company, li#products, li#sword {
position: absolute; 
display: block;
height: 30px; 
font-size: 1em; 
font-weight: bold; }

li#company { 
left: 0px; 
width: 104px; 
background: #000 url(../image/nav_company.gif) no-repeat top left; }

li#sword { 
left: 106px; 
width: 76px; 
background: #000 url(../image/nav_sword.gif) no-repeat top left; }

li#products { 
left: 184px; 
width: 95px; 
background: #000 url(../image/nav_services.gif) no-repeat top left; }



li#company a, li#products a, li#sword a {
display: block;
height: 30px; 
color: #fff;  
text-indent: -9999px; }

li#company a:hover { background: #000 url(../image/nav_company.gif) no-repeat bottom left; }
li#products a:hover { background: #000 url(../image/nav_services.gif) no-repeat bottom left; }
li#sword a:hover { background: #000 url(../image/nav_sword.gif) no-repeat bottom left; }

.company li#company { height: 40px; background: #000 url(../image/pg_company_top.gif) no-repeat bottom left; }
.company li#company a:hover { height: 40px; background: #000 url(../image/pg_company_top.gif) no-repeat bottom left; }

.products li#products { height: 40px; background: #000 url(../image/pg_services_top.gif) no-repeat bottom left; }
.products li#products a:hover { height: 40px; background: #000 url(../image/pg_services_top.gif) no-repeat bottom left; }

.sword li#sword { height: 40px; background: #000 url(../image/pg_sword_top.gif) no-repeat bottom left; }
.sword li#sword a:hover { height: 40px; background: #000 url(../image/pg_sword_top.gif) no-repeat bottom left; }
/* =Navigation - Secondary
------------------------------------------------------------------*/

ul#nav_secondary {
position: absolute;
top: -62px;
left: 474px;
width: 385px;
height: 29px; 
font-size: 1em; 
background-color: #ccc; }

ul#nav_secondary li { display : inline; }
ul#nav_secondary li a { color: #ccc; }
ul#nav_secondary li a:hover { color: #fff; }

li#contact, li#careers, li#news, li#events, li#blog, li#login, li#contact-active, li#careers-active, li#news-active, li#events-active, li#blog-active, li#login-active {
position: absolute; 
display: block;
height: 29px; 
text-indent: -9999px; }

li#contact a, li#careers a, li#news a, li#events a, li#blog a, li#login a, li#contact-active a, li#careers-active a, li#news-active a, li#events-active a, li#blog-active a, li#login-active a {
display: block;
height: 29px; 
color: #fff;  
text-indent: -9999px; }

li#contact { width: 73px; left: 0; background: #000 url(../image/nav2_contact.gif) no-repeat bottom left; }
li#contact a:hover { background: #000 url(../image/nav2_contact.gif) no-repeat top left; }
li#contact-active { width: 73px; left: 0; background: #000 url(../image/nav2_contact.gif) no-repeat top left; }

li#careers { width: 78px; left: 73px; background: #000 url(../image/nav2_careers.gif) no-repeat bottom left; }
li#careers a:hover { background: #000 url(../image/nav2_careers.gif) no-repeat top left; }
li#careers-active{ width: 78px; left: 73px; background: #000 url(../image/nav2_careers.gif) no-repeat top left; }

li#news { width: 55px; left: 151px; background: #000 url(../image/nav2_news.gif) no-repeat bottom left; }
li#news a:hover { background: #000 url(../image/nav2_news.gif) no-repeat top left; }
li#news-active { width: 55px; left: 151px; background: #000 url(../image/nav2_news.gif) no-repeat top left; }

li#events { width: 69px; left: 206px; background: #000 url(../image/nav2_events.gif) no-repeat bottom left; }
li#events a:hover { background: #000 url(../image/nav2_events.gif) no-repeat top left; }
li#events-active { width: 69px; left: 206px; background: #000 url(../image/nav2_events.gif) no-repeat top left; }

li#blog { width: 52px; left: 275px; background: #000 url(../image/nav2_blog.gif) no-repeat bottom left; }
li#blog a:hover { background: #000 url(../image/nav2_blog.gif) no-repeat top left; }
li#blog-active { width: 52px; left: 275px; background: #000 url(../image/nav2_blog.gif) no-repeat top left; }

li#login { width: 58px; left: 327px; background: #000 url(../image/nav2_login.gif) no-repeat bottom left; }
li#login a:hover { background: #000 url(../image/nav2_login.gif) no-repeat top left; }
li#login-active {  width: 58px; left: 327px; background: #000 url(../image/nav2_login.gif) no-repeat top left; }



/* Secondary_home */

ul#nav_secondary_home {
position: absolute;
top: -199px;
left: 474px;
width: 385px;
height: 29px; 
font-size: 1em; 
background-color: #ccc; }

ul#nav_secondary_home li { display : inline; }
ul#nav_secondary_home li a { color: #ccc; }
ul#nav_secondary_home li a:hover { color: #fff; }


/* =Navigation - Third
------------------------------------------------------------------*/

ul#nav {
position: absolute;
top: 40px;
left: 0;
width: 868px;
height: 30px; 
font-size: 1.1em; 
}

ul#nav li {
	display : inline;
	position: relative;
	top: 8px;
	margin: 0px 0px 0px 19px;
}

ul#nav li a { 
height: 30px; 
color: #fff;
}
ul#nav li a:hover { color: #e16000; }

.company ul#nav {
background: #8a181c url(../image/navbar_company.gif) no-repeat top left; 
}
.company ul#nav li a:hover { color: #e16000; } .company a#active { color: #e16000; }

.products ul#nav {
background: #599172 url(../image/navbar_products.gif) no-repeat top left; 
}
.products ul#nav li a:hover { color: #1d5034; } .products a#active { color: #1d5034; }

.sword ul#nav {
background: #6e7db6 url(../image/navbar_sword.gif) no-repeat top left; 
}
.sword ul#nav li a:hover { color: #2c3a62; } .sword a#active { color: #2c3a62; }

.contact ul#nav {
background: #d2d2d2 url(../image/navbar_contact.gif) no-repeat top left; 
}
.contact ul#nav li a:hover { color: #666666; } .contact a#active { color: #666666; }

.careers ul#nav {
	background: #d2d2d2 url(../image/navbar_contact.gif) no-repeat top left;
}
.careers ul#nav li a:hover { color: #666666; } .careers a#active { color: #666666; }

.news ul#nav {
background: #d2d2d2 url(../image/navbar_contact.gif) no-repeat top left; 
}
.news ul#nav li a:hover { color: #666666; } .news a#active { color: #666666; }



div.worldmapdiv {
	display: block;
	font: Verdana, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	font-weight: bold; 
	color:#fff; 
	margin-left: 180px;
	text-decoration: none;
	width: 668px;
	height: 478px;
	background-image: url(../image/worldmap2.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

div.map-canada a{ position: absolute; left: 328px; top: 328px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1;}
div.map-canada a:hover{ width: 140px; height: 16px; z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-usa a{ position: absolute; left: 344px; top: 364px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-usa a:hover{ width: 130px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-mexico a{ position: absolute; left: 351px; top: 414px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-mexico a:hover{ width: 135px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-cayman a{ position: absolute; left: 387px; top: 408px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-cayman a:hover{ width: 185px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-brazil a{ position: absolute; left: 430px; top: 471px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-brazil a:hover{ width: 140px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-argentina a{ position: absolute; left: 405px; top: 505px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-argentina a:hover{ width: 148px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-europe a{ position: absolute; left: 520px; top: 344px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-europe a:hover{ width: 143px; height: 200px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-uae a{ position: absolute; left: 594px; top: 400px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-uae a:hover{ width: 115px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-israel a{ position: absolute; left: 571px; top: 382px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-israel a:hover{ width: 140px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-india a{ position: absolute; left: 643px; top: 413px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-india a:hover{ width: 135px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-southafrica a{ position: absolute; left: 550px; top: 513px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-southafrica a:hover{ width: 172px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-singapore a{ position: absolute; left: 681px; top: 451px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-singapore a:hover{ width: 155px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-australia a{ position: absolute; left: 733px; top: 499px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-australia a:hover{ width: 165px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-indonesia a{ position: absolute; left: 714px; top: 468px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-indonesia a:hover{ width: 155px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-southkorea a{ position: absolute; left: 717px; top: 371px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; }
div.map-southkorea a:hover{ width: 163px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-japan a{ position: absolute; left: 742px; top: 377px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-japan a:hover{ width: 135px; height: 16px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }

div.map-china a{ position: absolute; left: 670px; top: 375px; background-image: url(../image/map-icon.png); background-repeat: no-repeat;
width: 16px; height: 16px; background-position: left top; text-indent: -9999px; color:#fff; overflow: hidden; z-index: 1; }
div.map-china a:hover{ width: 140px; height: 34px;  z-index: 2;
white-space: nowrap; background-color:#63a25d; text-indent: 19px; overflow: visible; color:#fff; text-decoration: none; }



/* =For images entered into content through Easyedit
------------------------------------------------------------------*/
.picture-top {
	display: block;
	margin: 5px 0px 2px 0px;
}
.picture-left {
	margin: 5px 11px 16px 0px;
	float: left;
	position: relative;
}
.picture-right {
	margin: 5px 0px 16px 20px;
	float: right;
	position: relative;
}
.picture-bottom {
	display: block;
	margin: 4px 0px 13px 0px;
}


.logintable {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 24px 4px;
}
.logintext {
	font-size: 1.2em;
	color: #333333;
	padding: 5px 4px 10px 0px;
}
.loginfields {
	font-size: 1.2em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
	padding: 1px;
}


.hidden {
	position: absolute;
	visibility: hidden;
	left: -500px;
	top: 0px;
}


/* =Site information
------------------------------------------------------------------*/

div#nav_copyright { float: left; margin-top: 5px; }

div#nav_footer { float: right; margin-top: 5px; }

div#site_info { 
clear: both;
margin-top: 8px;
padding-bottom: 8px;
color: #999;
text-transform: uppercase;
border-top: 1px dotted #000;
border-bottom: 16px solid #fff; }

div#site_info a { color: #999; }
div#site_info a:hover { color: #000; }