body,
h1, h2, h3,h5,
p, ul, li,
form {
	border:0;
	margin:0px;
	padding:0px;
}

/*----------------------------
	Standards---------------*/
	
body{
	color: #333333;
	background: #afadad;
}

p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size: 14px;
	color: #333333;
	line-height: 23px;
}

h1, h2, h3{
	font-family: "Gill Sans", "Trebuchet MS", Calibri, Helvetica, sans-serif;
	font-size: 40px;
	color: #5e5f61;
}

a{
	color: #f48640;
	text-decoration: none;
}

a:hover{
	color:#717172;
	text-decoration: none;
}

.clear{
	clear: both;
}
.floatleft{
	float:left;
	display:inline;
	padding:5px 10px;
}
.floatright{
	float:right;
	display:inline;
	padding:5px;
}

/*-------------------------------
	Containers------------------*/

.maincontainer {
    position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px #f48640 solid;
	padding-top: 20px;
	background: #ffffff url(../images/globe_bg.jpg) left bottom no-repeat;
}

.header{
	width: 980px;
}

/*----------------------------
	Logo & Navigation--------*/
	
	.maincontainer h1{
		width:311px;
		height:80px;
		display: inline;
		margin-left: 30px;
	}
	.maincontainer h3{
		/*float: right;*/
		display:inline;
		font-size: .7em;
		font-family:"Trebuchet MS", Calibri, Helvetica, sans-serif;
		color:#C60;
		font-weight: bold;
	}
	
	#nav{
		display: inline;
		margin-left: 10px;
	}
	
	.menu{
		position:relative; 
		height:35px; 
		width:800px;
		left: 20px;
		top: 20px;
	}
	.menu ul{
		list-style:none; 
		z-index:10; 
		position:absolute; 
		z-index:100; 
		padding:10px 20px;
	}
	.menu li{
		float:left;
		margin-right: 15px;
	}
	.menu a, .menu a:active, .menu a:visited{
		text-decoration:none; 
		color:#989696; 
		padding:10px 15px 10px 10px;
		font-family: "Gill Sans", Calibri, Verdana, sans-serif;
		font-size: 11.5pt;
	}
	.menu a:hover{
		color: #989696;
	}
	.menu li a{
	    border-top: 1px #989696 solid;
	}
	#slide{
		position:absolute; 
		bottom:0; 
		height:3px !important;
		max-height: 3px;
		background-color: #f47d30;
		z-index:10;
	}
/*-------------------------
	Image Slideshow-------*/	

#featured{ 
	width:700px;
	height:200px; 
	margin-top: 50px;
	margin-left: 30px;
	padding-right:250px; 
	position:relative; 
	background:transparent;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:700px; 
	list-style:none; 
	padding:0; 
	margin-left: 10px; 
	width:210px; 
	border-top: 2px #939292 solid;
	border-bottom: 1px #939292 solid;
	padding-top:5px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-family: "Gill Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:.8em;
	padding-left: 20px;
	color: #717172;
	text-decoration:none;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 0; 
	padding:2px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:40px; 
	line-height:20px;
	border-bottom: 1px #e6e6e6 solid;
	padding-top:5px;
	color: #717172;
}
#featured li.ui-tabs-nav-item a:hover{ 
	border-bottom: 1px #e6e6e6 solid;
	padding-top:5px;
	color:#f48640; 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	color:#f48640;  
}


#featured .ui-tabs-panel{ 
	width:700px; height:183px; 
	background:transparent; position:relative;
	border-top: 2px #939292 solid;
	border-bottom: 1px #939292 solid;
	padding-top: 15px;
	font-size: 35px;
	font-family: "Gill Sans", Calibri, sans-serif;
	line-height: 36px;
	font-weight:lighter;
}
#featured .ui-tabs-panel a{
	color: #f48640;	
}

#featured .ui-tabs-hide{ 
	display:none; 
}
/*----------------------------*/
	
/*------------------------------
	Home Content Section-------*/
	
	/*FIRST COLUMN*/
	
	#content_column{
		width: 980px;
		float: left;
		display: inline;
		margin: 15px 20px 20px 30px;
		padding-top: 20px;
	}
	
	#one{
		background: transparent url(../images/div_bg.png) repeat;
		width: 300px;
		min-height: 250px;
		float: left;
		display:inline;
		margin-bottom: 15px;
		padding-top: 5px;
	}
	#one h2{
		font-family:"Gill Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	#one p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 13pt;
		padding: 10px;
		color: #7f7f7f;
	}
	#one p.btn{
		float: right;
		display: inline;
		border:0;
		padding:3px;
		margin-top:15px;
	}
	#one p.btn:hover{
		text-decoration: underline;	
	}
	
	#two{
		background: transparent url(../images/div_bg.png) repeat;
		width: 300px;
		min-height: 250px;
		float: left;
		display:inline;
		margin-bottom: 15px;
		margin-left: 10px;
		padding-top:5px;
	}
	#two h2{
		font-family:"Gill Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	#two p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 13pt;
		padding: 10px;
		color: #7f7f7f;
	}
	#two p.btn{
		float: right;
		display: inline;
		border:0;
		padding:3px;
	}
	#two p.btn:hover{
		text-decoration: underline;
	}
	
	
	#three{
		background: transparent url(../images/div_bg.png) repeat;
		width: 300px;
		min-height: 250px;
		float: left;
		display:inline;
		margin-bottom: 15px;
		margin-left: 10px;
		padding-top:5px;
	}
	#three h2{
		font-family:"Gill Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	#three p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 13pt;
		padding: 10px;
		color: #7f7f7f;
	}

/*--------------------------
	Internal Page Content--*/
	
	/*NAV COLUMN*/
	.nav_column{
		float: left;
		display:inline;
		width: 230px;
		padding: 30px 0;
		margin: 20px 10px 20px 30px;
	}
	.nav_column ul, .nav_column div{
		list-style: none;
		background: url(../images/div_bg.png);
		padding: 5px 10px;
		border-top: 1px #939292 solid;
		border-bottom: 1px #939292 solid;
	}
	.nav_column ul li{
		height: 40px;
		line-height:.7em;
		padding-top: 15px;
		border-bottom: 1px #d7d7d5 solid;
	}
	
	.nav_column div img{
		height: 40px;
		line-height:.7em;
		padding-top: 15px;
		cursor:pointer;
	}
	.nav_column ul li a{
		font-family: "Gill Sans", "Trebucht MS", Verdana, sans-serif;
		font-size:.8em;
		padding-left: 15px;
		color: #717172;
		text-decoration:none;
		cursor:pointer;
	}
	.nav_column ul li a:hover{
		/*font-size:.85em;*/
		color:#f48640; 
	}
	.nav_column ul li a.active{
		color:#f48640; 
	}
	
	.nav_column div{
		height:40px;
		font-family: "Gill Sans", "Trebucht MS", Verdana, sans-serif;
 		font-weight:lighter;
		font-size: 1em;
		line-height: 1.1em;
		padding-left: 15px;
		padding-top: 10px;
		border-bottom: 1px #d7d7d5 solid;
	}
	.nav_column div a{
		color: #717172;
		text-decoration:none;
	}
	.nav_column div a:hover{
		color:#f48640; 
	}

	
	/*INTERNAL CONTENT COLUMN*/
	
	.internal_content{
		background: url(../images/div_bg.png);
		float: left;
		display:inline;
		width:675px;
		padding: 30px 0;
		margin: 20px 10px 20px 5px;
	}
	.internal_content h2{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
		border-top: 1px #939292 solid;
		padding-top: 5px;
	}
	.internal_content p, .internal_content table{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;		
		font-size: 10pt;
		line-height: 12pt;
		padding: 5px 10px;
		color: #7f7f7f;
	}
	.internal_content p a{
		text-decoration: underline;	
	}
	.internal_content h3{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.2em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
		margin-top: 10px;
	}
	
	/*CASE STUDIES PAGE*/
	#left_casestudy{
		float: left;
		display:inline;
		width:325px;
	}
	#left_casestudy h4 a{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.2em;
		font-weight:lighter;
		color: #3f3f3f;
		background: url(../images/left_top_bracket.png) top left no-repeat;
		padding-top: 10px;
		padding-left: 15px;
		margin-top: 10px;
		width: 330px;
		float: left;
		display:inline;
	}
	#left_casestudy h4 a:hover{
		color: #ee7427;
	}
	#left_casestudy p{
		float: left;
		display: inline;
		width: 400px;
	}
	
	
	/*SOLUTIONS PAGE*/
	.solutions_nav_column{
		float: left;
		display:inline;
		width: 230px;
		padding: 30px 0;
		margin: 20px 10px 20px 30px;
	}
	.solutions_nav_column div{
		background: url(../images/div_bg.png);
		height: auto	;
		padding: 5px 10px;
		border-top: 1px #939292 solid;
		/*border-bottom: 1px #939292 solid;*/
	}
	.internal_content ul li{
		list-style:circle inside;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 12pt;
		padding: 5px 0 5px 10px;
		color: #7f7f7f;
	}
	
	/*ABOUT PAGE*/
	.internal_content #left{
		float:left;
		display:inline;
		width:325px;
		margin: 20px 15px 20px 5px;
	}
	.internal_content #left h3{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	.internal_content #left p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 12pt;
		padding: 10px;
		color: #7f7f7f;
	}
	.internal_content #right{
		float:left;
		display:inline;
		width:325px;
		margin: 20px 0 20px 0;
	}
	.internal_content #right h3{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.5em;
		font-weight: lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	.internal_content #right p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 12pt;
		padding: 10px;
		color: #7f7f7f;
	}
	
	/*CAREERS PAGE*/
	.internal_content #left_career{
		float:left;
		display:inline;
		width:415px;
		margin: 20px 75px 20px 5px;
	}
	.internal_content #left_career h3{
		font-family:"Gill Sans", Verdana, "Trebuchet MS", sans-serif;
		font-size:1.5em;
		font-weight:lighter;
		color: #ee7427;
		margin-left: 10px;
	}
	.internal_content #left_career p{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
		font-size: 10pt;
		line-height: 12pt;
		padding: 10px;
		color: #7f7f7f;
	}
		/*CAREER HOVER BUTTON*/
			
			/* --- Container configuration ---------------------------------------------------------- */
			.viewport {
				float: right;
				height: 112px;
				margin: 0;
				/*overflow: hidden;*/
				position: relative;
				width: 168px;
			}
			
			/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
			   class to the last thumbnail in each row to get rid of the margin-right. */
			.no-margin {
				margin-right: 0;
			}
			
			/* --- Link configuration that contains the image and label ----------------------------- */
			.viewport a {
				display: block;
				position: relative;
			}
			
			.viewport a img {
				height: 112px;
				left: -10px;
				position: relative;
				top: -10px;
				width: 168px;
			}
			
			/* --- Label configuration -------------------------------------------------------------- */
			.viewport a span {
				display: none;
				font-size: 3.0em;
				font-weight: bold;
				height: 100%;
				padding-top: 120px;
				position: absolute;
				text-align: center;
				text-decoration: none;
				width: 100%;
				z-index: 100;
			}
				.viewport a span em {
					display: block;
					font-size: 0.45em;
					font-weight: normal;
				}
			
		
	
	
	/*---------------------------------------
		Form------------------------------*/
		.internal_content #contact{
			float:left;
			display:inline;
			width:230px;
			margin: 20px 10px 20px 10px;
		}
		.internal_content #contactform{
			float:left;
			display:inline;
			width:375px;
			margin: 25px 30px 20px 0;
			padding-right: 5px;
		}
		label.required {
  			font-size: 0.83em;
  			color: #ee7427;
		}
		.field{
			width:100%;
			overflow:auto;
			margin:5px 0px;
			vertical-align: top;
		}
		
		.form_btn{
			float: right;
			display: inline;
			margin-top: 10px;
		}
		
		form.contact{
  			font-family: Arial, "Gill Sans", Verdana, sans-serif;
  			font-size: 0.8em;
  			color: #393939;
		}
		form.contact h3 {
			margin: 0 0 5px 7px;
			font-style:normal;
			font-family: Arial, "Gill Sans", Verdana, sans-serif;
  			font-size: 0.8em;
  			color: #393939;
		}
		form.contact legend {
  		    padding: 0 2px;
			font-weight: lighter;
			font-size: 1.5em;
			font-family: "Gill Sans", Verdana, "Trebuchet MS", sans-serif;
			color: #ee7427;
		}
		form.contact label {
			display: inline-block;
			line-height: 1.0em;
			vertical-align: top;
			width: 130px; /* Space between label and input box */
		}
		form.contact fieldset {
			width: 375px;
			margin-left: 10px;
			float: left;
			display:inline;
		    border-top: 1px solid #939292;
		}
		form.contact fieldset ol {
			margin: 0;
			padding: 0;
		}
		form.contact fieldset p, form.contact fieldset li{
			list-style: none;
			padding: 5px 5px 10px 7px;
			border-bottom:1px #e6e6e6 solid;
			font-family: Arial, "Gill Sans", Verdana, sans-serif;
  			color: #393939;
		}
		form.contact em { /* this is the Required fields asterisk */
		   font-weight: bold;
		   font-style: normal;
		   color: #ee7427;
		}
		form.contact .error { float: none; color: #ee7427; padding-left: .5em; vertical-align: top; }			
/*CONTACT DIRECTIONS LINKS*/
#contact p.directions a{
		text-transform: uppercase;
		text-decoration:none;
}

/*------------------------
	Footer-----------------*/
	

	.footer{
		width: 980px;
		padding: 200px 30px 20px 30px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

	.footer p{
		font-size: 9pt;
		line-height:10pt;
		color: #333;
		margin-bottom: 5px;
	}
	.footer h2{
		float: right; 
		display: inline;
		font-size: .8em;
		font-weight: lighter;
		margin-right: 75px;
	}
	
	.footer ul{
		width: 980px;
		list-style:none;
		clear: both;
	}
	.footer li{
		float: left;
		display:inline;
		padding-right: 10px;
		list-style: none;
	}
	.footer li a{
		font-family: "Gill Sans", Verdana, sans-serif;
		font-size:.75em;
		color: #333;
		text-decoration:none;
	}
	.footer li a:hover, .footer li a.active{
		color: #f48640;
	}

/* Temp: appocalypse promo */
#hackathon {
  position: absolute;
  top: 10px;
  right: 35px;

}
#hackathon img {
height: 160px;
transform: rotate(10deg);
-moz-transform: rotate(10deg);
 -webkit-transform: rotate(10deg);
}


/* thank you Taleo */

.maincontainer {
	padding: 0 20px;
	background-image: none;
}
.maincontainer h1,
.maincontainer h3,
#header_slider, 
.nav_column,
.footer ul { 
	display: none;
}


