﻿body, html
{
	padding:0px;
	margin:0px;
	background-color:#f5f5f5;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
}

.background
{
	background: url(../images/bgGrid.jpg );
	padding-bottom:52px;
}

h1
{
	padding:0px;
	margin:0px;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:37px;
	color:Black;
}

h2
{
	padding:0px;
	margin:0px;
	font-size: 23px;
	font-family: Trebuchet, Trebuchet MS, Verdana, Arial;
	color: #af452a;
	padding-bottom:5px;
}

.latestNews div, h3
{
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	letter-spacing:0px;
}

.feature
{
	height:300px;
	padding-left:24px;
	padding-top:10px;
	margin-top:20px;
	margin-left:-12px;
	background-position:right top;
	width:979px;
	position:relative;
	z-index:2;
}

.feature p
{
	font-family:Arial;
	color:black;
	letter-spacing:1px;
	line-height:22px;
	font-size:16px;
	width:440px;
	padding:0px;
	margin:0px;	
}

.logo
{
	background: url(../images/gfcLogoMacrosystems.png);
	width:218px;
	height:53px;	
	display:block;
	margin-left:12px;
}

.rightNav
{
	position:absolute;
	right:0px;
	top:22px;
	background: url( ../images/nav/mainNavBg.png) no-repeat;
	height:35px;
	width:495px;
	padding-top:8px;
	z-index:4;
}

.rightNav a
{
	display:block;
	float:left;
	height:23px;
	background-position: 0px 0px;
	margin-left:17px;
}

.rightNav .selected
{
	background-position: 0px 23px;
}

.rightNav a:hover
{
	background-position: 0px 46px;
}

.rightNav img
{
	border:0px none;
}

.rightNav .about
{
	background-image: url(/images/nav/about.jpg);
	width:59px;
	margin-left:26px;
}

.rightNav .products
{
	background-image: url(/images/nav/products.jpg);
	width:80px;
}

.rightNav .services
{
	background-image: url(/images/nav/services.jpg);
	width:70px;
}

.rightNav .ourwork
{
	background-image: url(/images/nav/work.jpg);
	width:81px;
}

.rightNav .insourcing
{
	background-image: url(/images/nav/insourcing.jpg);
	width:84px;
	margin-left:22px;
}

#aboutDropDown
{
	background-image: url(/images/nav/subNavBg.png);
	width:141px;
	height:164px;
	position:absolute;
	right:370px;
	top:30px;
	z-index:3;
	display:none;
}

#aboutDropDown a
{
	display:block;
	background-position: 0px 0px;
	left:35px;
}

#aboutDropDown .careersLink
{
	background-image: url(/images/nav/careers.jpg);
	height:21px;
	position:absolute;
	top:123px;
	width:62px;
}

#aboutDropDown .codesLink
{
	background-image: url(/images/nav/codes.jpg);
	height:23px;
	position:absolute;
	top:63px;
	width:74px;
}

#aboutDropDown .contractsLink
{
	background-image: url(/images/nav/contracts.jpg);
	height:20px;
	position:absolute;
	top:96px;
	width:70px;
}

#aboutDropDown .newsLink
{
	background-image: url(/images/nav/news.jpg);
	height:21px;
	position:absolute;
	top:37px;
	width:61px;
}

#aboutDropDown .codesLink:hover
{
	background-position:0px 23px;
}

#aboutDropDown .careersLink:hover
{
	background-position:0px 21px;
}

#aboutDropDown .contractsLink:hover
{
	background-position:0px 20px;
}

#aboutDropDown .newsLink:hover
{
	background-position:0px 21px;
}

.footer
{
	width:100%;
	height:100px;	
	background: url( ../images/tile_footer.png ) repeat-x;
	position:relative;
	top:-25px;
	bottom:0px;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size: 14px;
}

.footer a
{
	color: #d85a24;
	text-decoration:none;
}

.footer span
{
	margin-left:15px;
	margin-right:15px;
	color: #d85a24;
}

.siteContainer
{
	width:991px;
	position:relative;
	margin:0px auto 0px auto;
	padding-top:15px;
	padding-left:12px;
}

.siteContainer a
{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:12px;
	color:#277862;
}

.siteContainer .a2
{
	font-family:Arial;
	font-size:16px;
	color:#247660;
}

.mainCallout
{
	background: url(../images/gfcMiddleArea.png) no-repeat white 190px 15px;
	height:209px;
	width:936px;
	padding:12px;
	position:relative;
	margin-top:15px;
}

.mainCallout p
{
	padding:0px;
	padding-top:5px;
	margin:0px;
	width:607px;
	font-family: Arial;
	font-size:15px;
	letter-spacing:1px;
	line-height:22px;
}

.mainCallout ul
{
	position:absolute;
	right:20px;
	top:2px;
}

.mainCallout li
{
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:16px;
	color:#af452a;
	line-height:28px;
	font-style: italic;
}

.infoBoxes
{
	width:444px;
	padding:12px;	
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:12px;
	color:#333333;
	padding-top:48px;
	padding-bottom:0px;
	line-height:22px;
}

.contractVehicles
{
	background: url( ../images/gfcContractVehicles.png ) no-repeat;
	line-height:25px;
}

.latestNews
{
	background: url( ../images/gfcNews.png) no-repeat;
	right:0px;
	position:absolute;
	top:0px;
}




/********STAFFING*********/

.staffing
{
	position:relative;
	top:-17px;
	width:960px;
	z-index:0;	
	margin-bottom:-17px;
}

.staffing div
{
	width:450px;
	height:320px;
	background-color:White;
	padding-left:12px;
	padding-right:12px;
	padding-top:107px;
	font-size:13px;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	line-height:20px;
	color:#565656;
	border: solid 1px #c1c1c1;
}

.staffing a
{
	font-size:13px;
}

.staffingLeft
{
	background: url( ../images/insourcing/findStaff.jpg) no-repeat 12px 12px;	
}

.staffingRight
{
	background: url( ../images/insourcing/findCareers.jpg) no-repeat 12px 12px;
	position:absolute;
	right:0px;
	top:0px;
}

/********SERVICES*********/
.services, .demo
{
	width:960px;
	position:relative;
}

.services .detail
{
	width:616px;
	padding:12px;
	background-color:White;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:13px;
	color:#565656;
	line-height:22px;
	border: solid 1px #c1c1c1;
	position:relative;
}

.services .detail h3
{
	font-size:17px;
}

.services .detail a
{
	font-size:13px;
}

.services a
{
	font-size:12px;
}

.services .offerings
{
	position:absolute;
	right:0px;
	top:0px;
	width:307px;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:13px;
	color:#565656;
	letter-spacing:1px;
}

.services .offerings ul
{
	margin-top:0px;
}

.services .offerings li
{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:12px;
	color:#277862;
	line-height:19px;
	letter-spacing:0px;
}

.services .offerings .semibullet
{
	padding-top:8px;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size:12px;
	color:#277862;
	line-height:19px;
	letter-spacing:0px;
	padding-bottom:24px;
	padding-left:10px;
}

.services .samples
{
	position:relative;
	width:640px;
	margin-top:12px;
}

.services .samples div
{
	width:314px;
	padding-top:60px;
	padding-left:12px;
}

.services .samples .development
{
	background:url(../images/services/applicationDev.png) 12px 12px no-repeat;
}

.services .samples .analytics
{
	position:absolute;
	top:0px;
	right:0px;
	background: url(../images/services/dataAnalytics.png) 12px 12px no-repeat;
}

.services img
{
	border: 0px none;
}

.services li
{
	color: #af452a;
}

.careers
{
	background: url( ../images/about/careersGuy.png ) bottom right no-repeat;
	width:634px;
	height:311px;
	position:absolute;
	right:-32px;
	bottom:0px;
}