html, body
{
    margin: 0;
    padding: 0;
}

body
{
	font: 11px Arial, sans-serif;
	color: #666;
	background: #fff url(../images/background.gif) repeat-y;

}
td p
{
	margin: 0 0 1.3em;
	line-height: 1.8em;
}

#news_articles{

	margin: 0 0 1.3em;
	line-height: 1.8em;

}

.lowercontent td p
{
	margin: 0 0 1.3em;
	line-height: 1.4em;
}

STRONG {color: #333; font-weight: bold;}

td ul
{
	list-style-type: square;
}
td ul li
{
	line-height: 1.8em;
}
a img{border: 0;}
a{color: #666;}
abbr
{
	cursor: help;
	border-bottom: 1px dotted #666;
}
a abbr{border: none;}

/*--- ID SELECTORS --------------------------------------------------------- */

td.news_image a img{display:block;}

#wrapper
{
	position: relative;
	z-index: 1;
	width: 800px;
	background-color: #fff;
}
#masthead
{
	position: relative;
	z-index: 2;
    height: 40px;
	background-color: #ebebeb;
}

#nav
{
	position: relative;
	z-index: 3;
	height: 65px;
}
/*#inner-wrap
{
    position: relative;
	width: 100%;
}*/
#footer{height: 32px;}

/* --- USER DEFINED CLASSES -------------------------------------------------- */

.nav-divider
{
	width: 75%;
	text-align: left;
	margin-left: 0;
	border: none;
	border-top: 1px solid #ccc;
	height: 1px;
}
.greytxt{color: #333; font-weight: bold;}

.bluetxt{color: #3AB4E1; font-weight: bold;}
.bluetxt a
{
	color:#3AB4E1;
	text-decoration: none;
}
.nolist
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* ~~~ HEADER ~~~ */

.logo
{
	position: absolute;
	top: 8px;
	left: 26px;
	margin: 0;
}
.rgtlogo
{
	position: absolute;
	top: 14px;
	right: 28px;
	margin: 0;
}

/* ~~~ NAVIGATION ~~~ */

.mainnav
{
	position: absolute;
	top: 20px;
	right: 25px;
	margin: 0;
	padding: 0;
	z-index: 400;
}
.mainnav a
{
	margin-left: 1px;
}
/* ~~~ MAIN CONTENT ~~~ */
.content h3
{
	font-size: 14px;
	margin: 0 0 1em;
	color: #000;
}
.content h4
{
	font-size: 11px;
	margin: 1em 0 .3em;
	color: #000;
}
/* ~~~ HOMEPAGE STYLES ~~~ */

.introbox{border-top: 1px solid #CCC;}

.introtext
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.introtext p{margin: 20px 0 0 20px;}
.lowercontent{margin: 30px 25px 40px;}
.lowercontent table{font-size: 11px;}

.lowercontent ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.lowercontent td p
{
	margin: 0 0 1.3em;
	line-height: 1.3em;
}


.lowercontent ul li{line-height: 1.3em;}
/* ~~~ FOOTER  ~~~ */

.footerlinks
{
	height: 32px;
	padding: 0;
	background: url(../images/footer_bg.gif) no-repeat;
}
table.footerlinks table{margin-left: 28px;}
table.footerlinks table td{padding-right: 24px;}

/* ~~ JAVASCRIPT MENU STYLES ~~~ */

.menu
{
	padding-top: 12px;
	background: #fff url(../images/menu_arrow.gif) no-repeat 8px 0;
}
.menu img{margin: 6px 0 6px 6px;}
.menu a
{
	display: block;
	font-size: 7pt;
	line-height: 16px;
	vertical-align: middle;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 8px;
	text-decoration: none;
	color: #838383;
}
.menu a:hover
{
	color: #fff;
	padding-left: 22px;
	background: #3AB4E1 url(../images/menu_arrow_on.gif) no-repeat 4px 4px;
}

/* ~~~ SUB SECTION NAVIGATION ~~~ */

td.tdsubnav{padding: 24px 0 0 0;}
.sectionnav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sectionnav li{padding-left: 16px;}
.sectionnav a
{
	font-size: 10px;
	line-height: 22px;
	color: #999;
	text-decoration: none;
}
.sectionnav .active
{
	background: url(../images/sub_menu_arrow_on.gif) no-repeat 0px 7px;
	text-decoration: none;
}
.sectionnav .active a,
.sectionnav a:hover
{
	color: #3AB4E1;
	text-decoration: none;
}

.section-name
{
	position: absolute;
	top: 25px;
	right: 590px;
}

/* ~~~ STAFF PAGE NAVIGATION ~~~ */

.staff-subnav
{
	list-style-type: none;
	margin: 0 0 0 12px;
	padding: 0;
	width: 127px;
}
.staff-subnav a
{
	color: #ABAAAA;
	line-height: 20px;
	text-decoration: none;
}
.staff-subnav a:hover,
.staff-subnav .active a{color: #fff;}

/* ~~~ === HOME PAGE ========================================== ~~~ */
#leftImages
{
    position: relative;
    width: 372px;
    height: 240px;
    z-index: 1;
}
#rightImages
{
    position: relative;
    width: 372px;
    height: 240px;
    overflow: hidden;
    z-index: 1;
}
ul.leftImages,
ul.rightImages
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 374px;
    height: 240px;
}
ul.leftImages li
{
    padding: 24px 0 0 24px;
}
ul.leftImages li,
ul.rightImages li
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    
}
ul.leftImages li img,
ul.rightImages li img{display: block;}

/* ~~~ ABOUT US STYLES ~~~ */

/* ~~~ BELIEFS ~~~ */

.tblsection
{
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ccc;
}
.tblsection td
{
	padding: 30px;
	font-size: 11px;
}
.tblsection td p
{
	margin: 0 0 1em;
	line-height: 1.5em;
}

/* ~~~ STAFF ~~~ */

.staff-photos img
{
	float: left;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
}

td.staff-content
{
	text-align: left;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #999;
}
td.staff-content h2{margin-left: 24px;}
table.tblstaff
{
	margin-top: 12px;
	background-color: #666;
	color: #fff;
}
table.tblstaff p a
{
	color: #3AB4E1;
	font-size: 11px;
}

table.tblstaff h3
{
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 4px;
	color: #3AB4E1;
}
td.staff-txt
{
	padding: 0 78px  20px 0;
}

/* TO BE COMMENTED BACK IN LATTER ONCE HAVE PDF */
p.download
{
	visibility: hidden;
	padding-top: 8px;
}
td.staff-quote
{
	padding: 24px 0 0 24px;
}

/* ~~~ WHY BRAND STYLES ~~~ */

.tblbrand
{
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ccc;
}

table.tblbrand h3
{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 -6px;
	color: #3AB4E1;
}

table.tblbrand span
{
	font-weight: bold;
	color: #000;
}

.tblbrand td
{
	font-size: 11px;
}
td.brand-introtxt
{
	padding-top: 30px;
	padding-left: 24px;
	padding-bottom: 30px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*height: 180px;*/
}
td.brand-content
{
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 24px 43px 24px 24px;
}
td.brand-content h2
{
	font-size: 16px;
	margin: 1em 0;
}

/* ~~~ Case studies box ~~~ */

table.casestudies-box
{
	width: 100%;
	border: 1px solid #ccc;
	background-color: #EDEDED;
	margin-bottom: 24px;
}
td.cs-box-link
{
	width: 18px;
	padding: 0;
}
td.cs-box-txt
{
	width: 100%;
	padding-left: 15px;
}
td.cs-box-img
{
	width: 1%;
	background: #fff;
	padding: 0;
	border-left: 1px solid #ccc;
}

/* ~~~ CAPABILITIES STYLES ~~~ */

#capabilities .sectionnav li a b,
#approach .sectionnav li a b,
#distillation .sectionnav li a b,
#connection .sectionnav li a b,
#performance .sectionnav li a b
{
	font-size: 11px;
}
#capabilities .sectionnav li.active a b,
#capabilities .sectionnav li a:hover b,
#approach .sectionnav li.active a b,
#approach .sectionnav li a:hover b,
#distillation .sectionnav li.active a b,
#distillation .sectionnav li a:hover b
#connection .sectionnav li.active a b,
#connection .sectionnav li a:hover b,
#performance .sectionnav li.active a b,
#performance.sectionnav li a:hover b
{
	font-size: 11px;
}

/* ~~~ CAPABILITIES CONNECTION SECTION STYLES ~~~ */

#connection .tblbrand
{
	width: 100%;
	margin-top: 16px;
	border-top: 0;
}
table.tblconnection
{
	background-color: #EBEBEB;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.tblconnection td
{

}
td.lrg-img
{
	background-color: #fff;
	padding: 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
#imagecontainer
{
	width: 207px;
	height: 198px;
}
table.tblthumbs{}

/* ~~~ PROJECT SECTION STYLES ~~~ */

/* ~~~ CASE STUDIES ~~~ */

table.tblcase-studies
{
	width: 100%;
	margin-top: 12px;
}

/*~~~ navigation ~~~ */
table.tblcase-studies ul.sectionnav li
{
	line-height: 2px;
}

/* ~~~ Content Navigation ~~~ */
table.content-nav td
{
	padding-right: 10px;
}

/* ~~~ GALLERY ~~~ */

table.tblgallery
{
	width: 100%;
	margin: 12px 0 0;
	background-color: #666;
}
td.gallery-content
{
	border: 1px solid #ccc;
	height: 240px;
	/*padding: 24px; */
	vertical-align: top;
	background-color: #474747;
}
div.gallery-subnav ul.sectionnav li a
{
	color: #ABAAAA;
}
div.gallery-subnav ul.sectionnav li
{
	padding-left: 26px;
}
div.gallery-subnav ul.sectionnav li a:hover,
div.gallery-subnav ul.sectionnav li.active a,
div.gallery-subnav ul.sectionnav li.on a
{
	color: #fff;
}
div.gallery-subnav ul.sectionnav li.active
{
	background: url(../images/gallery_subnav_on.gif) no-repeat 8px 7px;
}
/* ~~~ === MEDIA PAGE =========================================== ~~~ */
#scrollingLayerContainer
{
    
}
dl.media_nav
{
    margin: 0 0 0 4px;
    padding: 0;
    width: 220px;

}
#media dl.media_nav a
{   
    color: #ABAAAA;
    text-decoration: none;
}
#media dl.media_nav a.active,
#media dl.media_nav a:hover
{
     color: #3AB4E1;
}
#media dl.media_nav dt
{
    width: 40px;
    clear: left;
    float: left;
}
#media dl.media_nav dd
{
    margin: 0 0 8px 50px;
    font-size: 11px;
    line-height: 1.2em;
}
#flashWrapper
{
    position: relative;
    z-index: 1;
    width: 545px;
    height: 240px;
    overflow: hidden;
}
#flashContainer
{
    position: absolute;
    top: 0;
    right: 0;
    border-left: none;
    z-index: 2;
}



/* ~~~ === NEWS ================================================= ~~~ */
table.tblnews
{
	width: 100%;
	margin: 33px 0 62px;
}
table.news-intro-content
{
	width: 100%;
	background-color: #ebebeb;
}
td.news-introtxt
{
	vertical-align: top;
	padding: 30px 0 0 25px;

}
div.news-subnav .sectionnav
{
	margin-left: 12px;
}
div.news-subnav .sectionnav a
{
	color: #000;
}
span.underline
{
	text-decoration: underline;
}
/* ~~~ NEWS ARCHIVES ~~~ */

.tblarchives
{
	width: 100%;
	margin: 30px 0;
}
.tblarchives td
{
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
}
.tblarchives td.tdlft
{
	padding-left: 30px;
	width: 1%;
}
.tblarchives td.tdclft
{
	padding-left: 12px;
	color: #000;
}

.tblarchives td.tdcrgt
{
	text-align: right;
	padding-right: 12px;
}
.tblarchives td tdrgt
{
	padding-right: 30px;
}

/* ~~~ CONTACT US ~~~ */

table.tblcontact-us
{
	width: 100%;
	margin: 12px 0 70px;
}
table.contact-us-content
{
	background-color: #3AB4E1;
}
table.contact-us-content p
{
	margin: 12px 0 0;
	font-size: 10px;
}
td.contact-us-introtxt
{
	padding: 32px 25px 0;
	vertical-align: top;
}
ul.contact-info
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.contact-info li
{
	padding-left: 16px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.4em;
}
ul.contact-info li.arrow{color: #3AB4E1;}
li.arrow{background: url(../images/sub_menu_arrow_on.gif) no-repeat 0px 3px;}
.view-location
{
    position: relative;
    bottom: -38px;
    left: -25px;
    margin:0;
}
.view-location a img
{
    display: block;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #E1E1E1;
}


/* ~~~ BRR ASIA STYLES ~~~ */
.home-button
{
	position: absolute;
	top: 62px;
	left: 26px;
	margin: 0;
	height: 9px;
	z-index: 12;
}
#brr-in-asia #inner-wrap{margin-top: -20px;}
#knowledge-led-design #inner-wrap{margin-top: -20px;}

/*
.scrollinglayer {
	position: absolute;
	overflow: hidden;
}
*/
#navscroll {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;

}

/* ~~~ CHECKLIST STYLES ~~~ */
table.formtable{width: 100%}
table.formtable tbody th
{
    text-align: right;
    padding: 9px 4px;
}
table.formtable tbody td
{
    padding: 9px 4px;
}
table.formtable tfoot td
{
    padding: 9px 4px;
}
.button
{
    font: bold 11px Arial, Helvetica, sans-serif;
}
.input
{
    border: 3px solid #ccc;
	width: 232px;
	font-size: 11px;
    font: 11px Arial, Helvetica, sans-serif;
}
.PDFdownload{margin-bottom: 40px;}
.PDFdownload img{vertical-align: middle;}






/* ~~~~ THIS STUFF MUST BE LAST BECAUSE OF THE CASCADE EFFECT ~~~ */
/* ~~~ RIGHT COLUMN SPACE ~~~ */

td.rgt-space
{
	width: 26px;
	padding: 0;
}