/*==================================================
	M A I N   S T Y L E S
	
	* Last Updated	: YYYY/MM/DD
	* Author 		: Name <mail>
	* Color Key     :
	   * Deep Blue     : #000066 (example) 
	   * Apple Green   : #85b885
==================================================*/
@import 'lib/reset.css';
@import 'lib/utilities.css'; 
@import 'lib/forms.css';

/* 
@import 'lib/forms.css';
*/

/*==================================================
	L A Y O U T 
	Basic page layout
==================================================*/
html { overflow-y: scroll; }
body { background: #fff url(/images/top-bg.gif) 0 102px repeat-x; font: 62.5%/160% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; text-align: center; color: #666; border-top: 9px solid #00aeef; }
	#page { text-align: left; width: 800px; margin: 0 auto; }
		#header { padding: 23px 0; }
		#contents { margin-bottom: 40px;}
		  #sidebar { width: 230px; float: left; }
		  #main-content { width: 550px; float: right; }
		#footer { clear: both; background: transparent url(/images/footer-bg.gif) center top no-repeat; padding: 10px 0 60px 0; text-align: left; }
		  #footer p { font-size: 1em; }


/*==================================================
	C O M M O N  E L E M E N T S 
	Main HTML elements 
==================================================*/
h1 {}
h2 {}
h3 {}
li, p, td, th, dd, dt, label, legend { font-size: 1.4em; }
p { line-height: 1.6; }
a { text-decoration: none; color: #00aeef; }
#main-content a:visited { }
#main-content a:hover { border-bottom: 1px solid #00aeef; }
#main-contenta:active { }

img.first { margin-top: 0 !important;}
p.special { color: #333; font-weight: bold; font-style: italic; }
/* #contents p.special:first-line { text-transform: uppercase; font-size: 12px; font-weight: bold; } */
span.highlight { background: #efd781; }

#top-link a { display: block; display: none; z-index: 999; opacity: .8; position: fixed; top: 100%; margin: -80px 20px 0 0; right: 0;    
              -moz-border-radius: 5px; -webkit-border-radius: 5px;
              width: 100px; line-height: 18px; height: 18px; padding: 10px; background-color: #00aeef; font-size: 14px; text-align: center; color: #fff;
}

::selection { background: #00aeef; color: #fff; }
::-moz-selection { background: #00aeef; color: #fff;}

/*==================================================
	C O M M O N  S T Y L E S
 	Project specific common design elements   
 ==================================================*/
#header { position: relative; }
#header h1 a { display: block; width: 206px; height: 47px; background: transparent url(/images/logo.gif) left top no-repeat; text-indent: -9999em; }
#header #main-nav-wrap { position: absolute; right: 0; top: 35px; }
#header ul#main-menu { position: relative; height: 21px; width: 520px; margin: 0; overflow: hidden; }
#header ul#main-menu li { float: left; list-style: none; margin: 0; padding: 0; }
#header ul#main-menu li.back { background: url("/images/nav-lava.gif") no-repeat right -21px; width: 9px; height: 21px; z-index: 8; position: absolute; }
#header ul#main-menu li.back .left {
  background: url("/images/nav-lava.gif") no-repeat top left; height: 31px; margin-right: 3px; /* 7px is the width of the rounded shape */
  float: none; }
#header ul#main-menu li a { top: 3px; z-index: 10; display: block; float: left; height: 21px; position: relative; overflow: hidden; margin: 0 10px;    
                            color: #111; font-weight: bold; font-size: 12px; padding: 0 2px; -moz-border-radius: 3px; }
#header ul#main-menu li a:hover, #header ul#main-menu li a:active, #header ul#main-menu li a:visited { border: none; }
#header ul#main-menu li.current{ }
/* 
#header ul#main-menu { text-align: right; position: absolute; right: 0; top: 35px; }
#header ul#main-menu li { display: inline; margin-left: 10px; }
#header ul#main-menu a { color: #424242; font-weight: bold; font-size: 12px; padding: 2px 8px; -moz-border-radius: 3px; }
#header ul#main-menu a:hover { background: #3d107b; color: #fff; border-bottom: 1px solid #3d107b; }
*/

#header a.client-login { display: block; height: 25px; width: 85px; background: transparent url(/images/header-client-login.gif) left top no-repeat;
                         position: absolute; top: -10px; right: 0; text-indent: -9999em; }
#header a.client-login:hover { background: transparent url(/images/header-client-login.gif) left bottom no-repeat;}

#banner { height: 275px; margin-bottom: 40px; background: #121212 url(/images/inner-title-bg.gif) right top no-repeat;}

#contents h1 { font-size: 24px; letter-spacing: .07em; line-height: 1; padding: 75px 0px 0 0px;
							 color: #efba00; margin-bottom: 25px; text-align: right; }
#contents h2 { font-size: 1.6em; line-height: 1.2em; margin: 1em 0 .6em 0; color: #202020; font-family: Arial; text-transform: uppercase; letter-spacing: .1em;
							 border-bottom: 1px solid #ebebeb; padding-bottom: .4em; }

#contents h3 { font-size: 1.4em; line-height: 1.2em; margin: 1em 0 .6em 0; color: #202020; font-family: Arial; text-transform: uppercase; letter-spacing: .1em;
							 border-bottom: 1px solid #ebebeb; padding-bottom: .4em; padding-left: 2em; }
#banner p.note { font-size: 18px; line-height: 24px; text-align: right; color: #ccc; }

#contents h2.first { margin-top: 0; }							 
#contents p { margin-bottom: .8em; text-align: justify; }
#main-content img {border: 6px solid #e7e7e7; }

#main-content ul li { margin-bottom: 10px; background: transparent url(/images/bullet.gif) left 5px no-repeat; padding-left: 15px;}

body.knowledge #sidebar ul { padding-bottom: 65px;}
#sidebar a { display: block; line-height: 12px; text-decoration: none; background: #cacaca; color: #424242; padding: 15px 1em; margin: 0 17px 1px 0; }
#sidebar a:hover { background: #424242; color: #fff; }
#sidebar .current, #sidebar li:hover { background: transparent url(/images/section-nav-current-r.gif) right center no-repeat; }
#sidebar .current a, #sidebar li:hover a { color: #00aeef; background: #f3f3f3 url(/images/section-nav-current.gif) left center repeat-x; }
#sidebar li ul { position: absolute; }
#sidebar li li { margin-bottom: 0;}
#sidebar li li a { margin: 0; padding: 10px 0; line-height: 12px; font-size: 14px; display: block; width: 213px; text-indent: 30px;}
#sidebar li:hover li{ background: none; }



/* top page */
body.home.top { background: #fff url(/images/top-bg.gif) 0 102px repeat-x; }
body.home.top #contents { margin-bottom: 1px; } 
body.home.top #main-content { padding-top: 40px; float: none; width: auto; }
body.home.top #banner { background: #000 url(/images/top-banner.png) center top; height: 275px;  }
body.home.top #slides-wrap { position: relative; background: #000 url(/images/top-slides-bg.gif) center top; height: 283px; width: 319px; float: right; margin-left: 20px; }
body.home.top #slides {position: absolute; top: 30px; left: 42px; }
body.home.top #slides img { width: 238px; height: 221px; }


/* networks*/
body.networks { background: #fff url(/images/networks-bg.gif) 0 102px repeat-x; }
body.networks #contents { margin-bottom: 1px; } 
body.networks #banner { height: 380px; margin-bottom: 40px;	}
body.networks  #contents h1 { display: none; }
body.networks #contents .location { border-bottom: 1px solid #ebebeb; padding-bottom: 10px; }
body.networks #contents .location p { margin-bottom: 0; line-height: 1.2em; }
body.networks #contents .location h2 { border: none; margin-bottom: 0; }
body.networks #contents .location img { margin-top: 0; }
body.networks #contents .location p.service { margin-bottom: 0; color: #999; }
body.networks #contents .location p.client { color: #999; }
body.networks #contents .location p.special { margin-bottom: 10px; font-style: normal; }

body.networks #networks-map-container { }
body.networks #networks-map { position: relative;  }

body.contact ul.mail { margin-top: 40px; }
body.contact #sidebar { padding-top:  78px; }