/* ----------------------------------------- */
/* GENERAL */
/* ----------------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #5c5348;
}

table {
	border-collapse: collapse;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #968D7E;
}

h1 {
	font-size: 14px;
	margin: 0 0;
	margin-bottom: 8px;
}

h2 {
	font-size: 10px;
	margin: 0 0;
}

.error {
	color: #840000;
}

.errorStar {
	color: #840000;
	font-weight: bold;
}

img {
	border: 0px;
}

hr {
	color: #D3D3D3;
}

ul li {
	margin: 1px 0 0 0;
	margin-left: -10px;
	list-style-image: url('../images/list_off.jpg');
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}



/* ----------------------------------------- */
/* DIV IDS */
/* ----------------------------------------- */

#page {
	margin: 0 auto;
	/*
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 50px;
	*/
	width: 900px;
	background: #524940;
}

#left-holder {
	float: left;
	width: 663px;
	background: #4F463D url('../images/bg_left.jpg') no-repeat top right;
}

#right-holder {
	float: right;
	width: 236px;
	border-left: 1px solid #61594E;
	background: #5c5348;
}

#main-home {
	margin: 0 auto;
	width: 648px;
}

#main-int {
	margin: 0 auto;
	width: 900px;
	background: #4F463D url('../images/bg_internal_content.jpg') no-repeat top right;
}

#header {
	margin: 0 auto;
	height: 67px;
	z-index: 5;
}

#logo {
	float: left;
	margin-top: 19px;
}

#main-nav {
	float: right;
	margin-top: 19px;
	z-index: 5;
}

#intro-copy {
	clear: both;
	margin: 0 auto;
	padding-top: 31px;
	height: 72px;
	width: 617px;
}

#flash {
	margin: 0 auto;
	height: 514px;
	width: 617px;
	z-index: 3;
}

#home-services {
	clear: both;
	margin: 0 auto;
	width: 617px;
}

/*
#home-services-title {
	width: 617px;
}
*/

#home-services-copy {
	float: left;
	width: 317px;
}

#home-services-list {
	float: left;
	margin-left: 20px;
	width: 280px;
	padding: 16px 0 0 0;
}

#right-content {
	margin: 0 auto;
	width: 214px;
}

#client-hub-nav {
	margin-top: 24px;
}

#breadcrumbs {
	clear: both;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main-project-img {
 clear: both;
 margin-bottom: 15px;
 border: 2px solid #FFFFFF;
}

#project-details {
	clear: both;
	margin-bottom: 15px;
	width: 854px;
	display: inline;
}

#project-desc {
	float: left;
	height: 217px;
	width: 546px;
	padding: 10px 10px 0 10px;
	background: url('../images/bg_description.jpg') no-repeat top left;
}

#mini-nav {
	float: left;
	margin-left: 12px;
	height: 227px;
	width: 274px;
}

#project-testimonial {
	height: 253px;
	width: 242px;
	padding: 16px;
	background-color: #645B51;
}

#rss {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	line-height: 120%;
	color: #8E8476;
	text-align: left;
}
#rss a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #E6E0D4;
}

#email-field {
	float: left;
}

#form-button {
	float: left;
	padding: 1px 0 0 10px;
}

#featured-projects-g1 {
	clear: both;
	margin-bottom: 15px;
	height: 184px;
	width: 854px;
}

#featured-projects-g2 {
	clear: both;
	margin-bottom: 15px;
	height: 184px;
	width: 854px;
}

#thumbover {
	background: url('../images/bg_featured_text_on.jpg') repeat-x bottom left;
}

#thumbover .feat-georgia-beige-14 {
	color: #E69B39;
}

#full-list-heading {
	clear: both;
	height: 35px;
	width: 854px;
}

#full-list-large {
	float: left;
	margin-bottom: 20px;
	width: 585px;
}

#full-list-small {
	clear: both;	
	float: left;
	width: 585px;
}

#serv-ind-boxes {
	float: left;
	width: 260px;
}

#service {
	clear: both;
	margin-bottom: 10px;
}

#service {
	clear: both;
	margin-bottom: 10px;
}

#twitter-mask {
	position: absolute;
	height: 450px;
	width: 180px;
	overflow: hidden;
}

#flashcontent {
	position: relative;
	top: 0;
	left: -0px;
}

#footer {
	clear: both;
	height: 30px;
	padding: 10px 0px 20px 0px;
}

#copyright {
	float: left;
}

#contact-nums {
	float: right;
	padding-right: 5px;
}



/* ----------------------------------------- */
/* MINI-NAV IDS AND CLASSES */
/* ----------------------------------------- */

#mini-nav-stats {
	position: absolute;
	visibility: visible;
	width: 274px;
}
#stats-menu {
	height: 28px;
	width: 274px;
	background: url('../images/menu/bg_stats.jpg') no-repeat top left;
}
#stats-bg {
	height: 190px;
	width: 274px;
	background-color: #61594E;
}
#stats-container {
	position: absolute;
	top: 28px;
	left: 0px;
	clip:rect(8px 300px 180px 0px);
	height: 180px;
	width: 264px;
	padding: 5px;
	overflow: hidden;
}
#stats-content {
	position: relative;
	left: 0px;
	width: 250px;
	padding: 5px;
	background-color: #61594E;
}

#mini-nav-related {
	position: absolute;
	visibility: hidden;
	width: 274px;
}
#related-menu {
	height: 28px;
	width: 274px;
	background: url('../images/menu/bg_related.jpg') no-repeat top left;
}
#related-content {
	clear: both;
	height: 180px;
	width: 264px;
	padding: 5px;
	background-color: #61594E;
}

#mini-nav-challenge {
	position: absolute;
	visibility: hidden;
	width: 274px;
}
#challenge-menu {
	height: 28px;
	width: 274px;
	background: url('../images/menu/bg_challenge.jpg') no-repeat top left;
}
#challenge-bg {
	height: 190px;
	width: 274px;
	background-color: #61594E;
}
#challenge-container {
	position: absolute;
	top: 28px;
	left: 0px;
	clip:rect(8px 300px 180px 0px);
	height: 180px;
	width: 264px;
	padding: 5px;
	background-color: #61594E;
	overflow: hidden;
}
#challenge-content {
	position: relative;
	left: 0px;
	width: 230px;
	padding: 5px;
	background-color: #61594E;
}

.tab-stats {
	float: left;
	margin-left: 16px;
	padding: 8px 0 0 0;
	display: inline;
}

.tab-related {
	float: left;
	margin-left: 33px;
	padding: 8px 0 0 0;
	display: inline;
}

.tab-challenge {
	float: left;
	margin-left: 30px;
	padding: 8px 0 0 0;
	display: inline;
}

.related-thumb {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}



/* ----------------------------------------- */
/* 
CUSTOMER SCROLLER

The channels are 'scrollArea' and 'scrollArea2' 
with the slider being 'scroller' and 'scroller2'

*/
/* ----------------------------------------- */

#scrollArea {
	position: absolute;
	left: 260px;
	top: 40px;
	height: 165px;
	width: 5px;
	border: 1px solid #666;
	background: #464039;
	overflow: hidden;
}

#scroller {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #776D5F;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}

#scrollArea2 {
	position: absolute;
	left: 260px;
	top: 40px;
	height: 165px;
	width: 5px;
	border: 1px solid #666;
	background: #464039;
	overflow: hidden;
}

#scroller2 {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #776D5F;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}


/* ----------------------------------------- */
/* DIV CLASSES */
/* ----------------------------------------- */

.float-left {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
}

.featured-inv-lm0 {
	float: left;
	margin-left: 0px;
	width: 208px;
	background: url('../images/bg_featured_text.jpg') repeat-x bottom left;
}

.featured-inv-lm5 {
	float: left;
	margin-left: 5px;
	width: 208px;
	background: url('../images/bg_featured_text.jpg') repeat-x bottom left;
}

.home-client-thumb-lm0 {
	float: left;
	margin-left: 0px;
}

.home-client-thumb-lm3 {
	float: left;
	margin-left: 3px;
}

.popup-title {
	float: left;
}

.popup-close {
	float: right;
}

.dots-1 {
	clear: both;
	height: 30px;
	background: url('../images/bg_dot.jpg') repeat-x center;
}

.dots-1a {
	clear: both;
	height: 5px;
	background: url('../images/bg_dot.jpg') repeat-x center;
}

.dots-2 {
	clear: both;
	height: 20px;
	background: url('../images/bg_dot2.jpg') repeat-x center;
}

.narrow-col {
	width: 617px;
}

.wide-col {
	margin: 0 auto;
	width: 854px;
}

.project-thumbs {
	clear: both;
	margin: 0 0;
	margin-bottom: 14px;
	width: 854px;
	display: inline;
}

.thumb-img-nom {
	float: left;
	margin-left: 0px;
	height: 284px;
	width: 272px;
}

.thumb-img-yesm {
	float: left;
	margin-left: 17px;
	height: 284px;
	width: 272px;
}

.spacer-thumbs {
	clear: both;
	height: 13px;
}
.spacer-thumbs img {
	height:13px;
}

.featured-thumb-copy {
	height: 42px;
	padding: 8px 10px 0 10px;
}

.list-box {
	padding: 10px;
	background-color: #595147;
	border-top: 1px solid #746B5F;
}


/* ----------------------------------------- */
/* FONT CLASSES */
/* ----------------------------------------- */

.georgia-beige-10 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	line-height: 11px;
	color: #B3AA9B;
}

.georgia-beige-12 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #B3AA9B;
}

.georgia-beige-13 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	color: #B3AA9B;
}

.georgia-beige-14 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #B3AA9B;
}

.feat-georgia-beige-14 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #B3AA9B;
}

.georgia-beige-17 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	color: #B3AA9B;
}

.georgia-beige-18 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	color: #B3AA9B;
}

.georgia-white-10 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	line-height: 11px;
	color: #E6E0D4;
}

.georgia-white-12 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #E6E0D4;
}

.georgia-beige-12 a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #AA8B61;
}

.georgia-beige-12 a:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #FFFFFF;
}

.treb-white-12 a {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	color: #AA8B61;
}

.treb-white-12 a:hover{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
}

.georgia-white-13 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	line-height: 120%;
	color: #FFFFFF;
}

.georgia-white-14 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	line-height: 120%;
	color: #FFFFFF;
}

.georgia-white-24 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 120%;
	color: #FFFFFF;
}

.georgia-dkbeige-12 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #8E8476;
}


.treb-white-11 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	color: #FFFFFF;
}


.treb-white-12 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
}

.treb-white-14 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.treb-offwhite-12 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #F1E4D5;
}

.treb-offwhite-14 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	color: #F1E4D5;
}

.treb-beige-11 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	color: #AEA493;
}

.treb-beige-12 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	color: #AEA493;
}

.treb-beige-14 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #AEA493;
}

.treb-dkbeige-11 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	color: #9E9386;
}

.treb-dkbeige-12 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #9E9386;
}



/* ----------------------------------------- */
/* LINKS */
/* ----------------------------------------- */

a.georgia-white-12 {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #8E8476;
}
a.georgia-white-12:hover {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #F1EBDF;
}

a.georgia-white-17 {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	color: #AA8B61;
}
a.georgia-white-17:hover {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	color: #F1EBDF;
}

a.treb-white-14:hover {
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #9a713b;
}

a.georgia-beige-17 {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	color: #B3AA9B;
}
a.georgia-beige-17:hover {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	color: #B3AA9B;
}

a.georgia-dkbeige-11 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 120%;
	color: #8E8476;
}
a.georgia-dkbeige-11:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 120%;
	color: #8E8476;
}

a.georgia-white-18 {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	color: #AA8B61;
}
a.georgia-white-18:hover {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	color: #F1EBDF;
}

a.treb-beige-12 {
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #AEA493;
}
a.treb-beige-12:hover {
	text-decoration: underline;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #AEA493;
}

a.treb-dkbeige-12 {
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #9E9386;
}
a.treb-dkbeige-12:hover {
	text-decoration: underline;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #9E9386;
}


/* ----------------------------------------- */
/* OPACITY */
/* ----------------------------------------- */

.opacity50 {
	filter: alpha(opacity=50);
	moz-opacity: .50;
	opacity: .50;
}

.opacity80 {
	filter: alpha(opacity=80);
	moz-opacity: .80;
	opacity: .80;
}



/* ----------------------------------------- */
/* IMAGES */
/* ----------------------------------------- */

.sm-title {
	margin-bottom: 5px;
}

.client_img {
	border: 2px solid #FFFFFF;
}


/* ----------------------------------------- */
/* INPUT FIELDS */
/* ----------------------------------------- */

.text-beige {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #938A7B;
	padding: 3px;
	width: 154px;
	background-color: #655D53;
	border: 1px solid #6E665C;
}





/* ----------------------------------------- */
/* ADDITIONS 09-07-07 */
/* ----------------------------------------- */

#thin-content {
	clear: both;
	width: 600px;
	margin-bottom: 60px;
}

.thin-content {
	clear: both;
	width: 600px;
}

#generic-content {
	visibility: visible;
	display: block;
	clear: both;
	margin-bottom: 60px;
}

.team-member {
	display: none;
	margin-bottom: 60px;
	z-index: 3;
}


a.georgia-white-14 {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #F2E9E0;
}
a.georgia-white-14:hover {
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #FFA93A;
}

a.treb-orange-12 {
	text-decoration: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #FE9901;
}
a.treb-orange-12:hover {
	text-decoration: underline;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #FE9901;
}

#dhtmltooltip {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	border: 1px solid #4E453C;
	width: 150px;
	padding: 3px;
	background-color: #5B5348;
	visibility: hidden;
	z-index: 100;
	filter: Alpha(Opacity=90);
	moz-opacity: .90;
	opacity: .90;
}

.btm-marg-30 {
	margin-bottom: 30px;
}

.dots-3 {
	clear: both;
	margin-top: 20px;
	height: 1px;
	background: url('../images/bg_dot.jpg') repeat-x center;
}

#studio-float-1 {
	float: left;
	margin-bottom: 60px;
	width: 271px;
	padding: 10px 10px 0 0;
	background: url('../images/bg_dot.jpg') repeat-y top right;
}

#studio-float-2 {
	float: left;
	margin-bottom: 30px;
	width: 256px;
	padding: 10px 10px 0 10px;
	background: url('../images/bg_dot.jpg') repeat-y top right;
}

#studio-float-3 {
	float: left;
	margin-bottom: 30px;
	width: 275px;
	padding: 10px 0 0 10px;
}


/* ----------------------------------------- */
/* ADDITIONS 10-25-07 */
/* ----------------------------------------- */

#team-extra {
	float: right;
	padding-top: 6px;
}

#team-flash {
	z-index: 1;
}


/* ----------------------------------------- */
/* ADDITIONS 12-03-08 */
/* ----------------------------------------- */

.hold-icon-example {
	clear: both;
	margin-top: 20px;
	float: left;
	width: 100%;
	padding: 15px 0 30px 0;
	background: #504740;
}

.icon-screen-shots {
	float: left;
	margin-left: 15px;
}

.icon-images {
	float: right;
	width: 227px;
	padding: 10px;
	margin-top: 15px;
	margin-right: 30px;
	background: #443b34;
	font-family: Arial;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}

* html .hold-icon-example, .icon-screen-shots, .icon-images {
	display: inline;
}