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;
	text-indent: -5000px;
}
#header-image
{
	width: 858px;
	height: 290px;
	margin: 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: 10px;
	padding-bottom: 60px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #636467;
	line-height: 20px;
	background: url(../images/content-bg2.jpg) no-repeat bottom;
}
#index-quote
{
	width: 317px;
	/*[disabled]height:90px;*/
	background: #EDAD29 no-repeat;
	margin: 9px auto 26px 0px;
	padding-top: 19px;
	padding-left: 13px;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 14px;
	padding-right: 30px;
	padding-bottom: 19px;
	-webkit-border-radius: 14px;
	/*+border-radius:14;*/
	-moz-border-radius: 14;
	-webkit-border-radius: 14;
	-khtml-border-radius: 14;
	border-radius: 14;
}
#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: 1px solid #A67617;
	background-color: #EEAD2D;
	color: #FFFFFF;
	padding: 2px 20px;
}
#Download A:visited
{
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #A67617;
	background-color: #EEAD2D;
	color: #FFFFFF;
	padding: 2px 20px;
}
#Download A:hover
{
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #A67617;
	background-color: #A67617;
	color: #FBC65D;
	padding: 2px 20px;
}
#Download A:active
{
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #4A4A4A;
	background-color: #666666;
	color: #FFFFFF;
	padding: 2px 20px;
}
/**********************************
Content Titles
***********************************/
#content #title-WhatWeDo
{
	height: 50px;
	background: url(../images/title-WhatWeDo.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MarketingAdvertising
{
	height: 50px;
	background: url(../images/title-MarketingAdvertising.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-VideoWeb
{
	height: 50px;
	background: url(../images/title-VideoWeb.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-VideoProduction
{
	height: 50px;
	background: url(../images/title-VideoProduction.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-WebsiteWork
{
	height: 50px;
	background: url(../images/title-WebsiteWork.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-WebsiteDesign
{
	height: 50px;
	background: url(../images/title-WebsiteDesign.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-GraphicDesign
{
	height: 50px;
	background: url(../images/title-GraphicDesign.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-TransitMobileAdvertising
{
	height: 50px;
	background: url(../images/title-TransitMobileAdvertising.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-PublicRelations
{
	height: 50px;
	background: url(../images/title-PublicRelations.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-SignsGraphics
{
	height: 50px;
	background: url(../images/title-SignsGraphics.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-OnlineCaseStudy
{
	height: 50px;
	background: url(../images/title-OnlineCaseStudy.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-WhyDifferent
{
	height: 50px;
	background: url(../images/title-WhyDifferent.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-AboutAGI
{
	height: 50px;
	background: url(../images/title-AboutAGI.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-Award
{
	height: 60px;
	background: url(../images/title-Award.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetTheTeam
{
	height: 50px;
	background: url(../images/title-MeetTheTeam.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetAbel
{
	height: 50px;
	background: url(../images/title-MeetAbel.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetBob
{
	height: 50px;
	background: url(../images/title-MeetBob.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetDavid
{
	height: 50px;
	background: url(../images/title-MeetDavid.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetFreddy
{
	height: 50px;
	background: url(../images/title-MeetFreddy.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetJim
{
	height: 50px;
	background: url(../images/title-MeetJim.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetKati
{
	height: 50px;
	background: url(../images/title-MeetKati.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetLaura
{
	height: 50px;
	background: url(../images/title-MeetLaura.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetPerla
{
	height: 50px;
	background: url(../images/title-MeetPerla.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetSteve
{
	height: 50px;
	background: url(../images/title-MeetSteve.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MeetVeronica
{
	height: 50px;
	background: url(../images/title-MeetVeronica.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-MallMediaKit2009
{
	height: 50px;
	background: url(../images/title-MallMediaKit2009.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-Contact
{
	height: 50px;
	background: url(../images/title-Contact.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-WedLikeToHearFromYou
{
	height: 50px;
	background: url(../images/title-WedLikeToHearFromYou.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #title-ThankYou
{
	height: 50px;
	background: url(../images/title-ThankYou.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
/**********************************
Staff
***********************************/
#content #staff-AbelVelasquez
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-AbelVelasquez.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-BobHernandez
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-BobHernandez.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-DavidDrum
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-DavidDrum.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-FreddyZamaro
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-FreddyZamaro.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-JimSinglelyn
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-JimSinglelyn.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-KatiViola
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-KatiViola.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-LauraEscobar
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-LauraEscobar.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-PerlaParra
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-PerlaParra.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-SteveOrtiz
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-SteveOrtiz.jpg) no-repeat;
	margin: 0 auto;
	text-indent: -5000px;
}
#content #staff-VeronicaBunn
{
	height: 290px;
	width: 365px;
	background: url(../images/staff-VeronicaBunn.jpg) no-repeat;
	margin: 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: -38px auto 0;
	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: 300px;
	height: 90px;
	background: url(../images/bg-Award2.jpg) no-repeat;
	margin: 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: 5px solid #ED9E12;
}
#content #Team A:visited IMG
{
	width: 74px;
	height: 74px;
	border: 5px solid #ED9E12;
}
#content #Team A:hover IMG
{
	width: 74px;
	height: 74px;
	border: 5px solid #636467;
}
#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: 3px solid #DC9200;
	color: #FFFFFF;
}
.form-input
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #E09B12;
	font-weight: bold;
	border: 4px solid #D4D4D4;
}
.form-input:hover
{
	border: 4px solid #B1B1B1;
}
.form-input:focus
{
	border: 4px solid #EEAD2D;
}