@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------

  G L O B A L

------------------------------------------ */

* {
	margin:0; padding:0;
	-moz-outline: none 0;
 	outline: none 0;
	background-color: transparent;
}

html {
	height: 100%;
	padding: 0 40px;
}

body {
	width: 776px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color:#173c47;
	background-color: #FFF;
	margin: 0 auto;
	height:100%
}

img {
	border: none;
}

p {
	margin-bottom: 14px;
}

h1	{
	text-indent: -9999px;
	display: none;
}

#wrapper {
	min-height: 720px;
}


/* ------------------------------------------

  N A V I G A T I O N / H E A D E R

------------------------------------------ */

#logo {
	display: block;
	margin: 63px 0 25px 0;
}

#nav {
	height: 40px; 
	display: block;
	background-color: #173c47;
	padding: 0 0 0 213px;
}

#nav h2 {
	display: none;
}

#wrapper #nav ul {
	list-style-type: none;
	list-style-image: none;)
}

#nav li {
	float:left;
	list-style-type: none;
}

#nav a {
	display:block;
	height: 40px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
 	text-indent: -9999px;  
}

#nav a:hover {
	color: #039999;
}

#nav ul ul {display: none;}
  
#nav_about {width: 96px; background: url(../img/nav_about.gif) top no-repeat;}
#nav_projects {width: 83px; background: url(../img/nav_projects.gif) top no-repeat;}
#nav_press {width: 57px; background: url(../img/nav_press.gif) top no-repeat;}
#nav_investor {width: 160px; background: url(../img/nav_investor.gif) top no-repeat;}
#nav_team {width: 84px; background: url(../img/nav_team.gif) top no-repeat;}
#nav_contact {width: 83px; background: url(../img/nav_contact.gif) top no-repeat;}

#nav_about a:hover {background: url(../img/nav_about.gif) bottom no-repeat;}
#nav_projects a:hover {background: url(../img/nav_projects.gif) bottom no-repeat;}
#nav_press a:hover {background: url(../img/nav_press.gif) bottom no-repeat;}
#nav_investor a:hover {background: url(../img/nav_investor.gif) bottom no-repeat;}
#nav_team a:hover {background: url(../img/nav_team.gif) bottom no-repeat;}
#nav_contact a:hover {background: url(../img/nav_contact.gif) bottom no-repeat; cursor: default;}

#about #nav_about {width: 96px; background: url(../img/nav_about.gif) bottom no-repeat; cursor: default;}
#projects #nav_projects {width: 83px; background: url(../img/nav_projects.gif) bottom no-repeat; cursor: default;}
#press #nav_press {width: 57px; background: url(../img/nav_press.gif) bottom no-repeat; cursor: default;}
#investor #nav_investor {width: 160px; background: url(../img/nav_investor.gif) bottom no-repeat; cursor: default;}
#team #nav_team {width: 84px; background: url(../img/nav_team.gif) bottom no-repeat; cursor: default;}
#contact #nav_contact {width: 83px; background: url(../img/nav_contact.gif) bottom no-repeat; cursor: default;}


/* ------------------------------------------

  C O N T E N T  A R E A

------------------------------------------ */

#footer {
	clear: both;
	border-top: #2e4851 1px solid;
	padding-top: 10px;
	margin-top: 45px;
}

#footer .copyright {
	display: block; float: left;
	text-align: left;
	height: 50px;
}


#footer .homeLink {
	display: block; float: right;
	text-align: right;
	height: 50px;
}

#footer a {
    text-decoration:none;
    color:#173c47;
}

#footer a:hover {
    color: #039999;
    text-decoration:none;
}

.thickRule {
	border-bottom: #2e4851 12px solid;
	padding: 20px 0 13px 0;
	margin-bottom: 20px;
}

.thinRule {
	border-bottom: #2e4851 1px solid;
	padding: 20px 0 13px 0;
	margin-bottom: 31px;
}

.photoCredit {
	font-size: 9px;
	color: #999;
}


/* ------------------------------------------

  H O M E P A G E

------------------------------------------ */

#home .leftcol {
	width: 435px;
	float: left;
}

#home .rightcol {
	width: 314px;
	float: right;
	margin-left: 27px;
}

#home ul {
	list-style-type: none;
}

#home li {
	margin-bottom: 14px;
}

#home .rightcol a, #contact .rightcol a {
	padding-left: 10px;
	background: url(../img/bullet.gif) top left no-repeat;
	text-decoration: none;
	color: #173c47;
	display: block;
}

#home .rightcol a:hover {
	color: #039999;
}

#home .date {
	display: block;
	color: #000;
	font-weight: bold;
} 


/* ------------------------------------------

  A B O U T  C Q C

------------------------------------------ */

#about .leftcol {
	width: 488px;
	float: left;
}

#about .rightcol {
	width: 269px;
	float: right;
	margin-left: 19px;
}

#about .leftcol li {
	text-indent: 6px;
	list-style-type: none;
	background: url(../img/bullet2.gif) top left no-repeat;
	padding-bottom: 14px;
}

#about h3 {
	color: #039999;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding-bottom: 2px;
}


/* ------------------------------------------

  P R O J E C T S

------------------------------------------ */

#projects .leftcol {
	width: 202px;
	float: left;
}

#projects .rightcol {
	width: 555px;
	float: right;
	margin-left: 19px;
}

#projects .leftcol li {
	list-style-type: none;
	padding-bottom: 1px;
}

#projects .leftcol ul a {
	text-decoration: none;
	color: #039999;
	font-weight: bold;
}

#projects .leftcol ul a:hover, #projects .leftcol ul .current a {
	color: #173c47;
}

#projects .rightcol h3 {
	color: #173c47;
	font-weight: bold;
	text-transform: none;
	padding-bottom: 14px;
}

#projects .rightcol h4 {
	color: #039999;
	font-weight: bold;
	text-transform: none;
	padding-bottom: 2px;
}

#projects .leftcol ul.overview .overview a {color: #173c47;}
#projects .leftcol ul.africa .africa a {color: #173c47;}
#projects .leftcol ul.asia .asia a {color: #173c47;}
#projects .leftcol ul.latin .latin a {color: #173c47;}


/* ------------------------------------------

  O U R  T E A M

------------------------------------------ */

#team .leftcol {
	width: 202px;
	float: left;
}

#team .rightcol {
	width: 555px;
	float: right;
	margin-left: 19px;
}

#team .leftcol li {
	list-style-type: none;
	padding-bottom: 1px;
}

#team .leftcol ul {
	padding-bottom: 15px;
}

#team .leftcol h2 {
	font-size: 12px;
	font-weight: normal;
}

#team .leftcol ul a {
	text-decoration: none;
	color: #039999;
	font-weight: bold;
}

#team .leftcol ul a:hover, #team .leftcol ul .current a {
	color: #173c47;
}

#team .rightcol h3 {
	color: #173c47;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 3px;
}

#team .leftcol ul.newcombeK .newcombeK a {color: #173c47;}
#team .leftcol ul.mendisM .mendisM a {color: #173c47;}
#team .leftcol ul.larsonM .larsonM a {color: #173c47;}
#team .leftcol ul.cobbsR .cobbsR a {color: #173c47;}
#team .leftcol ul.vadapalasJ .vadapalasJ a {color: #173c47;}
#team .leftcol ul.NianA .NianA a {color: #173c47;}
#team .leftcol ul.bakshiR .bakshiR a {color: #173c47;}
#team .leftcol ul.tejaY .tejaY a {color: #173c47;}

#team .leftcol ul.alegreI .alegreI a {color: #173c47;}
#team .leftcol ul.batzelH .batzelH a {color: #173c47;}
#team .leftcol ul.brissonJ .brissonJ a {color: #173c47;}
#team .leftcol ul.dayL .dayL a {color: #173c47;}
#team .leftcol ul.dhirN .dhirN a {color: #173c47;}
#team .leftcol ul.drydenL .drydenL a {color: #173c47;}
#team .leftcol ul.farchyD .farchyD a {color: #173c47;}
#team .leftcol ul.fennessyK .fennessyK a {color: #173c47;}
#team .leftcol ul.fickelM .fickelM a {color: #173c47;}
#team .leftcol ul.figueresC .figueresC a {color: #173c47;}
#team .leftcol ul.goelJ .goelJ a {color: #173c47;}
#team .leftcol ul.hansenE .hansenE a {color: #173c47;}
#team .leftcol ul.jungD .jungD a {color: #173c47;}
#team .leftcol ul.kellyC .kellyC a {color: #173c47;}
#team .leftcol ul.khooC .khooC a {color: #173c47;}
#team .leftcol ul.leeJ .leeJ a {color: #173c47;}
#team .leftcol ul.mathurS .mathurS a {color: #173c47;}
#team .leftcol ul.mckennaJ .mckennaJ a {color: #173c47;}
#team .leftcol ul.natarajanB .natarajanB a {color: #173c47;}
#team .leftcol ul.ovittP .ovittP a {color: #173c47;}
#team .leftcol ul.scottC .scottC a {color: #173c47;}
#team .leftcol ul.smithbergerA .smithbergerA a {color: #173c47;}
#team .leftcol ul.steiningerF .steiningerF a {color: #173c47;}
#team .leftcol ul.vantilborgC .vantilborgC a {color: #173c47;}
#team .leftcol ul.zaherM .zaherM a {color: #173c47;}



/* ------------------------------------------

  P R E S S

------------------------------------------ */

#press .leftcol {
	width: 202px;
	float: left;
}

#press .rightcol {
	width: 555px;
	float: right;
	margin-left: 19px;
}

#press .leftcol li {
	list-style-type: none;
	padding-bottom: 1px;
}

#press .subnav a{
	text-decoration: none;
	color: #173c47;
	font-weight: bold;
}

#press .subnav a:hover, #team .subnav .current a{
	color: #039999;
}

#press .leftcol a {
	text-decoration: none;
	color: #039999;
	font-weight: bold;
}
#press .leftcol a:hover, #press .leftcol .pressrelease #press, #press .leftcol .news #news {
	color: #173c47;
}

#press .rightcol li{
	list-style-type: none;
	padding-bottom: 1px;}

#press .rightcol h3 {
	color: #173c47;
	font-weight: bold;
	text-transform: none;
	padding: 0;
}

#press h2 {
	font-weight: bold;
	color: #039999;
	font-size: 12px;
	}

#press h3 {
	margin-bottom: 3px;
	color: #f00;
}

#press .articleSource {
	line-height: 16px;
	font-style: italic;
}

#press .subcol1 {width: 101px; margin: 0 19px 14px 0; float:left; height: inherit;}
#press .subcol2a {width: 250px; margin: 0 19px 14px 0; float:left; font-weight: bold;}
#press .subcol2b {width: 428px; margin: 0 0 14px 0; float:left;}
#press .subcol3 {width: 159px; margin: 0 0 14px 0; float:left;}
#press .newsitem {width: 550px; float:left;}

#press .empty {height: 14px;}

#press .subcol2a a.download, #press .subcol2b a.download {background: url(../img/download.gif) top right no-repeat; padding-right: 8px}
#press .subcol2a a:hover.download, #press .subcol2b a:hover.download {background: url(../img/download_ro.gif) top right no-repeat; padding-right: 8px}


/* ------------------------------------------

  I N V E S T O R

------------------------------------------ */

#investor .leftcol {width: 100%; min-height: 400px;}

#investor form ul {
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
}

#investor form li {margin-bottom: 20px;}

#investor label {display: block; margin-bottom: 5px;}

#investor .textfield {width: 202px;}



/* ------------------------------------------

  C O N T A C T

------------------------------------------ */

#contact .leftcol {width: 100%; min-height: 400px;}

#contact .subnav ul {
	list-style-type: none;
	float: left;
	display: block;
}

#contact a{
	text-decoration: none;
	color: #173c47;
}

#contact a:hover {
	color: #039999;
}

#contact .subcol1 {width: 258px; margin: 0; float:left;}
#contact .subcol2 {width: 258px; margin: 0; float:left;}
#contact .subcol3 {width: 258px; margin: 0; float:left;}
