/*** INTRO *******************************************************************************/
#wrapper.intro { padding-bottom: 0; }
#wrapper.intro .layout { margin-top: 0; display:block;}
/*****************************************************************************************/




/*** HOME ********************************************************************************/
.home-banner { padding: 35px 0 25px; overflow:hidden; height: 250px; }

	.home-banner-illustration { float: right; background: url(../img/boxes/white-shadow.jpg) bottom left no-repeat; padding: 0 0 12px 13px; margin: 0 0 0 0; }
	.home-banner-illustration a { border: 1px solid #e0e0e0; padding: 20px; background: #fff; float:left; position:relative; }
	.home-banner-illustration a img { border: 1px solid #e0e0e0; float:left;}
	
	.home-banner-text { width: 380px; height: 177px}

	.home-banner h1 { color: #0080b8; font-size: 20pt; }
	.home-banner h2 { color: #1298cc; font-size: 13pt; margin: 20px 0; line-height: 1.6em; }
	.home-banner h2 a { color: #A1C406; font-size: 16pt; }

	.home-banner-nav { float: right; clear: right; width: 432px; margin-top: -24px; position:relative; display:none; }
	.home-banner-nav a { float: right; background: url(../img/home-nav-arrows.png) no-repeat left top; width: 21px; height: 15px; }
	.home-banner-nav a.next { background-position: right top; margin-left: 5px;}
	.home-banner-nav a.next:hover { background-position: right bottom; }
	.home-banner-nav a.prev:hover { background-position: left bottom; }
	
	.home-banner-nav ul, .home-banner-nav ul li, .home-banner-nav ul li a { float: left; }
	.home-banner-nav ul li a { margin-right: 5px; background: url(../img/home-nav-dots.png) no-repeat left top; width: 15px; height: 15px; }
	.home-banner-nav ul li a:hover, .home-banner-nav ul li.active a { background-position: left bottom; }

	
	.btn-large { background: url(../img/buttons/btn-large.jpg) 0 0 no-repeat; display: block; height: 70px; width: 313px; position: absolute; margin: 0 0 0 -12px; }
	.btn-large:focus,
	.btn-large:hover { background: url(../img/buttons/btn-large.jpg) 0 -70px no-repeat; }
	.btn-large:active { background: url(../img/buttons/btn-large.jpg) 0 -140px no-repeat; }
	.btn-large span { display: none; }
	* html .btn-large { background: url(../img/buttons/btn-large.jpg) 0 0 no-repeat !important; }
	
	.news { margin: 10px 0;}
	
/* products */
.layout .home-product-box { padding: 0 0 10px 0; margin: 7px 0 0 -20px; background-position:left bottom; background-repeat:no-repeat; }
.layout .home-product-box p { margin-top: 5px; }

.layout .home-product-box-touchpoint { background-image:url(../img/products/touchpoint-hp.png); }
.layout .home-product-box-cmanager { background-image:url(../img/products/cmanager-hp.png); }

.layout .home-product-box-services { background-image:url(../img/spot1.jpg); }
.layout .home-product-box-awards { background-image:url(../img/spot2.jpg); }

.layout .empty { text-decoration: none; height: 235px; width: 285px; display: block; }
/*****************************************************************************************/




/*** PROJECTS ****************************************************************************/
/* project list */
.projectbox { width:100%; display:inline-block; margin: 10px 0 20px; }
.projectbox:hover .thumb { background: #4064A4; }
.projectbox .thumb { float:left; padding: 2px; width:300px; height:280px; margin-right: 15px; background: #999;}
.projectbox .description { float:left; width:510px; }
.projectbox .description h1 { margin-top:-4px; }
.projectbox .description .column { width: 240px; }

.ext-ie .projectbox { margin: 15px 0 30px 0; }
.ext-ie .projectbox .thumb:hover { background: #4064A4; }

/* single project */
.projects { margin-top:10px; }
h2.projects {  color: #505050; }
h3.projects { color: #505050; }

#screenbox .screen { width:558px; height: 312px; background: #fff url(../img/projects/frame-screen.png) left top no-repeat; margin: 0 -5px 0 -4px; }
#screenbox .screen img { margin: 3px; width: 540px; height: 295px; border:1px solid #CFCFCF; margin: 4px 0 0 8px; }
#screenbox .thumbs { display: inline-block; width:100%; margin: 20px -5px 10px -3px; }
#screenbox .thumbs li { float:left; margin: 0 10px 0 0; background: url(../img/projects/frame-thumb.png) left top no-repeat; width:126px; height:86px;}
#screenbox .thumbs li a { float:left; width:116px; height: 76px; background:#fff; margin: 1px 0 0 5px; }
#screenbox .thumbs li a img { width:116px; height: 76px; }

.client-feedback h3 { color:#505050; }
.client-feedback .quotebox { margin: 20px 0; }


/* project highlights */
.layout .project_highlights p { margin-bottom: 10px; }
.layout .project_highlights ul { border-top: 1px solid #E0E0E0; margin-bottom:10px; }
.layout .project_highlights ul li { color: #505050; font-weight:bold; border-bottom: 1px solid #E0E0E0; padding: 5px 20px; }
.layout .project_highlights ul li a { color: #505050; font-weight:bold; text-decoration:none; }
.layout .project_highlights ul li a:hover { color: #3977AC; }
/*****************************************************************************************/




/*** PRODUCTS ****************************************************************************/
h1.products { margin-top: 10px;  }
.product-box { background: #fff right top no-repeat; height:253px; padding-right: 380px; }
.product-box h1 { margin-bottom:20px; }
.product-box-touchpoint { background-image: url(../img/products/touchpoint-box.png); }
.product-box-touchpoint h1 { background:url(../img/products/touchpoint-title.png) left top no-repeat; height: 46px; width:213px;  }
.product-box-cmanager { background-image: url(../img/products/cmanager-box.png); }
.product-box-cmanager h1 { background:url(../img/products/cmanager-title.png) left top no-repeat; height: 46px; width:194px;  }
/*****************************************************************************************/



/*** SERVICES ****************************************************************************/
h1.services { margin-top: 10px;  }
.service-box { width: 208px; height:208px; float:right; }
	.service-box-piece { float:left; width:102px; height:102px; background: #fff left top no-repeat; margin: 0 0 2px 2px;}
	.service-box-piece:hover { background-position: left bottom; }
	.service-box-piece1 { background-image:url(../img/boxes/piece1.png); }
	.service-box-piece2 { background-image:url(../img/boxes/piece2.png); }
	.service-box-piece3 { background-image:url(../img/boxes/piece3.png); }
	.service-box-piece4 { background-image:url(../img/boxes/piece4.png); }

.service { margin-bottom:20px; display:inline-block; width:100%;}
.service .service-content { margin: 5px 0 0 20px; float:right; width: 710px;}

#dev_cycle { float: right; margin: 0 0 50px 50px; }

.app_graphic { float: right; width: 400px; background: url(../img/apps/app_gradient.png) top right repeat-y; text-align: right; padding: 19px 25px 0 0; }
	.app_graphic img { border: 1px solid #c0dde3; padding: 4px; margin-bottom: 15px; }
	.app_graphic p { color: #6a902a; font-size: 8pt; }
/*****************************************************************************************/




/*** ABOUT *******************************************************************************/
h1.about { margin-top: 10px;  }
.photo_frame { background:#fff url(../img/team/photo_frame.png) left top no-repeat; float:left; width: 148px; height: 168px; margin: 0 20px 20px -4px; }
.photo_frame img { margin: 5px 0 0 9px; }
.about-box { float:left; width: 230px; margin:0; }


/* job highlights */
.layout .job_highlights ul { margin:10px 0 10px 15px; list-style-type: square;}
.layout .job_highlights ul li { color: #505050; font-weight:normal; padding: 5px 0px; }
/*****************************************************************************************/

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




/*** AWARDS ******************************************************************************/
.awards { padding-bottom: 10px; }
.awards .spacer { width: 508px; margin-bottom: 0; }
.awards p, .awards h2 { width: 508px; }
.awards p { margin: 0 0 10px 0; }

.net_visionary { background: url(../img/awards/net_visionary.png) 618px 5px no-repeat; }
.golden_spiders { background: url(../img/awards/golden_spiders.png) 618px 5px no-repeat; }
.golden_spiders_shortlist { background: url(../img/awards/golden_spiders_shortlist.png) 618px 5px no-repeat; }
.dma { background: url(../img/awards/dna.png) 626px 5px no-repeat; }
.egovernment { background: url(../img/awards/egovernment.png) 632px 5px no-repeat; }
.egovernment_shortlist_2009 { background: url(../img/awards/egov_shortlist_2009.png) 632px 5px no-repeat; }
/*****************************************************************************************/




/*** CONTACT *****************************************************************************/
.xMapIcon { background: transparent url(../img/icons/xMapIcon.png) left top no-repeat; width: 32px; height: 37px; float:left; margin-right: 10px;}
#xAddress table { color:#261E00; width: 350px; line-height: 1.5em;}
#xAddress td { vertical-align:top; }
#xAddress a { color:#2C60BA; }
#xAddress a:hover { text-decoration:none; }

.contact-frame { background: #fff url(../img/contact-frame.gif) left top no-repeat; width: 392px; height:352px; padding:4px; margin-top: 15px; }
.contact-frame .contact-frame-content { background: #F3F3F3; height: 342px; padding-top: 10px; }
.contact-frame-form { margin-top: 5px; }

.contact-frame .contact-frame-content .contact-form-header { border:1px solid #C0DDE3; background: #F6F9FA; margin: 0 10px 15px; padding:1px; }
.contact-frame .contact-frame-content .contact-form-header h1 { border: 2px solid #FDFDFE; background: #F6FBFB; color:#6A902A; padding:5px; margin:0; text-transform:none; font-size: 9pt; }
.contact-frame .contact-frame-content #contactFormDiv { margin: 10px 7px 10px 10px; }
.contact-frame .contact-frame-content .btn { margin: 10px 10px 0 168px; display:none; }
.contact-frame  #infoLabel { font-size: 11pt; margin: 10px; display:none; }

.contact-infoText { height: 104px; }
/*****************************************************************************************/