@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/* CSS Document */
.clearfix:after, .clearfix:before { content: " "; display: table}
.clearfix:after { clear: both }
.clearfix{ *zoom: 1 }
p { margin: 16px 0; }
img { border: 0; }
.clear-0 { clear: both; }

body { font: 16px/24px 'Roboto', sans-serif; color: #000;  margin: 0; min-width: 1100px; padding: 0; }
#main-content { width: 1100px; height: 100%; margin: 0 auto; position: relative; }
#logo { position: fixed; top: 98px; margin-left: 944px; z-index: 500;  }
#nav { background:url(../img/right-menu-bg.png) no-repeat; list-style: none; position: fixed; margin-left: 1000px; top: 173px; width: 92px; height: 428px; padding: 0; z-index: 500; }
#nav li { margin: 30px 0 15px 9px;	}
#nav li a { width: 61px; height: 72px; display: block; }
#nav li.home { padding: 0 0 0 5px; }
#nav li.home a { background:url(../img/menu-home.png) no-repeat; width: 46px; height: 63px;  }
#nav li.home a:hover, #nav li.home a.active { background:url(../img/menu-home-hover.png) no-repeat; }
#nav li.who-we-are a { background:url(../img/menu-who-we-are.png) no-repeat; }
#nav li.who-we-are a:hover, #nav li.who-we-are a.active { background:url(../img/menu-who-we-are-hover.png) no-repeat; }
#nav li.what-we-do a { background:url(../img/menu-what-we-do.png) no-repeat; }
#nav li.what-we-do a:hover, #nav li.what-we-do a.active { background:url(../img/menu-what-we-do-hover.png) no-repeat; }
#nav li.connect-with-us a { background:url(../img/menu-connect-us.png) no-repeat; }
#nav li.connect-with-us a:hover, #nav li.connect-with-us a.active { background:url(../img/menu-connect-us-hover.png) no-repeat; }

#home, #who-we-are, #what-we-do { width: 100%; }
#home { background:url(../img/firstBG.jpg) 50% 0 no-repeat fixed;  height: 1080px; margin: 0 auto; overflow: hidden; padding: 0; }
#home-wrap .blue-box { background: url(../img/boxes.png) 50% 150px no-repeat fixed; height: 100%; margin: 0 auto;	padding: 0;	position: absolute; width: 930px; z-index: 200; }
#who-we-are { background: url(../img/secondBG.jpg) 50% 0 no-repeat fixed; height: 1080px; margin: 0 auto; overflow: hidden; padding: 0; }
#who-we-are .bg { background: url(../img/left-yellow-blue.png) left 0 no-repeat fixed; height: 100%; margin: 0 auto;	padding: 0;	position: absolute; width: 100%; z-index: 200; }
#what-we-do { background: url(../img/thirdBG.jpg) 50% 0 no-repeat fixed; height: 1080px; margin: 0 auto; overflow: hidden; padding: 0; } 
#what-we-do .bg2 { background: url(../img/left-yellow-blue.png) left 0 no-repeat fixed; height: 100%; margin: 0 auto;	padding: 0;	position: absolute; width: 100%; z-index: 200; }
#connect-with-us { background: url(../img/fourBG.jpg) 50% 0 no-repeat fixed; height: 1080px; width: 100%; padding: 0 0 0 0;	 }
#connect-with-us .bg3 { background: url(../img/left-yellow-blue.png) left 0 no-repeat fixed; height: 100%; margin: 0 auto;	padding: 0;	position: absolute; width: 100%; z-index: 200; }

.home-wrap { margin: 0 auto; min-width: 1100px; overflow: auto; width: 1000px; }
.box-text-wrap { margin: 334px 0 0 442px;  }
.box-wrap { width: 368px; }
h1#logo-box { margin: 0 0 21px 0; }
.box-wrap p { font-size: 22px; color: #fff; text-align: left; padding-left: 62px; width: 304px; font-weight: 300; line-height: 25px;  }

.who-we-are-wrap { margin: 0 auto; min-width: 614px; overflow: auto; width: 614px; }
.who-we-are-wrap h1 { font-weight: 900; font-size: 80px; margin-top: 175px; }
.who-we-are-wrap h1 span { font-weight: 200; font-size: 80px; }
.who-we-are-wrap h2 span { font-weight: 400; font-size: 26px; background-color: #ffc600; line-height: 35px; display: inline; padding: 0 2px; }
.who-we-are-wrap p { font-size: 15px; }

.what-we-do-wrap { width: 642px; margin: 159px auto 0; padding: 0 177px 0 281px; }
.what-we-do-menu { margin: 0; padding: 0; }
.what-we-do-menu li {width: 198px; height: 307px; list-style: none; float: left; padding-right: 24px; display: block; cursor: pointer; }
.what-we-do-menu li a { width: 198px; height: 307px; display: block; } 
.what-we-do-menu li.last { padding-right: 0; }
.what-we-do-menu li a.num-1 { background:url(../img/what-we-do-ipo.png) no-repeat; }
.what-we-do-menu li a:hover.num-1 { background:url(../img/what-we-do-ipo-hover.png) no-repeat; }
.what-we-do-menu li a.num-2 { background:url(../img/what-we-do-marketing.png) no-repeat; }
.what-we-do-menu li a:hover.num-2 { background:url(../img/what-we-do-marketing-hover.png) no-repeat; }
.what-we-do-menu li a.num-3 { background:url(../img/what-we-do-ir.png) no-repeat; }
.what-we-do-menu li a:hover.num-3 { background:url(../img/what-we-do-ir-hover.png) no-repeat; }

#microsite-menu { z-index: 600; position: relative; overflow: hidden; min-height: 700px; }
#microsite-menu h2 { font-weight: 400; font-size: 26px; color: #002060; padding: 42px 0 0 15px; }
#microsite-menu h2 span { font-weight: 200; font-size: 20px; }
#microsite-menu h2.title { padding: 0 0 0 15px; }
#microsite-menu p { padding: 0 15px 0 15px; font-size: 14px;  }
#microsite-menu .microsite-content { display: none; font-size:12px; width: 100%; padding: 0;  position: absolute; top: 0; left: 0; height: 395px; background:url(../img/bg.jpg) repeat-y; text-align: justify; }
.microsite-content { float: left; position: relative; left: 0; top: 10px; }
.close { background: #ffc600; padding: 0; color:#fff; float: right;  position: absolute; right: 0; top: 0; cursor: pointer; z-index: 5; width: 24px; height: 24px; text-align: center; font-size: 18px; }
.close:hover { background: #000; }

.connect-with-us-wrap {	margin: 0 auto; min-width: 614px; overflow: hidden; width: 614px; z-index: 5000; position: relative; }
.connect-with-us-wrap h1 { margin: 179px 0 0 0; line-height: 75px; }
.contact { margin: 77px 0 0 0; padding: 0; }
.contact li { list-style: none; float: left; }
.contact li.last { padding-left: 50px; }
.contact-left { width: 280px; }
.contact-left img { float: left; padding-right: 18px; }
.text-contact { padding-top: 8px; }
.text-email { padding-top: 30px; }
.text-email a { color: #0b3994; text-decoration: none; }
.text-email a:hover { color: #ffc600; }

h1 { font-weight: 900; font-size: 80px; }
h1 span { font-weight: 200; font-size: 80px; }


@media only screen and (max-width: 768px){

#home { height: 1080px; background:url(../img/firstBG.jpg) no-repeat top center; width: 100%; }
#who-we-are { height: 1080px; background:url(../img/secondBG.jpg) no-repeat top center; width: 100%; }
#what-we-do { height: 1080px; background:url(../img/thirdBG.jpg) no-repeat top center; width: 100%; }
#connect-with-us { height: 1080px; background:url(../img/fourBG.jpg) no-repeat top center; width: 100%; }



}