/* FONTS ------------------------------------------------------------------ */
@font-face {
	font-family: 'CharlotteBookPlain';
	src: url('CharlotteBookPlain.eot');
	src: local('Charlotte Book Plain'),
		url('CharlotteBookPlain.woff') format('woff'),
		url('CharlotteBookPlain.otf') format('opentype'),
		url('CharlotteBookPlain.svg#CharlotteBookPlain') format('svg');
}

@font-face {
	font-family: 'CharlotteSmallCapsPlain';
	src: url('CharlotteSmallCapsPlain.eot');
	src: local('Charlotte Small Caps Plain'),
		url('CharlotteSmallCapsPlain.woff') format('woff'), 
		url('CharlotteSmallCapsPlain.otf') format('opentype'), 
		url('CharlotteSmallCapsPlain.svg#CharlotteSmallCapsPlain') format('svg');
}

/* HTML TAGS -------------------------------------------------------------- */
.blog-body{
	margin-top: 10px;
}
.blog-body h3{
margin-bottom: 3px;
}
body {
	background: #F6F6F9 url('../images/head_bg_tile.png') left top repeat-x;
	color: #838388;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height: 1.4em;
	min-width: 940px;
}

a {
	color: #0084D4;
	text-decoration: none;
}

a:hover {
	color: #004691;
}

form p {
	position: relative;
}

h2, h2 a {
	color: #403D39;
	font: normal normal normal 24px "CharlotteSmallCapsPlain", Georgia, serif;
	line-height: .8em;
	margin-bottom: 5px;
}

h3 {
	color: #403D39;
	font: normal normal normal 15px "CharlotteBookPlain", Georgia, serif;
}

h4 {
	color: #8B8A88;
	font: normal normal normal 13px "CharlotteSmallCapsPlain", Georgia, serif;
}

input[type="text"],
input[type="password"],
textarea {
	background-color: #FFF;
	border: 1px solid #CCDAE9;
	color: #666460;
	font: normal normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	height: 18px;
	line-height: 18px;
	padding: 2px;
}

textarea {
	height: auto;
}

input[type="submit"] {
	background: url('../images/submit.gif') left center no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 24px;
	line-height: 0;
	outline: 0;
	text-indent: -9999px;
	width: 28px;
}

input[type="submit"]:hover {
	background-position: right center;
}

label {
	color: #B3B1AF;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	height: 18px;
	left: 0;
	line-height: 18px;
	margin: 1px 0 0 1px;
	padding: 2px 3px ;
	position: absolute;
	top: 0;
}

p {
	margin-bottom: 10px;
}

p span.date {
	color: #403D39;
	font-family: "CharlotteBookPlain", Georgia, serif;
}


/* COMMON LIBRARY --------------------------------------------------------- */
.clear {
	clear: both;
}

.hide {
	visibility: hidden;
}

.hr {
	background: url('../images/hr.gif') repeat-x;
	display: block;
	height: 1px;
}

.img-gallery img {
	float: left;
	margin: 0 3px 3px 0;
}

.img-left {
	float: left;
	margin: 0 10px 10px 0;
}

.img-right {
	float: right;
	margin: 0 0 10px 10px;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.row {
	margin: 0 auto;
}


/* COLUMNS ---------------------------------------------------------------- */

.col-bg {
	position: absolute;
	width: 50%;
}

.col-content {
	margin: 0 auto;
	width: 940px;
}

.col-icon {
	background-position: 0 50px;
	background-repeat: no-repeat;
	min-height: 125px;
}

.col-head {
	margin-bottom: 10px;
}

.col-margin {
	margin-right: 50px;
}

.col-rule-margin {
	margin-top: 53px;
}

.col-mini,
.col-short,
.col-wide {
	float: left;
	padding-bottom: 30px;
	position: relative;
}

.col-mini {
	width: 170px;
}

.col-short {
	width: 280px;
}

.col-wide {
	width: 610px;
}

.rule-bg-left {
	background: url('../images/rule_bg_left.png') repeat-x;
	height: 150px;
	margin-right: 469px;
}

.rule-bg-mid {
	position: absolute;
	background: url('../images/rule_bg.png') center top no-repeat;
	height: 150px;
	left: 0;
	width: 100%;
}

.rule-bg-right {
	background: url('../images/rule_bg_right.png') left top repeat-x;
	height: 150px;
	margin-left: 469px;
}


/* TAB NAVIGATION --------------------------------------------------------- */
.tabs {
	border-bottom: 2px solid #B8D600;
	float: right;
	height: 25px;
	margin: 20px 0 10px 0;
	width: 100%;
}
.tabs li {
	float: left;
	margin-right: -50px;
	overflow: hidden;
	position: relative;
}

.tabs li a {
	background: url('../images/tab_bg.png') left -50px no-repeat;
	color: #FFF;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 29px;
	padding-left: 20px;
	width: 200px;
}
.tabs li a:hover {
	background-position: left -25px;
	line-height: 25px;
}

.tabs li.active a, .tabs li.active a:hover  {
	background-position: left top;
	line-height: 25px;
}

.tab-content {
	position: relative;
}


/* HEADER ----------------------------------------------------------------- */
#Wrapper {
	background: url('../images/head_bg.png') center top no-repeat;
	height: 100%;
	min-width: 940px;
	position: absolute;
	top: 0;
	width: 100%;
}

#Header {
	height: 110px;
	margin: 0 auto;
	width: 940px;
}

#Logo {
	background: url('../images/head_logo.png') no-repeat;
	display: block;
	height: 85px;
	position: absolute;
	text-indent: -9999px;
	top: 15px;
	width: 355px;
	z-index: 10;
}

#HeadIcon {
	height:120px;
	margin: 0 auto 20px auto;
	width: 940px;
	z-index: 5;
}

#HeadIcon.cta {
	background: url('../images/icon_head_about.png') left bottom no-repeat;
}

#HeadIcon.contact {
	background: url('../images/icon_head_contact.png') left bottom no-repeat;
}

#HeadIcon.error {
	background: url('../images/icon_head_error.png') left bottom no-repeat;
}

#HeadIcon.gcc {
	background: url('../images/icon_head_gcc.png') left bottom no-repeat;
}

#HeadIcon.investor {
	background: url('../images/icon_head_investor.png') left bottom no-repeat;
}

#HeadIcon.our-story {
	background: url('../images/icon_head_our_story.png') left bottom no-repeat;
}

#HeadIcon.opportunities {
	background: url('../images/icon_head_opportunities.png') left bottom no-repeat;
}

#HeadIcon.news {
	background: url('../images/icon_head_news.png') left bottom no-repeat;
}


/* NAVIGATION ------------------------------------------------------------- */
#Nav {
	background: url('../images/nav_bg.png') left top no-repeat;
	height: 120px;
	margin: 0 auto;
	width: 940px;
}

#Nav ul li {
	font-size: 0;
	line-height: 0;
	margin-left: 610px;
	position: relative;
}

#Nav a {
	display: block;
	height: 40px;
	margin-left: 50px;
	text-indent: -9999px;
	width: 280px;
}

#Nav .arrow {
	background: url('../images/arrow_white.gif') left center no-repeat;
	display: block;
	float: left;
	height: 40px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	width: 40px;
}

#NavBg {
	height: 120px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 110px;
	width: 100%;
	z-index: 20;
}

#NavBgLeft {
	background: url('../images/nav_bg_left.png') repeat-x;
	height: 120px;
	margin-right: 469px;
}

#NavBgRight {
	background: url('../images/nav_bg_right.png') left top repeat-x;
	height: 120px;
	margin-left: 469px;
}

a.about {
	background: url('../images/nav_btn_about.png') left top no-repeat;
}

a.gcc {
	background: url('../images/nav_btn_gcc.png') left top no-repeat;
}

a.contact {
	background: url('../images/nav_btn_contact.png') left top no-repeat;
}

/* BANNER ----------------------------------------------------------------- */
#BannerBg {
	background: url('../images/banner_bg.png') center top no-repeat;
	height: 80px;
	position: absolute;
	top: 391px;
	width: 100%;
	z-index: 30;
}

#BannerBgLeft {
	background: url('../images/banner_bg_left.png') repeat-x;
	height: 80px;
	margin-right: 469px;
}

#BannerBgRight {
	background: url('../images/banner_bg_right.png') repeat-x;
	height: 80px;
	margin-left: 469px;
}

#BannerSlides {
	display: block;
	height: 270px;
	margin: 24px auto 87px auto;
	overflow: hidden;
	width: 940px;
}

#SocialNavBg {
	margin: 0 auto;
	position: relative;
	top: 24px;
	width: 940px;
}

.social-nav {
	float: right;
	width: 170px;
}

.social-nav ul {
	float: right;
}

.social-nav h4 {
	float: left;
	height: 20px;
	line-height: 25px;
	width: 66px;
}

.social-nav li {
	line-height: 0;
	float: left;
	font-size: 0;
	margin-right: 5px;
}

.social-nav a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

.social-nav li.cap {
	margin-right: 0;
}

a.twitter {
	background: url('../images/social_icons.png') no-repeat 0px 0px;
}

a.twitter:hover {
	background-position: 0px -20px;
}

a.facebook {
	background: url('../images/social_icons.png') no-repeat -21px 0px;
}

a.facebook:hover {
	background-position: -21px -20px;
}

a.linkedin {
	background: url('../images/social_icons.png') no-repeat -42px 0px;
}

a.linkedin:hover {
	background-position: -42px -20px;
}

a.rss {
	background: url('../images/social_icons.png') no-repeat -63px 0px;
}

a.rss:hover {
	background-position: -63px -20px;
}


/* SITEMAP ---------------------------------------------------------------- */
#Sitemap {
	background-color: #F1F1F9;
	color: #8B8A88;
}

#Sitemap a {
	color: #B3B1AF;
}

#Sitemap strong a {
	color: #8B8A88;
}

#Sitemap a:hover {
	color: #004691;
}

#Sitemap .col-content {
	padding-top: 50px;
}

#Sitemap .col-content ul {
	float: left;
	margin-right: 25px;
}

#Sitemap .col-content ul li {
	font-size: 10px;
	padding: 2px 0;
}

#Sitemap .social-nav {
	float: left;
}

#SitemapBg {
	position: absolute;
	background: url('../images/sitemap_bg.png') center top no-repeat;
	height: 30px;
	left: 0;
	width: 100%;
}

#SitemapBgLeft {
	background: url('../images/sitemap_bg_left.png') repeat-x;
	height: 30px;
	margin-right: 469px;
}

#SitemapBgRight {
	background: url('../images/sitemap_bg_right.png') left top repeat-x;
	height: 30px;
	margin-left: 469px;
}


/* FOOTER ----------------------------------------------------------------- */
#Footer p {
	color: #F1F1F9;
	font-size: 10px;
/*	margin-top: 18px;*/
	margin-top: 32px;
	text-align: right;
}

#Footer p span {
	float: right;
}

#FooterBg {
	position: absolute;
	background: url('../images/foot_bg.png') center top no-repeat;
	height: 60px;
	left: 0;
	width: 100%;
}

#FooterBgLeft {
	background: url('../images/foot_bg_left.png') repeat-x;
	height: 60px;
	margin-right: 469px;
}

#FooterBgRight {
	background: url('../images/foot_bg_right.png') left top repeat-x;
	height: 60px;
	margin-left: 469px;
}


/* CONTENT ---------------------------------------------------------------- */
#Content {
	margin: 0 auto;
}

#Content .col-short ul {
	border-top: 1px solid #CCE6F7;
	margin-top: 20px;
}

#Content .col-short ul.no-pad,
#Content .col-wide ul.no-pad {
	border-top: 0;
	margin-top: 0;
}

#Content .col-short ul li,
#Content .col-wide ul.list-text li{
	border-bottom: 1px solid #CCE6F7;
}

#Content .col-short ul.list-news li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#Content .col-short ul.list-button li a {
	display: block;
	height: 60px;
	text-indent: -9999px;
}

#Content ul.list-text li p,
#Content ul.list-button li p {
	margin-bottom: 0;
}

#Content .col-short ul.list-text li a,
#Content .col-wide ul.list-text li {
	background: url('../images/arrow_green.gif') 262px center no-repeat;
	display: block;
	padding: 10px 20px 10px 2px;
	position: relative;
}

#Content .col-wide ul.list-text li {
	background: url('../images/arrow_green.gif') 592px center no-repeat;
	color: #838388;
}

#Content .col-wide ul.list-text li a {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 610px;
}

#Content .col-short ul li a:hover,
#Content .col-wide ul.list-text li:hover {
	background-color: #F1F1F9;
}

#Content ul.list-bullet,
#Content .col-wide ul 
{
	border: 0;
	list-style: disc outside url('../images/arrow_bullet.gif');
	margin: 10px 0 20px 25px;
}

#Content ul.list-bullet li,
#Content .col-wide ul li {
	border: 0;
	margin-bottom: 10px;
}

#Content .col-wide ul.list-text {
	border-top: 1px solid #CCE6F7;
	list-style: none;
	margin: 10px 0 0 0;
}
#Content .col-wide ul.list-text li {
	margin: 0;
}

#Content .col-mini h2,
#Content .col-mini h2 a,
#Content .col-short h2,
#Content .col-short h2 a {
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
}

#Content .col-icon p {
	padding-left: 70px;
}
#Content .col-icon a.learn-more,
#Content .col-icon a.read-more {
	margin-left: 70px;
}

#Content blockquote {
	background-color: #FFF;
	border: 1px solid #CCE6F7;
/*	color: #403D39;*/
	font: normal normal normal 14px "CharlotteBookPlain", Georgia, serif;
	padding: 20px;
	margin-bottom: 10px;
}

#SideBar {
	float: right;
	width: 280px;
}


/* FORMS ------------------------------------------------------------------ */
#Header form {
	float: right;
	width: 280px;
	margin: 62px auto 0 auto;
	z-index: 5;
}

#Header form p {
	float: left;
}

#Header form p input[type="text"],
#Header form p input[type="password"] {
	margin-right: 5px;
	width: 115px;
}

#ContactForm,
#SupportForm,
#Blog form {
	margin-top: 5px;
}

#ContactForm p input[type="text"],
#ContactForm p textarea,
#SupportForm p input[type="text"],
#SupportForm p textarea,
#Blog form p input[type="text"] {
	width: 276px;
}

#comment_form p textarea {
	width: 608px;
}

#ContactForm p input[type="submit"],
#SupportForm p input[type="submit"],
#Blog form p input[type="submit"] {
	background: url('../images/submit2.gif') left center no-repeat;
/*	float: right;*/
	width: 94px;
}

#ContactForm p input[type="submit"]:hover,
#SupportForm p input[type="submit"]:hover,
#Blog form p input[type="submit"]:hover {
	background-position: right center;
}

#Search p {
	float: left;
	padding-bottom: 10px;
}

#Search p input[type="text"] {
	margin-right: 5px;
	width: 241px;
}


/* BLOG ------------------------------------------------------------------- */
#Blog {
	margin-top: 20px;
}

#BlogComments {
	margin-top: 5px;
}

#BlogComments div,
.blog-details {
	border-bottom: 1px solid #CCE6F7;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#BlogComments div strong,
.blog-details {
	color: #403D39;
}


/* MODULE ICONS ----------------------------------------------------------- */
#Green.col-icon {
	background-image: url('../images/icon_green.png');
}

#GreenCorporateCenters.col-icon {
	background-image: url('../images/icon_gcc.png');
}

#OurStory.col-icon {
	background-image: url('../images/icon_our_story.png');
}

#Technologies.col-icon {
	background-image: url('../images/icon_technologies.png');
}


/* IMAGE BUTTONS ---------------------------------------------------------- */
a.back,
a.learn-more,
a.read-more,
a.posts-new,
a.posts-old {
	display: block;
	height: 11px;
	margin-top: 10px;
	text-indent: -9999px;
}

a.activism:hover,
a.back:hover,
a.economic-outlook:hover,
a.education:hover,
a.learn-more:hover,
a.naka:hover,
a.posts-new:hover,
a.posts-old:hover,
a.read-more:hover
{
	background-position: left bottom;
}

a.activism {
	background: url('../images/btn_activism.png') left top no-repeat;
}

a.jobs {
	background: url('../images/btn_jobs.png') left top no-repeat;
}

a.back {
	background: url('../images/btn_back.png') left top no-repeat;
	width: 54px;
}

a.economic-outlook {
	background: url('../images/btn_economic_outlook.png') left top no-repeat;
}

a.education {
	background: url('../images/btn_education.png') left top no-repeat;
}

a.learn-more {
	background: url('../images/btn_learn_more.png') left top no-repeat;
	width: 97px;
}

a.naka {
	background: url('../images/naka.png') left top no-repeat;
	display: block;
	float: right;
	height: 13px;
	margin-left: 5px;
	margin-top: 2px;
	text-align: left;
	text-indent: -9999px;
	width: 72px;
}

a.posts-new {
	background: url('../images/btn_posts_new.png') left top no-repeat;
	float: right;
	width: 106px;
}

a.posts-old {
	background: url('../images/btn_posts_old.png') left top no-repeat;
	float: left;
	width: 104px;
}

a.read-more {
	background: url('../images/btn_read_more.png') left top no-repeat;
	width: 91px;
}

#Blog a.read-more {
    margin-left: auto;
}