/* GENERAL */
		
body {background-color: #797979; margin:0; padding: 0; font: 76% Arial, Helvetica, sans-serif; color: #333; text-align: center; }
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}
ul {margin:0; padding: 0;}

/* CLEARING */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* LAYOUT */

.content {width: 776px; text-align: left; margin: 0 auto;}
#mainrow {background-color: #fff; font-family: Arial, Helvetica, sans-serif}
#mainrow .content {background-color: #fff;}

#header {min-height: 110px; position: relative; }
* html #header {height: 110px;}

#header ul#navigation {margin: 0; padding:32px 0 0; }
#header ul#navigation li {border-left: 1px solid #000; display: inline; padding:0 5px;}
#header ul#navigation li.first {padding-left: 0; border-left: 0; }
#header ul#navigation li a {color: #000; text-decoration: none;}
#header h1 {position: absolute; top: 32px; left: 580px; margin: 0; padding:0;}

#mainrow .intro  h2 {font-size: 3em; font-weight: normal; margin: 0;}
#mainrow .intro  p {font-size: 1.3em; margin-right: 50px; line-height: 1.2em;}

#contentrow {background: #fff url(../images/contentrow_back.gif) left top repeat-x; border-top: 2px solid #d6d6d6; padding: 10px 0; min-height: 200px; font-size: 1.1em;}
* html #contentrow {height: 200px;}

#contentrow .content h2 {margin: 0; padding-bottom: 0; font-size: 1.1em; text-transform: uppercase;}
#contentrow .content h3 {margin: 0; padding-bottom: 0; font-size: 1em;} 
#contentrow .content p {margin: 0 0 1em;} 
#contentrow .content ul {list-style-type: disc; padding-left: 3em; margin-bottom: 1em;}
 


#referencerow {padding: 15px 0 15px; border-top: 3px solid #cdcdcd; background: #efefef; min-height: 86px; }
* html #referencerow { height: 86px;}
#referencerow .intro { float: left; width: 200px;}
#referencerow .intro h2 {margin:0 0 10px; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
#referencerow .intro p {margin: 0;} 
#referencerow .references {float: left; width: 480px; margin-top: 15px;}
#referencerow .references a {color: #333;}
#referencerow .references a img {display: block; float: left;}
#referencerow .references a:hover {text-decoration: none;} 
#mycarousel {list-style-type: none; padding: 0;}
#mycarousel li {width: 120px; height: 72px; float: left;}

#footer {color: #fff; font-size: 0.75em; padding: 5px 0 50px;}
#footer h3 {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 0 10px 0 0 ; font-weight: normal; }
#footer a {color: #fff;}

/* SECTION */

/* home */
.home #header {background: url(../images/header_back_home.gif) 290px 0 no-repeat;}
.home #mainrow {background: #fff url(../images/main_back_home.gif) 50% bottom no-repeat; padding-bottom: 200px;}
.home #mainrow .intro h2 {color: #000866;}
.home #header ul#navigation li a.current {color: #000866; font-weight: bold;}

/* what we do */
.whatwedo #header {background: url(../images/header_back_whatwedo.gif) 290px 0 no-repeat;}
.whatwedo #mainrow {background: #fff url(../images/main_back_whatwedo.gif) 50% bottom no-repeat; padding-bottom: 126px;}
.whatwedo #mainrow .intro h2 {color: #164100;}
.whatwedo #header ul#navigation li a.current {color: #164100; font-weight: bold;}
#contentrow .content .tabcontent a {color: #164100; font-weight: bold;}

/* contact us */
.contactus #header {background: url(../images/header_back_contactus.gif) 290px 0 no-repeat;}
.contactus #mainrow {background: #fff url(../images/main_back_contactus.gif) 50% bottom no-repeat; padding-bottom: 126px;}
.contactus #mainrow .intro h2 {color: #5a0094;}
.contactus #header ul#navigation li a.current {color: #5a0094; font-weight: bold;}


.contactus .details {
	font-size: 1.3em;
	margin-top: 20px;
}
.contactus .details dl {width: 30%; float: left;}
.contactus .details dt {font-weight: bold;}
.contactus .details dd {margin: 0; padding: 0;}
.contactus .details dd a {color: #333;}

/* who we are */
.whoweare #header {background: url(../images/header_back_whoweare.gif) 290px 0 no-repeat;}
.whoweare #mainrow {background: #fff url(../images/main_back_whoweare.gif) 50% bottom no-repeat; padding-bottom: 126px;}
.whoweare #mainrow .intro h2 {color: #a00d00;}
.whoweare #header ul#navigation li a.current {color: #a00d00; font-weight: bold;}
.whoweare #contentrow .content .tabcontent h3 {font-size: 1.2em;}
.whoweare #contentrow .content .tabcontent .partner p {font-style: italic;}
.whoweare #contentrow .content .tabcontent p.email {color: #a00d00;} 
.whoweare #contentrow .content .tabcontent a {color: #a00d00; font-weight: bold;}
.whoweare #contentrow .content .tabcontent .partner {width: 350px; float: left; margin-left: 50px;}
.whoweare #contentrow .content .tabcontent .firstpartner {margin-left: 0 !important;} 

/* ----- tool tip specific styles ----- */
#theToolTip { position: absolute; text-align: left; left: -300px; width: 200px; border: 1px solid #999; padding: 6px 0px 6px 8px; background-color: #fff; visibility: hidden; z-index: 100; font-size: 0.9em;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/ }
#ToolTipPointer { position: absolute; left: -300px; z-index: 101; visibility: hidden;}
#theToolTip p { color: #333333; margin-right:8px; margin-top:0; margin-bottom: 0; padding-bottom: 0; }
#ToolTipTextWrap { font-weight: bold; margin-right:10px; }