/*
	Galleon Holdings plc stylesheet
	
    AUTHOR: Alexis Sun
            alexis@lavishcreative.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
body { font: 90% Verdana, sans-serif; color:#363636;}
a { outline: none; text-decoration:none; color:#3e80d1; }
a:hover{ text-decoration:underline;}
a img { border: none; }
h1, h2, h3, h4, h5, h6, p, img, a, ul, li{ margin:0; padding:0;}
ul { list-style: none ; font-size:12px; }
li{padding:3px 0;}
h2{ font-size:22px;  font-weight:normal;line-height:30px;}
h3{font-size:20px; font-weight:normal; line-height:28px; margin-bottom:10px; }
h4{font-size:18px; font-weight:normal; line-height:28px;}
h5{font-size:16px; font-weight:normal; line-height:24px;}
h5{font-size:14px; font-weight:normal; line-height:22px;}
p { font-size:12px; margin-bottom:8px; line-height:18px;}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; display:block; }
.floatright { float: right;  display:block;}
.clear { clear: both; }
.transpBlack {
	background-image:url(../images/transpBlack.png);
	width:100px;
	height:100px;
	background-repeat: repeat;
}
.purple{ color:#544cb0;}
.grey{color: #343b45;}
.lightblue{color:#3e80d1;}
.darkblue{color: #120879; }
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

body{ margin: 0 auto; padding: 0;}
#page_wrap {
	width: 100%;
	margin: 0 auto;
	text-align:left;
	background-color: #FFFFFF;
}


/* ---------------------------------------- */
/* -------------- HEADER --------------- */
/* ---------------------------------------- */
#headerbg{margin:0 auto; background: #bfd1ef url(images/header_bg.jpg) no-repeat center; width: 100%; height: 147px;}
#header{margin:0 auto; background:none; width: 980px; height: 147px;}
#logo{ display: block; position: absolute; margin: 35px 0 0 70px; text-indent:-2000px; background: url(images/logo.gif) no-repeat; width: 164px; height: 106px;}
#shares{ display: block; float: right; margin-right: 70px; background: url(images/shareprice_bg.gif) no-repeat; width: 170px; height: 51px; padding:5px 0 10px 20px;}
#shares .price{font-size:15px;}
#shares small{font-size:9px;}

/* -------------- navigation  --------------- */
#navigation{ height:28px; width:601px; float:right; margin-right: 70px; margin-top: 116px; clear:right; }
#navigation li{float:left; height:28px;  }
#navigation li a{height:28px; color:#FFFFFF;  text-indent:-2000px; background:url(images/menu_sprite.png) no-repeat; display:block;margin-right:3px;}
#navigation li a#index_btn{ width:56px;}
#navigation li a#index_btn:hover{ background-position:0 -28px;}
#navigation li a#index_btn.current{ background-position:0 -56px;}
#navigation li a#about_btn{background-position:-60px 0;width:56px;}
#navigation li a#about_btn:hover{background-position:-60px -28px;}
#navigation li a#about_btn.current{background-position:-60px -56px;}
#navigation li a#operations_btn{background-position:-120px 0;width:89px;}
#navigation li a#operations_btn:hover{background-position:-120px -28px;}
#navigation li a#operations_btn.current{background-position:-120px -56px;}
#navigation li a#china_btn{background-position:-213px 0;width:111px;}
#navigation li a#china_btn:hover{background-position:-213px -28px;}
#navigation li a#china_btn.current{background-position:-213px -56px;}
#navigation li a#investors_btn{background-position:-328px 0;width:137px;}
#navigation li a#investors_btn:hover{background-position:-328px -28px; }
#navigation li a#investors_btn.current{background-position:-328px -56px; }
#navigation li a#news_btn{background-position:-469px 0;width:58px;}
#navigation li a#news_btn:hover{background-position:-469px -28px;}
#navigation li a#news_btn.current{background-position:-469px -56px;}
#navigation li a#contact_btn{background-position:-530px 0px; width:71px;}
#navigation li a#contact_btn:hover{background-position:-530px -28px;}
#navigation li a#contact_btn.current{background-position:-530px -56px;}

/* ---------------------------------------- */
/* -------------- CONTENT ------------- */
/* ---------------------------------------- */

#contentbg{margin:0 auto; padding-top:20px; background: #FFFFFF url(images/body_bggrad.jpg) repeat-x; width: 100%; color:#363636;}

/* -------------- home  --------------- */
.main_content{margin:0 auto; background: none; width:980px; }
#home{}
.plaque{width: 767px; height: 241px; margin:0 0 0 110px; }
#intro{ float: left; width: 260px; height: 120px; margin: 20px 0 0 180px; display:inline;}
#intro h4{color:#3e80d1; margin-bottom:10px;}
#news{float: right; margin: 20px 120px 0 0; background: url(images/latestnews_bg.gif) no-repeat; width: 297px; height: 160px; padding:8px 20px; display:inline; overflow:hidden;}
#news h5{margin-bottom:8px;}
#news p.date{float:left; width:80px; margin-right:10px; clear:both; font-size:11px;}
#news p{margin-bottom:10px;}


/* -------------- about  --------------- */
#about{}
#about .right_main h5{margin-top:20px;}

/* -------------- news  --------------- */
.date{float:left; margin-right:30px; color:#120879; width:90px;}
.news_item small{display:block; float:right; width:100px; font-size:11px;}

#sidebar{float: left; background: url(images/sidebar_bg.png) no-repeat; width: 173px; min-height: 211px; margin-left:50px; padding:10px 0 10px 15px; display:inline; overflow:hidden;}
#sidebar ul{margin:10px 0;}
#sidebar li{padding:3px 0;}
#sidebar li a.current{color:#120879;}

/* -------------- news  --------------- */
#galleon_map{float:right; margin-top:20px; margin-right:50px; width:400px; height:400px; border:5px solid #fff; overflow:hidden;}
#contact h5{margin-top:15px; font-weight:bold; margin-bottom:5px;}

.galleonent_bg{background:url(images/galleonent.jpg) no-repeat top right;}
.croco_bg{background:url(images/croco_bg.jpg) no-repeat top right;}

.right_main{float:left; width:600px; margin-left:70px; overflow:hidden; display:inline;}
.right_side{float:left; width:400px; margin-left:50px; overflow:hidden; display:inline;}

/* -------------- TERMS  --------------- */
#terms .right_main{ width:800px;}

/* ---------------------------------------- */
/* -------------- FOOTER - ------------- */
/* ---------------------------------------- */
#footer{background: url(images/divider.gif) no-repeat; width: 814px; height: 10px; margin:20px auto; text-align: center; clear:both;}
#footer p{padding-top: 10px; color: #343b45; font-size: 9px; line-height: 16px;}