/*------------------------------------------
globals
-------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

* {
	margin:0;
	padding:0;
	outline:0;
	/*border: none;*/
}

img {
	border: none;
}

body {
	background-color:#FFF;
	color:#333;
	/*opacity: 0.99999;*/  /*breaks FF mac with flash objects*/
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

ul,ol,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

p {
   margin: 10px 0;
}

strong, em {
	/* font-style: italic; */
	font-weight: normal;
}

.hideText {
	text-indent: -4000px;
}

.clear {
	clear: both;
}

.largeWhiteWhitney {
	font-style:normal;
	font-family:"Helvetica", Arial, sans-serif;
	font-size:72px;
	color:#e7e7e7;
}

.italicGerogia {
	font-style:italic;
	font-size:14px;
	color:#e7e7e7;
}

.smallGreen {
	font-family:"Helvetica", Arial, sans-serif;
	font-size:10px;
	color:#7eb500;
}

.greenText150 {
	font: 14px/12px Georgia,Times,serif;
	color:#7eb500;
}

.dataMiniHolder th {
	text-align: right;
	color: #7eb500;
	font: 14px/12px Georgia,Times,serif;
	padding: 3px 5px 3px 0;
}
.dataMiniHolder td {
	font: italic 10px/10px Georgia,Times,serif;
	padding: 3px 0;
}
.dataMiniHolder td+th {
	padding-left: 5px;
}

.greenText {
	color:#7eb500;
}

a {
	color: #7eb500;
}

a:visited {
	color: #989896;
	text-decoration:none;
}

a:hover {
	color: #5a595f;
}

/*============================================================
GLOBAL WRAPPERS
============================================================*/

#topBlackBar {
	height:15px;
	background-color:black;
	width:100%;
}

#contentWrapper {
	width: 900px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #E6E6E6;
	margin: 1px auto 0 auto;
	position: relative;
}

#headerWrapper {
	width:900px;
	margin:0 auto 0 auto;
}

/*////////////////////////////////
Header
////////////////////////////////*/

#navContainer {
	position:relative;
	width:550px;
	height:100px;
	z-index:200;
}

#topLogo {
	position:absolute;
	width: 101px;
	height: 98px;
	top: 25px;
	left: 10px;
	background: url('/static/site_images/logo.gif') no-repeat scroll top left;
	z-index: 250;
	cursor: pointer;
	text-indent: -9999px;
}

#headerContent {
	position:relative;
	width:100%;
	background: #ddd url('/static/site_images/diagnal-header-home.gif') no-repeat;
	height:269px;
}

#outerCopy {
	position: absolute;
	bottom: 3px;
	left: 39px;
	z-index: 47;
}

#topHeadline {
	float: left;
	clear: both;
	margin: 0 0 4px 0;
	padding: 10px 25px 0px 15px;
	font: 72px/72px "Droid Serif", Georgia, serif;
	background-color: #fff;
	color: #5b9e00;
	text-rendering: optimizeLegibility;
}

#topBody {
	float: left;
	clear: both;
	padding: 5px 25px 5px 15px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #555;
	width: 376px;
	background-color: #fff;
}

#topImage {
	position:absolute;
	right:0;
	bottom:0;
	z-index:45;
}

/*////////////////////////////////
Top Nav
////////////////////////////////*/

#nav {
	float: left;
	margin: 75px 0 0 151px;
}
#nav li {
	float: left;
}
#nav a {
	display: block;
	height: 22px;
	margin: 0 20px 0 0;
	background: url(/static/site_images/main_nav.png) no-repeat;
	text-indent: -9999px;
}

#nav_work a {
	width: 37px;
	background-position: 0 0;
}
#nav_work a:hover, #nav_work.current a {
	background-position: 0 bottom;
}

#nav_tech a {
	width: 79px;
	background-position: -54px 0;
}
#nav_tech a:hover, #nav_tech.current a {
	background-position: -54px bottom;
}

#nav_company a {
	width: 60px;
	background-position: -149px 0;
}
#nav_company a:hover, #nav_company.current a {
	background-position: -149px bottom;
}

#nav_blog a {
	width: 40px;
	background-position: -227px 0;
}
#nav_blog a:hover, #nav_blog.current a {
	background-position: -227px bottom;
}

#nav_home a {
    width: 35px;
    background-position: -277px 0;
}
#nav_home a:hover, #nav_home.current a {
    background-position: -277px bottom;
}

li a:link, li a:visited {
	color: #333;
	text-decoration:none;
}

li a:hover {
	color: #333;
	text-decoration:underline;
}
/*------------------------------------------
content container
-------------------------------------------*/
/* div#main_content_wrapper {
	width:100;
	margin:0 auto 0 auto;
}
 */


.seperator {
/*	   width:100%; */
	width:895px;
	height:1px;
	margin:6px auto 10px auto;
	background-color:#e6e6e6;
}

/*------------------------------------------
home project slider div
-------------------------------------------*/

#home-projects-outer {
	width:822px;
	height: 292px;
	padding: 39px 0 0 0;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
}

#home-projects-holder {
	position:absolute;
	width:999em;
	left:0;
}
.projectHolder {
	width:195px;
	height:248px;
	padding:0;
	margin:0 14px 0 0;
	float:left;
	position:relative;
}
.project-highlight {
	position:absolute;
	left:0;
	right:0;
}
.projectHolder .project-highlight img {
	border:0;
}
.projectHolder h3 {
	font-family:"Droid Serif";
	font-size:15px;
	color:#171715;
	letter-spacing:0.05em;
	margin:12px 0 7px 7px;
	font-weight:normal;
}

.projectHolder a {
	display:none;
}

.projectHolder h5 {
	font: 10px/10px "Helvetica", Arial, sans-serif;
	color: #7eb500;
	margin:0 0 7px 7px;
}

.projectHolder:hover .projectBorder {
	position: absolute;
	height: 105px;
	width: 189px;
	border: 3px solid #5B9E00;
}

.projectHolder img{
	border: 1px solid #E6E6E6; 
	margin:0 0 0 0px;
/*	border: 1px solid #FF0000;	*/
}
.projectHolder:hover img {
	border: 1px solid #5B9E00; 
}
.projectHolder:hover .project-highlight img {
	border: none;
}

.projectHolder p {
	line-height:15px; 
	margin: 0 0 5px 7px;
	color:#555;
	font-size:11px;
	padding:0 10px 0 0;
}

.projectHolder div.seeMore {
	display: none;
	background: url('/static/site_images/work_see_more_roll.png') no-repeat;
	width:194px;
	height:18px;
	position:absolute;
	left:0px;
	top:93px;
	z-index:101;
}

.projectHolder:hover {
	background-color: #5b9e00;
	cursor:pointer;
}



.projectHolder:hover h3 {
	color: #ffffff;
}

.projectHolder:hover h5 {
	color:#b3d485;
}


.projectHolder:hover p {
	color: #ffffff;
	padding: 0 10px 0 0;
}

.projectHolder:hover div.seeMore {
	display: inline;
}

#project-button-holder {
	position:relative;
	height:17px;
	width: 57px;
	margin:260px auto 0 auto;
   /*  position:absolute;
	   bottom:25px;
	   left:341px; */
}

#project-button-holder div {
	background:transparent url('/static/site_images/project_buttons.png') no-repeat 0 -34px;
	width:17px;
	height:17px;
	float:left;
	cursor:pointer;
	margin:0;
	padding:0;
	
/*	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://ipg-campaign.com/images/tabsMarketing.png"); */
}

#project-button-holder div.over {
	background-position: 0 -17px;
}

#project-button-holder div.selected {
	background-position: 0 0px;
	cursor:auto;
}

/*------------------------------------------
footer styles
-------------------------------------------*/
#outerFooter {
	width:100%;
	position:relative;
	background-color:#171715;
}

#footer {
	padding:30px 0 0 20px;
	margin:0 auto 0 auto;
	width:820px;
   
}

.footerSegmentNav {
  width:195px;
  float:left;
}


.footerSegment {
	width:165px;
	height:120px;
	float:left;
	border-left:1px #454544 solid;
	margin:0 0 10px 15px;
	padding:0 0 0 20px;
	
}



.footerSegment h3 {
	font-family:"Droid Serif";
	font-size:18px;
	color:#edefe8;
	font-weight:normal;
  }
  
.footerSegment p {
	color:#c3c5bc;
	font-size:11px;
	line-height:160%;
	margin:5px 0 0 0;
}  

.footerSegment a {
	color:#79b417;
	text-decoration:none;
}

.footerSegment a:hover {
	color:#edefe8;
}


.footerBase	 {
	margin:30px 0 0 0;
	padding:0 0 15px 0;
	float:right;
	color:#c3c5bc;
	font-size:10px;
	font-family:"Georgia", serif;
}



.footerBase img {
	float:right;
	margin:-5px 0 0 0;
}

.footerBase p {
	float:left;
	margin:0 8px 0 0;
}



/*
 * Base Nav ===========
 *
 */
 
 
 #socialLinks {
	 margin:5px 0 0 0;
 }

 #socialLinks li {
	margin: 3px 0 0 0;

 }

 #socialLinks a {
	color:#c3c5bc;
	font-size:11px;
 }
 
 
 #socialLinks a:hover {
	color:#79b417;
 }
 
 
 
#baseNav {
	
}

#baseNav li {
	margin:8px 0 5px 0;
	
}

#baseNav a {
	display: block;
	height: 11px;
	background-image: url(/static/site_images/base_nav_grid.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}

#baseNav_home a {
	width: 34px;
	background-position: -3px 0px;
}

#baseNav_home a:hover {
	background-position: -3px bottom;
}

#baseNav_work a:hover {
	background-position: -75px bottom;
}

#baseNav_work a {
	width: 36px;
	background-position: -75px 0px;
}

#baseNav_tech a:hover {
	background-position: -147px bottom;
}

#baseNav_tech a {
	width: 74px;
	background-position: -147px 0px;
}

#baseNav_company a:hover {
	background-position: -255px bottom;
}

#baseNav_company a {
	width: 56px;
	background-position: -255px 0px;
}

#baseNav_sitemap a:hover {
	background-position: -402px bottom;
}

#baseNav_sitemap a {
	width: 33px;
	background-position: -402px 0px;
}
#baseNav_blog a:hover {
	background-position: -402px bottom;
}
#baseNav_blog a {
	width: 33px;
	background-position: -402px 0px;
}
#baseNav_sitemap a:hover {
	background-position: -452px bottom;
}
#baseNav_sitemap a {
	width: 45px;
	background-position: -452px 0px;
}

/*
#baseNav_contact a:hover {
	background-position: -328px bottom;
}

#baseNav_contact a {
	width: 53px;
	background-position: -328px 0px;
}
*/

/*
 * FONTS ===========
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:		Google Android
 * @vendorurl:	http://code.google.com/android/
 * @licenseurl: http://www.fontsquirrel.com/license/Droid-Serif
 *
 *
 */


/* @font-face {
	font-family: 'Droid Serif';
	src: url('/static/fonts/DroidSerif-Regular.eot');
	src: local('Droid Serif Regular'), local('DroidSerif'), url('/static/fonts/DroidSerif-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('/static/fonts/DroidSerif-Italic.eot');
	src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url('/static/fonts/DroidSerif-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSerifBold';
	src: url('/static/fonts/DroidSerif-Bold.eot');
	src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('/static/fonts/DroidSerif-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSerifBoldItalic';
	src: url('/static/fonts/DroidSerif-BoldItalic.eot');
	src: local('Droid Serif Bold Italic'), local('/static/fonts/DroidSerif-BoldItalic'), url('DroidSerif-BoldItalic.ttf') format('truetype');
} */