/*********************************************************************
	
	GREAT! Stylesheet  (c) 2008
	Written by: ThatAgency.com
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	
*********************************************************************/


/* Reset CSS */
@import url("reset.css");

/* All Text CSS */
@import url("text.css");

/* 960 Grid CSS */
@import url("960.css");


/*********************************************************************
	Copy colors
*********************************************************************/

.blue {
	color:#02ACE7;
	}
.green {
	color:#186FBB;
	}
.red {
	color:#BA0103;
	}
.black {
	color:#000;
	}
.pink {
	color:#F0008F;
	}

/*********************************************************************
	Navigation
*********************************************************************/


.nav_container {
	background: #186FBB url("/img/nav_background.jpg") bottom center repeat-x;
	height:63px;
	margin:0;
	padding:0;
	line-height:1em;
	}
.home_btn a{
	height:57px;
	width:52px;
	background:url("/img/home_btn.jpg") 0 0 no-repeat;
	margin:0;
	padding:0;
	display:block;
	text-indent:-999em;
	float:left;
	}
.home_btn a:hover{
	background:url("/img/home_btn_over.jpg") 0 0 no-repeat;
	}
ul.nav {
	list-style:none;
	float:left;
	margin:0;
	font-weight:bold;
	}
.nav li {
	background:url("/img/nav_left.gif") 0 5px no-repeat;
	float:left;
	display:block;
	}
.nav li a {
	font-size:13px;
	outline:none;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:5px 15px 12px 10px;
	}
.nav li a span {
	font-size:11px;
	color:#A0CDEA;
	}
.nav li a:hover, .nav li a.active {
	background:#FFF;
	color:#186FBB!important;
	border-bottom:8px solid #02ACE7;
	}
* html .nav li a:hover {
	background:#FFF;
	color: #186FBB;
	border-bottom:8px solid #02ACE7;
	}

.great_days {
	float:right;
	text-align:right;
	color:#FFF;
	font-size:15px;
	width:220px;
	padding:20px 0 0;
	margin:0 10px 0 0;
	_margin:0;
	font-weight:bold;
	}


/*********************************************************************
	Home Page Flash
*********************************************************************/

#home_flash {
	height:520px;
	margin:0;
	padding:0;
	}



/*********************************************************************
	Interior Page
*********************************************************************/

.center_content_container {
	background:url("/img/interior_bck.jpg") top center no-repeat;
	padding:20px 0 0;
	}
.center_content {
	min-height:580px;
	}
.copy p {
	margin-bottom:10px;
	}
.copy a {
	color:#0E8ACE;
	}
.iconlink {
	_float:right;
	_padding:3px;
	}
.logo_overview {
	background:url("/img/great-overview-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_casestudies {
	background:url("/img/great-casestudies-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_contacts {
	background:url("/img/great-contacts-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_clients {
	background:url("/img/great-clients-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_login {
	background:url("/img/great-login-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_news {
	background:url("/img/great-news-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_services {
	background:url("/img/great-services-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_sitemap {
	background:url("/img/great-sitemap-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_testimonials{
	background:url("/img/great-testimonials-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}
.logo_blank{
	background:url("/img/great-blank-logo.gif") 75px 0 no-repeat;
	height:133px;
	padding-top:20px;
	}

a.great_logo_link {
	float:left;
	display:block;
	width:188px;
	height:100px;
	margin:0 250px 0 75px;
	_margin:0 230px 0 35px;
	/*border:1px red solid;*/
	text-indent:-999em;
	}
.copy ul {
	list-style:none;
	margin:0;
	font-weight:bold;
	}
.copy ul li {
	background: url("/img/list_box.gif") 0 5px no-repeat;
	padding:5px 0 0 18px;
	margin:5px 0 5px 15px;
	}
blockquote { /*handles the left quote graphic*/
	background: transparent url("/img/block_quote.gif") left top no-repeat;
	padding:25px;
	display:block;
	}

	

/*********************************************************************
	Lower Content In Green
*********************************************************************/

.lower_content_container {
	background:#709F03 url("/img/green_background.jpg") top center no-repeat;
	color:#FFF;
	padding:20px 0 0;
	}
.lower_content_container_int {
	background:#709F03 url("/img/green_background_int.jpg") top center no-repeat;
	color:#FFF;
	padding:20px 0 0;
	}
.green_content {
	height:150px;
	font-size:12px;
	line-height:1.3em;
	}
.green_content h1{
	font-weight:normal;
	}
.green_content a{
	color:#FFF;
	text-decoration:none;
	}
.green_content a:hover{
	text-decoration:underline;
	}
.here_link a {
	text-indent:-999em;
	width:50px;
	height:20px;
	display:block;
	margin:10px 0 0 280px;
	}
.c_here_link a {
	text-indent:-999em;
	width:50px;
	height:20px;
	display:block;
	margin:50px 0 0 280px;
	}


/*********************************************************************
	Case Studies Page
*********************************************************************/

.logo_case_studies {
	background:url("/img/logo_caseStudies.gif") 55px 0 no-repeat;
	text-align:right;
	height:120px;
	padding-top:20px;
	}
.case_studies h1 {
	margin-left:10px;
	padding-top:40px;
	color:#02ACE7;
	}
.case_studies p {
	margin-left:10px;
	width:640px;
	}
.case_active:hover {
	background:#E6F3FB;
	}
.copy .grid_3 {
	margin-bottom:5px;
	}
.back {
	padding:0 0 5px 0;
	}
.next_case {
	text-align:right;
	float:right;
	}

/*********************************************************************
	Case Studies Gallery Stuff
*********************************************************************/

#gallery {
	width:472px;
	height:450px;
	clear:both;
	}
.case_image {
	display:block;
	}
div.controls {
	margin-top: 5px;
	height: 23px;
	}
div.ss-controls {
	float: left;
	}
div.ss-controls span {
	font-size:10px;
	color:#0E8ACE;
	cursor: pointer;
	}
div.nav-controls {
	float: right;
	}
div.nav-controls a {
	padding: 5px;
	font-size:10px;
	color:#0E8ACE;
	}
div.slideshow {
	clear: both;
	}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
	}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	}
div.slideshow img {
	border: none;
	display: block;
	}
div.download {
	float: right;
	}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
	}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
	}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	}
div.gal_navigation {
	width:300px;float: left;
	}
div.content{
	display:block;
	}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	}

ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	}
ul.thumbs li.selected a {
	background: #00AFE9;
	}
ul.thumbs a:focus {
	outline: none;
	}
ul.thumbs img {
	border: none;
	display: block;
	}
div.pagination {
	clear: both;
	}
div.gal_navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	}
div.gal_navigation div.bottom {
	margin-top: 12px;
	}
div.pagination a, div.pagination strong {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	}
div.pagination a:hover {
	background-color: #ffc;
	text-decoration: none;
	}
div.pagination strong {
	background-color: #acf;
	}

/*********************************************************************
	Case Studies Tabbed Information
*********************************************************************/

.tabNavigation {
	clear:both;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	color:#CCC;
	}
.tabNavigation li {
	display:inline;
	}
.tabNavigation li a, .tabNavigation li a:hover {
	padding:10px 5px 10px 0;
	font-size:13px;
	font-weight:bold;
	color:#00AFE9;
	text-decoration:underline;
	}
.tabNavigation li a.last {
	border:none;
	}
.tabNavigation li a.selected {
	font-weight:bold;
	color:#00AFE9;
	text-decoration:none;
	text-transform:uppercase;
	}
.tabNavigation li a:focus {
	outline:0;
	}
div.tabNavigationSub {
	padding:20px 0;
	}
.tabNavigationSub p, .tabNavigationSub ul{
	margin-bottom:10px;
	font-size:11px;
	}
table.formTable td {
	margin:0;
	padding:5px 0;
	color:#000;
	font-weight:bold;
	}

.case_title {
	background:url("/img/case_study_title.gif") 0 0 no-repeat;
	height:115px;
	padding-top:20px;
	text-indent:-999em;
	margin-left:-30px;
	}
.case_title a{
	width:180px;
	height:133px;
	display:block;
	text-indent:-999em;
	}

.case_list {
	margin-bottom:20px;
	}
.case_list ul{
	width:350px;
	font-size:10px;
	margin:0;
	}
.case_list ul li {
	float:left;
	background: url("/img/list_box.gif") 0 7px no-repeat;
	width:140px;
	padding:5px 10px 0 20px;
	}
.case_list a {
	color:#00AFE9;
	text-decoration:underline;
	font-size:11px;
	}
.case_list a:hover {
	color:#F0008F;
	text-decoration:underline;
	}
	
	
/*********************************************************************
	Client Logo Page
*********************************************************************/

.client_logos img {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	}
	
/*********************************************************************
	Footer
*********************************************************************/

.footer {
	color:#999;
	font-size:10px;
	padding:5px 0 0 0;
	}
.footer a {
	color:#999;
	text-decoration:none;
	}
.footer a:hover {
	color:#BA0103;
	text-decoration:underline;
	}