/** html styles **/
/*****************************************************************************/
body {
	font-size: 1em;
	color: #606060;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(/images/structure/background/bodyBack_06_09_001.gif) top left repeat-x;
	
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #2ba6f7;
}

a:hover	{
	text-decoration: underline;
	color: #2ba6f7;
}

p {
	margin-top: 0px;
}

h4 {
	margin: 0px;
	padding: 0px;
}

hr {
	height: 1px;
	color:#E3E2E1;
}

form{
	margin: 0px 0px 0px 0px;
}
/*****************************************************************************/



/** page layout styles **/
/*****************************************************************************/
#globalContainer {
	float:left;
	background: #FFFFFF url(/images/structure/background/containerBack_06_09_001.jpg) top center no-repeat;
}

#functionBar {
	height: 20px;
	font-size: 0.85em;
	color: #d6e4f6;
}

#displayVersion {
	padding-top: 3px;
	padding-left: 14px
}

#displayVersion a{
	color: #d6e4f6;
}

#keyLinks {
	padding-top: 4px
}

#keyLinks a {
	padding-left: 10px;
	color: #d6e4f6;
}

#siteSearch {
	line-height:2em
}

#siteSearch form {
	margin: 0px;
	padding: 0px
}

#siteSearch input {
	font-size: 1em;
}

#siteSearch .submit {
	border: medium none;
	font-weight: bold;
	width: 30px;
	cursor: pointer;
	color: #ff8003;
	font-size: 0.9em;
	background-color: #D7D7D7;
}

div#header {
	height: 50px;
	margin-bottom: 20px;
}

.homePage div#header {
	margin-bottom: 10px;
}

div#header .logo{
	float: left;
}

div#header .headerLinks{
	float: right;
	padding: 10px 0px 0px 0px;
	size: 1.2em;
}

div#header .headerLinks a{
	color: #e3e9f2;
	font-size: 1.4em;
}

div#header .headerLinks a:hover{
	text-decoration: none;
}

div#header .link{
	margin-left: 25px;
}

div#site {
}

div#innerLeftColumn {
	margin-top: 60px
}

div#rightColumn {
	margin-top: 10px
}

div.pageTitle {
	font-weight: bold;
	font-size: 1.7em;
	padding: 10px 0px 20px 0px;
}

div#innerFooter {
	margin-top: 20px;
	font-size: 0.8em;
	padding: 10px 0px;
	text-align: center;
	width: 1000px;
}

#innerFooter h4 {
	font-size: 1.8em;
font-weight: normal;
}

#innerFooter a {
	text-decoration: none;
}

#innerFooter a:hover {
	text-decoration: underline;
}
/*****************************************************************************/



/** default form styles **/
/*****************************************************************************/
.activeForm { 
	float: left;
	width: 560px;
}

.activeForm td{
	font-family: arial;
}

.activeForm input {
	font-size: 1em;
}

.activeForm button {
	font-size: 0.8em;
}

.activeForm submit {
	font-size: 1em;
}

.activeForm select {
	font-size: 1em;
}

.activeForm textarea {
	font-size: 1em;
	font-family: arial;
}

.formMessage {
	margin-bottom: 10px;
}

.formItemWrapper {
	float: left;
	width: 560px;
	padding: 5px 0px;
}

.formLabelH {
	float: left;
	width: 190px;
	padding: 4px 1px 1px 5px;
	text-align: right;
}

.requiredLabel{
	font-weight: bold;
}

.formItemRequiredFlag{
	float: left;
	padding-top: 5px;
	height: 10px;
}

.formInputH {
	float: right;
	width: 345px;
	padding: 1px;
}

.formSummaryH {
	float: right;
	width: 345px;
	padding: 4px 1px 4px 1px;
}

.formLabelV {
	float: left;
}

.formInputV {
	float: left;
	clear: left;
	padding: 0px 0px 10px 0px;
}

.formText {
	float: left;
	padding: 4px 1px 1px 5px;
	width: 548px;
}

.formButton{
	clear:left;
}


.formItemWrapper.captcha{
	width: 441px;
	padding-left: 150px;
}
/*****************************************************************************/



/** standard widget styles **/
/*****************************************************************************/
.widget {
	float: left;
}

.widgetHeader, .widgetFooter {
	font-size: 0;
	clear:left;
}

.widgetBody {
	float:left;
	clear:left;
}
 .widgetBody .widgetLeftBorder{
	float: left;
}

.widgetBody .widgetRightBorder{
	float: left;
}
	
.widgetContents .title {}

.widgetContents .body {}

.widgetContents a {}

.widgetContents a:hover	{}

.widgetContents .menuItem a{}

.widgetContents .childMenu .menuItem{}

.widgetContents .childMenu .menuItem a{}
/*****************************************************************************/



/** default tables styles **/
/*****************************************************************************/
.tableContents {
	float: left;
}

.columnTitles {
	clear: left;
	float: left;
}

.columnTitle {
	background-color: #a8dade;
	color: #034961;
	float: left;
	border-right: 1px solid #FFFFFF;
	padding: 4px 4px 4px 4px;
}

.tableData {
	float: left;
}

.tableItem {
	float: left;
}

.itemDetails {
	float: left;
}

.itemDetails .cell{
	float: left;
}

.tableNavigation {
	background-color: #e5f7fd;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	width: 582px;
	padding: 4px 4px 4px 4px;
}

.tableNavigation .pageCount {
	float: left;
}

.tableNavigation .navLinks {
	float: right;
}

.tableNavigation .navLinks .prevPageLink {
	padding-right: 20px;
}

.tableNavigation .navLinks .pageNumber{
	padding: 0px 2px 0px 2px;
}

.tableNavigation .navLinks .nextPageLink {
	padding-left: 20px;
}
/*****************************************************************************/



/** home page **/
/*****************************************************************************/
.splashImage {
	float: left;
	margin-bottom: 5px;
}

.splashText {
	float: left;
	padding: 120px 0px 0px 0px;
	margin-bottom: 5px;
	width: 480px;

}

.splashText .title {
	font-size: 2.5em;
	margin-bottom: 15px;
	float: left;
}

.splashImage1 {
	float: left;
	margin-bottom: 5px;
	margin-top: 30px;
}

.splashText1 {
	float: left;
	padding: 0px 0px 40px 0px;
	margin-bottom: 5px;
	width: 980px;
	text-align: center;
}

.splashText1 .title {
	font-size: 2.25em;
	margin-bottom: 15px;
	float: left;
	width: 980px;
}

.homePage .features {
	margin-top: 0px;
	background: #ffffff url(/images/contents/homePage/2009/featureBackground002.gif) top center no-repeat;
	float:left;
	width: 974px;
	height: 354px;
}

.homePage .features .widget{
	margin: 13px 10px 15px 10px;
	display: inline
}

.homePage .features .title{
	padding-bottom: 8px;
	color: #000000;
	font-size: 1.2em;
}

.homePage .features .wideFeature {
	float:left;

}

.homePage .features .wideFeature .widget{
	margin-right: 0px;
}

.homePage .features .tableContents {
	width: 241px;
}

.homePage .features .wideFeature .tableContents {
	width: 425px;
}

.homePage .features .itemDetails {
	/*width: 221px;*/
}

.homePage .features .cell {
	clear: left;
}

.newsFeed{
	width: 241px;
	float: left;
}

.newsFeed .rssContainer{
	height: 283px;
	width: 241px;
	float: left;
	overflow: hidden;
}

.newsFeed #rssNewsDetails{
	padding: 5px 0px;
	float: left;
	height: 283px;
	width: 241px;
	
}

.newsFeed .itemDetails{
    padding-bottom: 20px;
}

.newsFeed .cell.itemTitle {
    color: #606060;
    font-weight: bold;
}

.newsFeed .cell.standfirst {
    width: 240px;
}


.newsFeed .vert.simply-scroll-container,
.newsFeed .simply-scroll-clip{
	 width: 283px;
	 height: 240px;
	 overflow: hidden;
}


.greyPanel {
	border: 1px solid #d3d3d3;
	background: #f7f7f7 url(/images/structure/panels/grey09/bottomGrad_06_09_001.gif) bottom center repeat-x;
}

.greyPanel .widgetHeader, .greyPanel .widgetFooter {
	background-color: #FFFFFF;
}

.greyPanel .widgetHeader .widgetContent, .greyPanel .widgetFooter .widgetContent{
	height: 1px;
}

.greyPanel .widgetBody .widgetLeftBorder{
	padding-left: 1px;
	background-color: #FFFFFF;
}

.greyPanel .widgetBody .widgetRightBorder{
	padding-right: 1px;
	background-color: #FFFFFF;
}

.greyPanel .title {
	padding: 12px 9px 12px 9px;
	background-color: #f7f7f7;
	font-size: 1.4em;
	color: #000000;
}

.greyPanel .body {
	padding: 0px 9px 12px 9px;
	background-color: #f7f7f7;
	float: left;
	background: #f7f7f7 url(/images/structure/panels/grey09/bottomGrad_06_09_001.gif) bottom center repeat-x;
}

.latestNews .itemDetails{
	/*padding-bottom: 20px;*/
}
/*****************************************************************************/



/** menus **/
/*****************************************************************************/
.webMenu .menuItem {
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid #cccccc;
	width: 170px;
}

.webMenu .menuItem a{
	color: #606060;
}

.webMenu .menuItem a:hover{
	color: #b4b4b4;
	text-decoration: none;
}

.webMenu .active,
.webMenu .activeChild{
	background-color: #f7f7f7;
}

.webMenu .deactivate{
	background-color: #fff;
}




.childMenu .menuItem{
	padding-left: 20px;
	width: 150px;
}
/*****************************************************************************/



/** panels **/
/*****************************************************************************/
.panel {
	float:left;
}

.panel .title {
	float:left;
	padding: 12px 9px 12px 9px;
	border: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	width: 252px;
	height: 50px;
}

.panel .content {
	float:left;
	padding: 12px 9px 12px 9px;
	width: 252px;
}

.bhMethod {
	width: 270px;
	margin-right: 20px;
	height: 410px;
}

.greyTitlePanel {
	margin-right: 20px;
}

.greyTitlePanel .title {
	padding: 12px 9px 12px 9px;
	border: 3px double #f2f2f2;
	border-style:double;
	background-color: #f2f2f2;
	width: 242px;
	height: 50px;
	background: #ffffff url(/images/structure/panels/grey09/bottomGrad_06_09_001.gif) bottom center repeat-x;
}

.greyTitlePanel .body {
	padding: 12px 9px 12px 9px;
	width: 242px;
}

/*****************************************************************************/


/** our method **/
.methodItem, .methodItem .title, .methodItem .image, .methodItem .copy {
	float: left;
}

.methodItem {
	width: 580px;
	margin-bottom: 30px;
}

.methodItem .title {
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	width: 580px;
	margin-bottom: 10px;
}

.methodItem .image {
	margin-right: 10px;
}


/** clients **/
.clientThumbRow, .clientThumbDetails, .clientThumbDetails .thumb, .clientThumbDetails .label {
	float:left;
}

.clientThumbRow {
	margin-bottom: 30px;
	width: 760px;
}

.clientThumbDetails {
	margin-right: 15px;
}

.clientThumbDetails .thumb{
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
}

.clientThumbDetails .label{
	text-align: center;
	width: 234px;
	clear: left;
	height: 40px;
}


.clientDetails, .clientDetails .title, .clientDetails .copy {
	float: left;
}

.clientDetails {
	width: 550px;
	margin-bottom: 30px;
}

.clientDetails .title {
	width: 150px;
	font-weight: bold;
	font-size: 1.1em;
}

.languageSelector {
	margin-top:20px;
}
.languageSelector .primaryInactiveMenuItem {
	background-color: #f7f7f7;
}
.languageSelector .primaryInactiveMenuItem, .languageSelector .subInactiveMenuItem{
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid #cccccc;
	width: 170px;
}

.languageSelector  a{
	color: #606060;
}

.languageSelector  a:hover{
	color: #b4b4b4;
	text-decoration: none;
}

#FLVPlayer1
{
float:left;

height:300px;
}






















/** How we work page **/
/*****************************************************************************/
#howWeWorkTable .moreLink,
#howWeWorkTable .lessLink{
	display: none;
	color: #2ba6f7;
	padding-top: 5px;
	cursor:pointer;
	cursor:hand;
}
/*****************************************************************************/



/** team page **/
/*****************************************************************************/
.teamImages .thumb{
	text-align: center;
	cursor:pointer;
	cursor:hand;
	display: none;
}

.teamImages .thumb p{
	margin: 0px;
}

.teamImages .thumb h6{
	font-size: 0.8em;
	margin: 0px;
	color: #2ba6f7;
	padding: 5px 0px 20px 0px;
}

#teamBackbutton{
	display: none;
	font-size: 0.8em;
	margin: 0px;
	color: #2ba6f7;
	cursor:pointer;
	cursor:hand;
}
/*****************************************************************************/

#fade{
	display: none;
	background: #fff;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .90;
	z-index: 999;
}

#largeImage{
	display: none;
	padding: 0px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	border: solid 2px #3E5D8B;

}

.closeButton{
	float: right;
	margin: -55px -55px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade,
*html .popupBlock{
	position: absolute;
}






/***  PORTFOLIO PAGE   ***/
.portfolioMenu .menuItem {
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid #cccccc;
	width: 170px;
	display: block;
	color: #606060;
}

.portfolioMenu a:hover{
	color: #b4b4b4;
	text-decoration: none;
}

.ourPortfolio ul{
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
	width: 780px;
}

.ourPortfolio .sub ul li{
	float: left;
	padding: 0 0 10px 10px;
	cursor: pointer;
	cursor: hand;
}

.ourPortfolio .sub ul li img{
	border: solid 1px #3E5D8B;
}

#content{
	overflow:hidden;
	width:780px;
	position:relative;
	float:left;
}

#content h2{
	margin: 0 0 20px 0;
}

#content a{
	color:#777;
	font-weight:bolder;
	text-decoration:none;
}

.section,
.section ul.mainUL{
	width:3200px;
	position:relative;
}

.section .sub{
	position: relative;
	float: left;
	padding: 0px 0px 42px 0px;
	width: 800px;
}

.section .sub ul{
	margin-left: -10px;
	width: 800px;
}

.section .next, .section .prev{
	font-size: 18px;
	position: absolute;
	top: 0px;
	letter-spacing: -2px;
	font-family: Verdana,sans-serif;
}

.section .next span, .section .prev span{
	left: -9999px;
	position: absolute;
}

.section .next{
	right: 40px;
background: url(/images/structure/background/next.png) left top no-repeat;
height: 43px;
width: 43px;
}

.section .next:hover{
background: url(/images/structure/background/next_on.png) left top no-repeat;

}
.section .prev{
	right: 110px;
background: url(/images/structure/background/prev.png) left top no-repeat;
height: 43px;
width: 43px;
}
.section .prev:hover{

background: url(/images/structure/background/prev_on.png) left top no-repeat;

}
/***  PORTFOLIO PAGE   ***/

/***** AJAX Gallery ********/
.ajaxGalleryLite{
	position: relative;
	width: 600px;
}

#ajaxGalleryLite .slideContainer{
	position: absolute;
	z-index: 1000;
	width: 600px;
	top: 30px;
}

#ajaxGalleryLite .slideContainer img{
	display: block;
	margin: 20px auto;
	max-width: 500px;
}

#ajaxGalleryLite .slideContainer div{
	display: block;
	margin: 20px auto;
	width: 500px;
	text-align: center;
	color: #606060;
    font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;

}

.slideContainer.inactiveItem{
	display: none;
}

#ajaxGalleryLite .navigationContainer{
	margin: 500px auto 0 auto;
	width: 500px;
}

#ajaxGalleryLite .navigationContainer span{
	display: block;
	float: left;
	border: solid 1px #606060;
	padding: 5px 8px;
	margin-right: 2px;
}

#ajaxGalleryLite .navigationContainer span.activeItem{
	color: #fff;
	background: #606060;
}

#ajaxGalleryLite .navigationContainer .inactiveItem:hover{
	color: #fff;
	background: #606060;
}

#ajaxGalleryLite .navigationContainer span.inactiveItem{
	cursor: pointer;
	cursor: hand;
}