a {
	color: #6e99ac;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-size: 12px;
	color: #333333;
	font-family: arial, sans-serif;
	text-align: center;
}

.clear {
	clear: both;
}

hr {
	border-top: 1px solid #cccccc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	margin: 40px 0 40px 0;
}
	
.divider {
	border-top: 1px solid #d9d9d9;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	margin: 30px 0;
	height: 1px;
	font-size: 1px;
}

.mainContent {
	width: 960px;
	margin: 0 auto;
}

.wrapperMain {
	font-size: 1.084em;
	text-align: left;
}

.columnLeft, .columnLeftTwo {
	width: 657px;
	float: left;
}

.columnRight, .columnRightTwo {
	width: 282px;
	float: right;
}

.headingBox { 
	font-family: "trebuchet ms", sans-serif;
	background: #EBE9DA;
	margin-top: 10px;
	padding: 10px;
	height: 80px;
	line-height: 20px;
}

.headingBox h1 {
	color: #B67B3F;
	font-weight: bold;
} 

.secondaryBox { 
	color: #777;
	font-family: "trebuchet ms", sans-serif;
	line-height: 20px;
	padding: 10px;
	margin-top: 60px;
}

.secondaryBox h1 {
	padding-top: 10px;
	color: #B67B3F;
	font-weight: bold;
} 

.secondaryBox img, .secondaryBox embed, .secondaryBox object {
	margin: -10px;
}

.secondaryBox ul > li {
	list-style-image: url("/images/ui/side_bullet.jpg");
	margin-left: 30px;
	padding: 10px 5px;
}

.actionBox {	
	color: #777;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	line-height: 20px;
	background: #EBE9DA;
	padding: 10px;
}

/*=====================Header Styles===============*/
.headerLogo {
	background: url("/images/ui/header.jpg") top center;
	height: 316px;
}


.headerMain {
	text-align: left;
}

.headerText {
	background: url("/images/ui/bgHeader.jpg") top left;
	height: 63px;
	text-align: center;
}

.headerText .subTitle {
	text-align: left;
	color: #e0c8ad;
	font-size: 30px;
	font-family: "trebuchet ms", serif;
	padding-top: 13px;
	width: 960px;
	margin: 0 auto;
}

.headerMain .company { background: url("/images/ui/hdr_company.jpg") top right; height: 65px; width: 960px; margin: 0 auto; }
.headerMain .contact { background: url("/images/ui/hdr_contactus.jpg") top right; height: 65px; width: 960px; margin: 0 auto; }
.headerMain .portfolio { background: url("/images/ui/hdr_portfolio.jpg") top right; height: 65px; width: 960px; margin: 0 auto; }
.headerMain .products { background: url("/images/ui/hdr_products.jpg") top right; height: 65px; width: 960px; margin: 0 auto; }
.headerMain .error { background: #990000; height:10px; }

.subNav .portfolio_selected { background:url("/images/ui/carrot.png") #709BAE center top no-repeat; padding: 12px 0px; }
.subNav .company_selected { background:url("/images/ui/carrot.png") #B37633 center top no-repeat; padding: 12px 0px; }

.headerTop {
	height: 102px;
	position: relative;
	background: url("/images/ui/logo.jpg") top left no-repeat;
	width: 960px;
	margin: 0 auto;
}

.headerTop .home {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 154px;
	height: 80px;
}

.headerTop .trax {
	position: absolute;
	background: url("/images/ui/iconLock.gif") center left no-repeat;
	padding-left: 13px;
	color: #b17533;
	font-family: "trebuchet ms", sans-serif;
	right: 0px;
	top: 50px;
	font-size: 11px;
}

.headerTop .trax:hover {
	text-decoration: underline;
}

.headerTop .navTop {
	left: 237px;
	top: 48px;
	position: absolute;
}

.headerTop .navTop li {
	display: inline;
	font-family: "trebuchet ms", sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.headerTop .navTop li a {
	color: #6f9aad;
	margin-right: 40px;
	padding: 5px 10px 15px 10px;
}
/*
.headerTop .navTop li.selected a {
	color: #99953b;
	background: #f0efe2 url("/images/ui/navArrow.gif") center bottom no-repeat;
}
*/
.headerLogo span, .headerMain span {
	display: none;
}

.subNav {
	background: #e8e5e3; /* E2DEDC */
	font-size: 14px;
	padding: 0 20px;
	font-weight: bold;
}

.subNav .left {
	float: left;
}

.subNav .right {
	float: right;
}

.subNav ul li {
	display: inline;
	margin-right: 20px;
}

.subNav a {
	line-height: 40px;
	display: inline-block;
	height: 40px;
}

.subNav a.iconGrid {
	background: url("../images/ui/iconGrid.png") center left no-repeat;
	padding: 0 20px;
}

.st_sharethis_custom {
	line-height: 40px;
	display: inline-block;
	height: 40px;
	background: url("../images/ui/iconShare.gif") center left no-repeat;
	color: #6e99ac;
	padding: 0 20px;
	text-decoration: none;
}
.st_sharethis_custom:hover {
	text-decoration: underline;
}

.subNav ul li.selected a {
	background: url("../images/ui/subNav_select.gif") top center no-repeat;
	color: #99953b;
}

/*=====================End Header Styles===============*/


/*=====================Footer Styles===============*/

.footerContent {
	background: url("/images/ui/bgFooterContent.gif") top left no-repeat;
	margin: 20px auto 0 auto;
	width: 960px;
	padding-top: 30px;
}

.footerContent .columnLeft {
	width: 657px;
	float: left;
}

.footerContent .columnRight {
	width: 273px;
	float: right;
}

table.sitemap {
	width: 100%;
}

table.sitemap h1 {
	background: #b17533;
	padding: 4px 5px;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
}

table.sitemap ul {
	margin-top: 15px;
}

table.sitemap ul li {
	margin-bottom: 10px;
	line-height: 18px;
}

table.sitemap td.portfolio ul {
	width: 235px;
}

table.sitemap td.products ul {
	 width: 240px;
}

table.sitemap td.company ul {
	width: 128px;
}

table.sitemap td.company ul li {
	display: inline-block;
	width: 100px;
}

table.sitemap td h1 {
	 margin-right: 24px;
}

table.sitemap td.company h1 {
	  margin-right: 0px !important;
}

.footerMain {
	font-size: 16px;
	color: #6e99ac;
	font-weight: bold;
	width: 960px;
	margin: 40px auto;
}

.footerMain a {
	margin-left: 20px;
}

.footerMain span {
	color: #666666;
	font-size: 12px;
	display: block;
	margin-top: 10px;
	font-weight: normal;
}

.footerMain .copyright {
	float: right;
	color: #dbdada;
	font-size: 11px;
	font-weight: normal;
}

/*=====================End Footer Styles===============*/

/*=====================Main Content  Styles===============*/

.standard {
	font-size: 13px;
	line-height: 19px;
	padding: 20px;
	font-family: "trebuchet ms", sans-serif;
	color: #666666;
}

.standard h1 {
	font-size: 24px;
	color: #9f9b46;
	font-family: "trebuchet ms", sans-serif;
	margin-bottom: 15px;
	line-height: 38px;
}

.standard h2 {
	font-size: 20px;
	color: #9f9b9b;
	font-family: "trebuchet ms", sans-serif;
	margin-bottom: 15px;
	line-height: 28px;
}

.columnSingle .standard h2 {
	margin-bottom: 0px;
	font-size: 23px;
	font-weight: normal;
}

.standard h3 {
	color: #b17533;
	text-transform: uppercase;
	font-size: 13px;
	margin: 4px 0;
	font-weight: bold;
}

.standard ul {
	padding-bottom:13px;
}
.standard li {
	list-style: square;
	margin-left: 50px;
}

.mainContent .standard tr > td {
	padding-right: 10px;
}

.mainContent .columnSingle {
	width: 960px;
}

.moreLink {
	margin: 10px 0;
}

.ribbon {
	background: #6f9aad url("/images/ui/iconArrowRight.gif") center right no-repeat;
	height: 16px;
	color: #FFF;
	line-height: 16px;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0px 8px 0px 5px;
}

table.tableListing td {
	padding-right: 20px;
}

.mainContent .sidebar {
	font-size: 12px;
	line-height: 20px;
	padding-top: 20px;
	font-family: "trebuchet ms", sans-serif;
	color: #696969;
}

.mainContent .sidebar h1 {
	font-size: 17px;
	color: #b17533;
	font-weight: normal;
	font-family: "trebuchet ms", serif;
	margin: 5px 0px 10px 0px;
}


/*=====================News Widget===============*/
.widgetNews {
	background: #e8e5e3;
	margin-top: 20px;
}

.widgetNews .contentPadding {
	padding: 20px;
	line-height: 16px;
}

.widgetNews h1 {
	background: url("/images/ui/bgNews.gif") top left no-repeat;
	height: 47px;
	position: relative;
}

.widgetNews h1 span {
	display: none;
}

.widgetNews .iconRSS {
	position: absolute;
	top: 15px;
	right: 15px;
}

.widgetNews h2 {
	font-size: 18px;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	line-height: 18px;
}

.widgetNews .date {
	font-size: 11px;
	margin-top: 10px;
	color: #666666;
}

.widgetNews h2 a {
	color: #6b95a7;
}

.widgetNews .thumbnail {
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	border: 3px solid #dcd6d6;
}
/*=====================End News Widget===============*/

/*=====================Twitter Widget===============*/

.widgetTwitter {
	background: url("/images/ui/bgTwitter.gif") top left no-repeat;
	position:relative; 
    overflow:hidden;
	width: 280px;
    height: 130px;
}

.widgetTwitter .contentPadding {
	padding: 10px 17px 17px 17px;
	line-height: 18px;
	font-size: 15px;
}

.widgetTwitter .date {
	font-size: 11px;
	margin-top: 5px;
}

.footerTwitter {
	background: #FFF url("/images/ui/bgTwitter_footer.gif") top right no-repeat;
	padding-top: 10px;
	font-size: 11px;
}

.footerTwitter .iconTwitter {
	background: url("/images/ui/iconTwitter.gif") center left no-repeat;
	padding: 2px 0 2px 22px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
	font-family: "trebuchet ms", sans-serif;
}

.tweetItem {
	width: 240px;
	height: 100px;
}

.widgetTwitter > .items {
	width:20000em; 
    position:absolute;
}

/*=====================End Twitter Widget===============*/

/*=====================Enformants Widget===============*/

.boxEnformants {
	background: url("/images/ui/bgEnformants.png") top left no-repeat #E0E9ED;
	color: #666666;
	font-size: 11px;
}

.boxEnformants .contentPadding {
	padding: 10px;
}

.boxEnformants h1 {
	font-size: 13px;
	color: #FFF;
	font-weight: normal;
	background: #6f9aad;
	padding: 4px 10px;
}

.boxEnformants .text h1 {
	font-size: 20px;
	font-family: "trebuchet ms", serif;
	color: #666666;
	font-weight: bold;
	background: none;
	padding: 0px;
	margin-bottom: 0px;
}

.boxEnformants .pic {
	float: left;
}

.boxEnformants .text {
	margin-left: 75px;
}

.boxEnformants .quote {
	font-style: italic;
	margin-bottom: 10px;
}

.boxEnformants strong {
	text-transform: uppercase;
}
/*=====================End Enformants Widget===============*/


/*=====================Spotlight===============*/

a.browse {
	cursor:pointer;
	font-size:1px;
	display:block;
	float:left;
	width:12px;
	height:275px;
	margin: 0 4px;
	text-align:center;
	background: #E0EAEC;
}

a.left { background: center url(../images/ui/scrollLeft.png) no-repeat #E0EAEC; }
a.left:hover { background: center url(../images/ui/scrollLeft.png) no-repeat #C0E9FF; }
a.right {
	background: center url(../images/ui/scrollRight.png) no-repeat #E0EAEC;
	clear:right; 
}
a.right:hover { background: center url(../images/ui/scrollRight.png) no-repeat #C0E9FF; }
a.disabled { display: none; }
div.disabled { display: none; }

div.spotlight { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 920px; 
    height: 275px; 
	float:left;	
}
div.spotlight .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 
div.spotlight .items div { 
    float:left; 
    cursor:pointer; 
    width:920px; 
    margin:0px; 
} 

div.navi {
    position:absolute;
	margin-left: 20px;
    width: 630px;
	z-index: 10;
}

div.navi a {
	width:12px;
	height:12px;
	margin:3px;
	background:url(../images/ui/spotlightDot.png) 0 0 no-repeat;
	font-size:1px;
	display:block;
	float: left;
}

div.navi a:hover {
	background-position:0 -14px;      
}
div.navi a.active {
	background-position:0 -14px;     
}

.widgetSpotlight {
	margin-top: 20px;
}

/*=====================End Spotlight===============*/
/*===================== Portfolio Item===============*/

div.itemImages { 
	padding: 20px 0;
    position:relative; 
    overflow:hidden; 
    width: 651px;
	height: 542px;
	float:left;	
}
div.itemImages .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 
div.itemImages .items div { 
    float:left; 
    cursor:pointer; 
    width: 649px;
	height: 542px;
    margin:0px; 
	border: 1px solid #E8E5E3;
} 
a.browseTall {
	height:542px;
}

.portfolioItemSubNav {
	width: 946px;
	margin: 0 auto -20px auto;
}

/*=====================End Portfolio Item===============*/

/*=====================Temporary Styles===============*/
.headerSplash {
	background: url("/images/ui/headerSplash.jpg") top center no-repeat;
	height: 316px;
}

.footerContentSplash {
	padding-top: 30px;
	background: url("/images/ui/bgSplash.jpg") top center repeat-x;
}

.splashText {
	font-size: 16px;
	line-height: 21px;
}

.splashText h1 {
	font-size: 32px;
	color: #b17533;
	font-family: "trebuchet ms", sans-serif;
	margin-bottom: 15px;
	line-height: 38px;
}

.footerContentSplash .columnLeft {
	width: 657px;
	float: left;
}

.footerContentSplash .columnRight {
	width: 273px;
	float: right; 
}

/*=====================Temporary Portfolio Styles===============*/

.wrapperContent h2 {
	font-size: 20px;
	color: #b17533;
	font-family: "trebuchet ms", sans-serif;
	margin-bottom: 15px;
	line-height: 17px;
}

.portfolio_gallery {
	list-style: none;
	width: 960px;
	overflow: hidden;
	margin: 15px 0 0 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

.portfolio_gallery li {
	list-style-type: none;
	float: left;
	margin: 0 14px 6px 0px;
	padding: 0;
	position: relative;
}

.portfolio_gallery a {
	text-decoration: none;
	display:block;
	margin-top: 6px;
}

.portfolio_gallery a:hover {
	text-decoration: underline;
}

.portfolio_gallery img {
	border: 1px solid #CCCCCC;
}

.portfolio_gallery a span {
	position: absolute;
	top: 20px;
	left: 0;
	background: #b17533;
	font-size: 11px;
	padding: 4px 8px;
	color: #fff;
	display: none;
}
.portfolio_gallery a:hover span {
	display: block;
	text-decoration:none;
}

.portfolioItem div
{
	margin: 10px 0px;
}

.caption{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-top: 6px;
	height: 25px;
	display:block;
	width: 176px;
	line-height: 14px;
	margin-bottom: 10px;
}


/*=====================Featured Widget===============*/

.boxFeatured {
	color: #9f9b9b;
	font-size: 12px;
	font-family: "trebuchet ms", serif;
	line-height: 18px;
}

.boxFeatured .contentPadding {
	padding: 10px;
}

.boxFeatured h1 {
	font-size: 17px;
	color: #b17533;
	font-weight: normal;
	font-family: "trebuchet ms", serif;
	margin: 5px 0px 10px 0px;
}

.boxFeatured h1 a {
	color: #b17533;
}

.boxFeatured h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #999999;
	margin-bottom: 0px;
}

.boxFeatured .pic {
	text-align: center;
	margin: 20px 0px 10px 0px;
}

/*=====================Overlay===============*/

.simple_overlay { 
    display:none; 
    z-index:10000; 
    background-color:#343434; 
    min-width:300px;
    min-height:200px; 
    border:1px solid #909090; 
    -moz-box-shadow:0 0 30px 5px #000; 
    -webkit-box-shadow: 0 0 30px #000;     
} 
 
.simple_overlay .close { 
    background-image:url(../images/ui/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlay a[rel=next] {
    position:absolute; 
    right: 0px; 
    top: 35px; 
	display: block;
	background: #709BAE;
	color: #fff;
	padding: 10px;
}

.simple_overlay a[rel=prev] {
    position:absolute; 
    left: 0px; 
    top: 35px; 
	display: block;
	padding: 10px;
	background: #709BAE;
	color: #fff;
}

.thumb {
	cursor: pointer;
}

/*===================== Company Style ===============*/

.clients {
	border-collapse: collapse;
}

.clients td {
	height: 200px;
	width: 210px;
	vertical-align: middle;
	text-align: center;
}

.clients .whoopi {	border: solid 1px #ccc; }
.clients .tl {	border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.clients .tr {	border-left: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.clients .bl {	border-right: solid 1px #ccc; border-top: solid 1px #ccc; }
.clients .br {	border-left: solid 1px #ccc; border-top: solid 1px #ccc; }

#design.exposed, #development.exposed, #discovery.exposed, #deploy.exposed { 
	padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
}
#design, #development, #discovery, #deploy { background: #fff; }

#chart { margin-top: 20px; }

div.zone1, div.zone2, div.zone3, div.zone4, div.zone5 { width: 192px; float: left; }
.zone1 img, .zone2 img, .zone3 img, .zone4 img, .zone5 img { margin: 16px; border: 1px solid #fff; }

.zone1.exposed { background: #709BAE; }
.zone2.exposed { background: #CBCA9C; }
.zone3.exposed { background: #B67B3F; }
.zone4.exposed { background: #99953A; }
.zone5.exposed { background: #B6CDD5; }

div.spaceshow { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 480px; 
    height: 320px; 
	float:left;	
}
div.spaceshow .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 
div.spaceshow .items img { 
    float:left; 
    cursor:pointer; 
    width:480px; 
    margin:0px; 
}