body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

#header {
	background: url(../images/bg-header.jpg) repeat-x;
	height: 80px;
	margin: 0 auto;
	padding-top:48px;
}

#header #logo {
	width: 858px;
	height: 80px;
	background: url(../images/AGI-logoAlbertEinstein.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#header-image {
	width: 858px;
	height: 290px;
	margin: 0 auto 0 auto;
}

/**********************************
			  Nav
***********************************/

#nav {
	height: 22px;
}

#nav ul {
	padding: 0;
	width: 858px;
	margin: 0 auto;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow: hidden;
}

#nav li a {
	width: 858px;
	height: 22px;
	display: block;
	text-indent: -5000px;
}

#nav li.nav-left {
	background-image:url(../images/nav-left.jpg);
	background-repeat:no-repeat;
	width: 202px;
	height: 22px;
}

#nav li.nav-divider {
	background-image:url(../images/nav-Divider.jpg);
	background-repeat:no-repeat;
	width: 1px;
	height: 22px;
}

#nav li.home a {
	background: url(../images/nav-Home.jpg);
	width:87px;
}

#nav li.what-we-do a {
	background: url(../images/nav-WhatWeDo.jpg);
	width:131px;
}

#nav li.why-different a {
	background: url(../images/nav-WhyDifferent.jpg);
	width:151px;
}

#nav li.about-AGI a {
	background: url(../images/nav-AboutAGI.jpg);
	width:115px;
}

#nav li.contact a {
	background: url(../images/nav-Contact.jpg);
	width:168px;
}

#nav li a:hover {
	background-position: 0 -22px;
}

#nav li a.selected {
	background-position: 0 -22px;
}

/**********************************
			  Content
***********************************/

#content-wrapper {
	background: #fff url(../images/content-bg.jpg) repeat-x;
}

#content {
	width: 820px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	font-family:Trebuchet MS;
	font-size:12px;
	color:#636467;
	line-height:20px;
	background: url(../images/content-bg2.jpg) no-repeat bottom;
}

#content a {
	text-decoration:underline; color:#e09b12; padding:2px;}

#content a:visited {
	text-decoration:underline; color:#e09b12; padding:2px;}

#content a:hover {
	text-decoration:none; background-color:#eead2d; color:#FFFFFF; padding:2px;}
	
#content a:active {
	text-decoration:none; background-color:#dcdcdc; color:#FFFFFF; padding:2px;}

/**********************************
		  Download Button
***********************************/

#Download {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#636467;
	font-weight:bold;
}

#Download a {
	text-decoration:none; font-weight:bold; border:#a67617 1px solid; background-color:#eead2d; color:#FFFFFF; padding:2px 20px 2px 20px;}

#Download a:visited {
	text-decoration:none; font-weight:bold; border:#a67617 1px solid; background-color:#eead2d; color:#FFFFFF; padding:2px 20px 2px 20px;}

#Download a:hover {
	text-decoration:none; font-weight:bold; border:#a67617 1px solid; background-color:#a67617; color:#fbc65d; padding:2px 20px 2px 20px;}
	
#Download a:active {
	text-decoration:none; font-weight:bold; border:#4a4a4a 1px solid; background-color:#666666; color:#FFFFFF; padding:2px 20px 2px 20px;}

	
/**********************************
			  Content Titles
***********************************/

#content #title-WhatWeDo {
	height: 50px;
	background: url(../images/title-WhatWeDo.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MarketingAdvertising {
	height: 50px;
	background: url(../images/title-MarketingAdvertising.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-VideoWeb {
	height: 50px;
	background: url(../images/title-VideoWeb.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-VideoProduction {
	height: 50px;
	background: url(../images/title-VideoProduction.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-WebsiteWork {
	height: 50px;
	background: url(../images/title-WebsiteWork.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-WebsiteDesign {
	height: 50px;
	background: url(../images/title-WebsiteDesign.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-GraphicDesign {
	height: 50px;
	background: url(../images/title-GraphicDesign.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-TransitMobileAdvertising {
	height: 50px;
	background: url(../images/title-TransitMobileAdvertising.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-PublicRelations {
	height: 50px;
	background: url(../images/title-PublicRelations.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-SignsGraphics {
	height: 50px;
	background: url(../images/title-SignsGraphics.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-OnlineCaseStudy {
	height: 50px;
	background: url(../images/title-OnlineCaseStudy.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}


#content #title-WhyDifferent {
	height: 50px;
	background: url(../images/title-WhyDifferent.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-AboutAGI {
	height: 50px;
	background: url(../images/title-AboutAGI.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-Award {
	height: 60px;
	background: url(../images/title-Award.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetTheTeam {
	height: 50px;
	background: url(../images/title-MeetTheTeam.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetAbel {
	height: 50px;
	background: url(../images/title-MeetAbel.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetBob {
	height: 50px;
	background: url(../images/title-MeetBob.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetDavid {
	height: 50px;
	background: url(../images/title-MeetDavid.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetFreddy {
	height: 50px;
	background: url(../images/title-MeetFreddy.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetJim {
	height: 50px;
	background: url(../images/title-MeetJim.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetKati {
	height: 50px;
	background: url(../images/title-MeetKati.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetLaura {
	height: 50px;
	background: url(../images/title-MeetLaura.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetPerla {
	height: 50px;
	background: url(../images/title-MeetPerla.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetSteve {
	height: 50px;
	background: url(../images/title-MeetSteve.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MeetVeronica {
	height: 50px;
	background: url(../images/title-MeetVeronica.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-MallMediaKit2009 {
	height: 50px;
	background: url(../images/title-MallMediaKit2009.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-Contact {
	height: 50px;
	background: url(../images/title-Contact.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-WedLikeToHearFromYou {
	height: 50px;
	background: url(../images/title-WedLikeToHearFromYou.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #title-ThankYou {
	height: 50px;
	background: url(../images/title-ThankYou.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

/**********************************
	      Staff
***********************************/

#content #staff-AbelVelasquez {
	height: 290px;
	width:365px;
	background: url(../images/staff-AbelVelasquez.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-BobHernandez {
	height: 290px;
	width:365px;
	background: url(../images/staff-BobHernandez.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-DavidDrum {
	height: 290px;
	width:365px;
	background: url(../images/staff-DavidDrum.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-FreddyZamaro {
	height: 290px;
	width:365px;
	background: url(../images/staff-FreddyZamaro.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-JimSinglelyn {
	height: 290px;
	width:365px;
	background: url(../images/staff-JimSinglelyn.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-KatiViola {
	height: 290px;
	width:365px;
	background: url(../images/staff-KatiViola.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-LauraEscobar {
	height: 290px;
	width:365px;
	background: url(../images/staff-LauraEscobar.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-PerlaParra {
	height: 290px;
	width:365px;
	background: url(../images/staff-PerlaParra.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-SteveOrtiz {
	height: 290px;
	width:365px;
	background: url(../images/staff-SteveOrtiz.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}

#content #staff-VeronicaBunn {
	height: 290px;
	width:365px;
	background: url(../images/staff-VeronicaBunn.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -5000px;
}


/**********************************
	      What We Do
***********************************/

#WhatWeDo-nav{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#626262;
	line-height:25px;
	padding-left:20px;
}

#WhatWeDo-nav a {
	text-decoration:none; color:#626262; padding:2px 100px 2px 6px;}

#WhatWeDo-nav a:visited {
	text-decoration:none; color:#626262; padding:2px 100px 2px 6px;}

#WhatWeDo-nav a:hover {
	text-decoration:none; background-color:#eead2d; color:#FFFFFF; padding:2px 100px 2px 6px;}

#WhatWeDo-nav a:active { 
	text-decoration:none; background-color:#dcdcdc; color:#FFFFFF; padding:2px 100px 2px 6px;}

#WhatWeDo-Graphic {
	background:url(../images/WhatWeDo.jpg) no-repeat;
	width:520px;
	height:210px;
	text-indent: -5000px;
}


/**********************************
			  Footer
***********************************/

#footer {
	width:790px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg-footer2.jpg) no-repeat;
	height: 100px;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#8c5f07;
	padding-top:10px;
	line-height:20px;
}

#footer a {
	text-decoration:underline; color:#8c5f07; padding:2px;}

#footer a:visited {
	text-decoration:underline; color:#8c5f07; padding:2px;}

#footer a:hover {
	text-decoration:none;  background-color:#d18b02; color:#FFFFFF; padding:2px;}



/**********************************
			  Extras
***********************************/

#content #index-Award {
	width:400px;
	height: 90px;
	background: url(../images/bg-Award.jpg) no-repeat;
	margin: 0 auto 0 auto;
	padding-top:63px;
	padding-left:60px;
	font-weight:bold;
	font-size:14px;
}

#index-Award a {
	text-decoration:underline; color:#FFFFFF; padding:2px; font-size:12px;}

#index-Award a:visited {
	text-decoration:underline; color:#FFFFFF; padding:2px; font-size:12px;}

#index-Award a:hover {
	text-decoration:none;  background-color:#acacac; color:#FFFFFF; padding:2px; font-size:12px;}


.padding-right {
	padding-right:20px;

}

.padding-left {
	padding-left:20px;

}

.padding-bottom {
	padding-bottom:20px;

}

#ways-Title {
	font-weight:bold;
	font-size:12px;
	color:#f4ac1e;
}

#Instructions {
	font-weight:bold;
	font-size:12px;
	color:#bababa;
}


/**********************************
			  Portfolio
***********************************/

#FrogJS {
	width: 570px; height: 350px;}

#FrogJSCredit {
	text-align: right; font-size: 80%; color: #999; padding: 1px;}

#FrogJSCaption {
	text-align: left; line-height: 16px; font-size:11px;}


/**********************************
			  Team
***********************************/

#content #Team a {
	text-decoration: none;
	background:none;
}

#content #Team a img {
	width:74px;
	height:74px;
	border:#ed9e12 5px solid;
}

#content #Team a:visited img {
	width:74px;
	height:74px;
	border:#ed9e12 5px solid;
}

#content #Team a:hover img {
	width:74px;
	height:74px;
	border:#636467 5px solid;
}

#content #Team {
	width: 550px;
	overflow: hidden;
	clear:both;
}

.row {
	width:450px;
	float: left;
	overflow: hidden;
}
.cell {
	width:80px;
	float: left;
	padding: 5px;
	overflow: hidden;
	white-space: nowrap;
}



/**********************************
		   Contact Form
***********************************/

#submit {
	width: 85px;
	height:25px;
	background-color:#ee9e00;
	border:#dc9200 3px solid;
	color:#FFFFFF;
}

.form-input {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#e09b12;
	font-weight:bold;
	border:#d4d4d4 solid 4px;

}

.form-input:hover{
    border: #b1b1b1 solid 4px;
}

.form-input:focus{
    border: #eead2d solid 4px;
}