/************************
Bob Garfield CSS V1
************************/

/* Common */
*
{
	outline:none;
	border:none; 
	margin:0;
	padding:0;
	font-family:arial;
}

.clear
{
	clear:both;
}

span.border
{
	background:url(../Images/border.gif) no-repeat;
	width:652px;
	height:5px;
	float:left;
	margin-left:-4px;
	overflow:hidden;
}

h1
{
	color:#b2b2b2;
	font-weight:normal;
	font-size:24px;
}

h2
{
	color:#434343;
	font-weight:normal;
	font-size:20px;
	margin-top:5px;
}

p, td
{
	color:#434343;
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
}

.legal
{
	font-size:10px;
	text-align:center;
	margin-top:20px;
}

/* Backgrounds */
body#home
{
	background:url(../Images/Home/bkgdHome.gif);
}

body#bio
{
	background:url(../Images/Bio/bkgdBio.gif);
}

body#chaosScenario
{
	background:url(../Images/Chaos/bkgdChaos.gif);
}

body#services
{
	background:url(../Images/Services/bkgdServices.gif);
}

body#affiliations
{
	background:url(../Images/Affiliation/bkgdAffiliation.gif);
}

body#speakingAppearances
{
	background:url(../Images/Speaking/bkgdSpeaking.gif);
}

body#contactUs
{
	background:url(../Images/Contact/bkgdContact.gif);
}

body#video
{
	background:url(../Images/Video/bkgdVideo.gif);
}

body#audio
{
	background:url(../Images/Audio/bkgdAudio.gif);
}

body#adAge
{
	background:url(../Images/AdAge/bkgdAdAge.gif);
}

body#bio span#bkgdGradient, body#video span#bkgdGradient, body#home span#bkgdGradient,
body#chaosScenario span#bkgdGradient, body#services span#bkgdGradient, body#affiliations span#bkgdGradient,
body#speakingAppearances span#bkgdGradient, body#contactUs span#bkgdGradient, body#audio span#bkgdGradient,
body#adAge span#bkgdGradient
{
	background:url(../Images/Bio/bkgdBioGradient.gif) repeat-x;
	position:absolute;
	top:0;
	width:100%;
	height:210px;
	z-index:0;
}

body#home span#bkgdGradient
{
	background:url(../Images/Home/bkgdHomeGradient.gif) repeat-x;
}

body#speakingAppearances span#bkgdGradient
{
	background:url(../Images/Speaking/bkgdSpeakingGradient.gif) repeat-x;
}

body#contactUs span#bkgdGradient
{
	background:url(../Images/Contact/bkgdContactGradient.gif) repeat-x;
}

body#affiliations span#bkgdGradient
{
	background:url(../Images/Affiliation/bkgdAffiliationGradient.gif) repeat-x;
}

body#services span#bkgdGradient
{
	background:url(../Images/Services/bkgdServicesGradient.gif) repeat-x;
}

body#chaosScenario span#bkgdGradient
{
	background:url(../Images/Chaos/bkgdChaosGradient.gif) repeat-x;
}

body#video span#bkgdGradient
{
	background:url(../Images/Video/bkgdVideoGradient.gif) repeat-x;
}

body#audio span#bkgdGradient
{
	background:url(../Images/Audio/bkgdAudioGradient.gif) repeat-x;
}

body#adAge span#bkgdGradient
{
	background:url(../Images/AdAge/bkgdAdAgeGradient.gif) repeat-x;
}

/* Affiliations */
#affiliations #mainContent p
{
	width:340px;
}

#affiliationLogos
{
	margin-bottom:81px;
}

#affiliations #mainContent img
{
	border:none;
	float:none;
	vertical-align:bottom;
}

.companyLogo
{
	float:left;
	width:180px;
	margin-top:10px;
}

.companyAddress
{
	color:#4c4c4c;
	font-size:10px;
	float:left;
	width:200px;
	margin-left:20px;
	margin-top:10px;
}

#affiliations #mainContent p.companyInfo
{
	font-size:10px;
	color:#774392;
	float:left;
	margin-left:20px;
	width:545px;
	margin-top:10px;
	margin-bottom:0;
	padding-right:15px;
}

.companyInfo a, #adAge a
{
	color:#774392;
	font-size:10px;
}

/* Header */
div#header
{
	background:url(../Images/hdrShadowTop.gif) #ffffff repeat-x;
	position:relative;
	padding-top:80px;
	overflow:hidden;
}

span#btmShadowHeader
{
	background:url(../Images/hdrShadowBtm.png) repeat-x;
	height:9px;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	z-index:3;
}

div#header a
{
	color:#999999;
	text-decoration:none;
	font-size:11px;
}

#headerTop
{
	width:656px;
	margin:0 auto;
	overflow:hidden;
}

a#bobGarfieldLogo
{
	background:url(../Images/logoBobGarfield.gif) no-repeat;
	width:302px;
	height:50px;
	display:block;
	float:left;
	text-indent:-3000px;
}

#headerTop div
{
	float:right;
	width:180px;
}

#headerTop div a
{
	margin-right:15px;
	float:right;
	margin-top:10px;
}

#headerTop div #utilityNav a, #headerTop div #utilityNav span
{
	margin:0;
	padding:0;
	margin-right:5px;
	float:right;
}

#headerTop div #utilityNav span
{
	color:#999999;
	font-size:10px;
}

body#audio #headerTop div #utilityNav a#audioNav
{
	color:#8c4133;
	text-decoration:underline;
}

#headerTop div a#contactNav
{
	margin:0;
	margin-right:15px;
}

#navigation
{
	margin-top:15px;
	width:100%;
	background:url(../Images/Navigation/bkgdNavigation.gif);
	padding-top:2px;
}

#navigation div
{
	width:686px;
	margin:0 auto;
	position:relative;
}

#navigation ul li
{
	display:block;
	position:relative;
	height:18px;
	padding-bottom:2px;
	width:auto;
}

#navigation ul li a
{
	padding-left:20px;
	vertical-align:middle;
	display:block;
	padding-top:5px;
	*display:inline;
	*padding-top:1px;
}

#navigation ul li span
{
	background:url(../Images/Navigation/navigationArrows.gif) no-repeat;
	background-position:0 center;
	width:4px;
	height:8px;
	position:absolute;
	left:-5px;
	top:8px;
	*top:5px;
}

#navigation ul li#chaosNav
{
	padding-top:0;
	*padding-top:3px;
	padding-bottom:8px;
}

#bio #navigation ul li#bioNav span, #home #navigation ul li#homeNav span, #chaosScenario #navigation ul li#chaosNav span,
#services #navigation ul li#servicesNav span, #affiliations #navigation ul li#affiliationsNav span, 
#speakingAppearances #navigation ul li#speakingNav span, #navigation ul li a:hover span
{
	left:8px;
	background-position:0 center;
	vertical-align:-1px;
	_vertical-align:0px;
}

#bio #navigation ul li#bioNav span, #navigation ul li#bioNav a:hover span
{
	background-position:-4px center;
	vertical-align:1px;
}

#home #navigation ul li#homeNav span, #navigation ul li#homeNav a:hover span
{
	background-position:-24px center;
}

#services #navigation ul li#servicesNav span, #navigation ul li#servicesNav a:hover span
{
	background-position:-8px center;
}

#affiliations #navigation ul li#affiliationsNav span, #navigation ul li#affiliationsNav a:hover span
{
	background-position:-16px center;
}

#speakingAppearances #navigation ul li#speakingNav span, #navigation ul li#speakingNav a:hover span
{
	background-position:-12px center;
}

#navigation ul li#chaosNav span
{
	top:8px;
}

#adAge #navigation ul li#adAgeNav a span, #navigation ul li#adAgeNav a:hover span
{
	background:url(../Images/Navigation/adAgeArrow.gif) no-repeat;
}

#chaosScenario #navigation ul li#chaosNav span, #navigation ul li#chaosNav a:hover span
{
	background:url(../Images/Navigation/chaosArrow.gif) no-repeat;
	vertical-align:-2px;
	_vertical-align:0px;
	top:8px;
}

#navigation ul li#bioNav a
{
	vertical-align:1px;
}

#bio #navigation ul li#bioNav a, #home #navigation ul li#homeNav a, #chaosScenario #navigation ul li#chaosNav a,
#services #navigation ul li#servicesNav a, #affiliations #navigation ul li#affiliationsNav a, 
#speakingAppearances #navigation ul li#speakingNav a, #navigation ul li a:hover, #adAge #navigation ul li#adAgeNav a
{
	font-weight:bold;
}

#bio #navigation ul li#bioNav a, #navigation ul li#bioNav a:hover
{
	color:#4fbd97;
}

#home #navigation ul li#homeNav a, #navigation ul li#homeNav a:hover
{
	color:#a5bc45;
}

#services #navigation ul li#servicesNav a, #navigation ul li#servicesNav a:hover
{
	color:#7ab64c;
}

#speakingAppearances #navigation ul li#speakingNav a, #navigation ul li#speakingNav a:hover
{
	color:#b75486;
}

#adAge #navigation ul li#adAgeNav a, #navigation ul li#adAgeNav a:hover
{
	color:#c40404;
}

#chaosScenario #navigation ul li#chaosNav a, #navigation ul li#chaosNav a:hover
{
	color:#5f55ba;
	font-style:italic;
}

#affiliations #navigation ul li#affiliationsNav a, #navigation ul li#affiliationsNav a:hover
{
	color:#9257ba;
}

/*********************
 Main Content 
 ********************/
#wrapper
{
	position:relative;
}

#contentWrapper
{
	margin:0 auto;
	width:656px;
	position:relative;
}

#mainContent
{
	width:652px;
	background:url(../Images/bkgdMainContent.gif) repeat-y;
	z-index:2;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	padding-left:4px;
}

body#home #mainContent, body#video #mainContent
{
	padding:0;
	width:656px;
}

#mainContentBtm
{
	width:656px;
	height:6px;
	margin:0 auto;	
	background:url(../Images/bkgdBottomCap.gif) no-repeat;
}

.mainMid
{
	background:url(../Images/bkgdMiddle.gif) repeat-y;
	width:618px;
	padding:10px 20px 20px 20px;
	float:left;
}

.scroll-pane
{
	height:290px;
	padding-right:10px !important;
}

#videos.mainMid
{
	padding-right:0;
	width:628px;
}

.mainMid img
{
	border:5px solid #ffffff;
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}

#bio .mainMid img
{
	border:none;
}

#chaosFlash
{
	float:right;
	margin-left:15px;
}

#chaosScenario .mainMid img
{
	float:left;
	border:none;
	margin-left:0;
	margin-right:5px;
}

#chaosScenario .mainMid .awardContainer
{
	float: left;
	padding-top: 22px;
	font-weight: bold;
}

#chaosScenario a
{
	color:#434343;
}

#adAge a.rssLinks
{
	color:#c40404;
	font-weight:bold;
	font-size:12px; 
	text-decoration:none;
}

#adAge a.rssLinks:hover
{
	text-decoration: underline;
}

#adAge img
{
	float:none;
	border:none;
	margin-left:0;
}

#adAge .mainMid img.BobPhoto
{
	float: right;
	border:5px solid #ffffff;
	display: block;
}

#adAge .rssDesc a
{
	display: none;
}

/* Titles */
#title
{
	display:block;
	text-indent:-3000px;
	width:28px;
	position:absolute;
	left:-26px;
    top:70px;
}

#speakingAppearances #title
{
	background:url(../Images/Speaking/titleSpeaking.png) no-repeat;
	height:357px;
	top:20px;
}

#video #title
{
	background:url(../Images/Video/titleVideos.png) no-repeat;
	height:106px;
	top:190px;
}

#audio #title
{
	background:url(../Images/Audio/titleAudio.png) no-repeat;
	height:94px;
	top:140px;
}

#services #title
{
	background:url(../Images/Services/titleServices.png) no-repeat;
	height:127px;
	top:161px;
}

#affiliations #title
{
	background:url(../Images/Affiliation/titleAffiliation.png) no-repeat;
	height:168px;
	top:122px;
}

#adAge #title
{
	background:url(../Images/AdAge/titleAdAge.png) no-repeat;
	height:251px;
	top:72px;
}

#bio #title
{
	background:url(../Images/Bio/titleBio.png) no-repeat;
	height:160px;
	top:130px;
}

#chaosScenario #title
{
	background:url(../Images/Chaos/titleChaos.png) no-repeat;
	height:305px;
	top:80px;
}

#contactUs #title
{
	background:url(../Images/Contact/titleContact.png) no-repeat;
	height:191px;
	top:140px;
}

/* Rounded Corners */
.mainRndTop
{
	background:url(../Images/bkgdRoundTop.gif) no-repeat;
	width:648px;
	height:5px;
	float:left;
	overflow:hidden;
}

.mainRndBtm
{
	background:url(../Images/bkgdRoundBtm.gif) no-repeat;
	width:648px;
	height:10px;
	float:left;
	overflow:hidden;
}

/* Home */
#headerBtm
{
	width:656px; 
	margin:0 auto; 
	position:relative;
	z-index:100;
}

#bobGarfieldHead
{
	position:absolute;
	bottom:-33px;
	z-index:100;
	right:121px;
}

#home #mainContent img
{
	float:left;
}

/* Callouts */
ul#bottomCallouts
{
	list-style:none;
}

ul#bottomCallouts li
{
	height:38px;
	float:left;
}

ul#bottomCallouts a 
{
	float:left;
}

ul#bottomCallouts img
{
	margin:0;
	border:none;
}

ul#videoCallouts
{
	list-style:none;
}

ul#videoCallouts li
{
	float:left;
	width:135px;
	height:81px;
	padding:10px 0 10px 0;
}

ul#videoCallouts img
{
	margin:0;
	border:none;
}

/* Legal */
#bio .legal
{
	
	color:#b0e1d0;
}

#services .legal
{
	
	color:#c1dfb2;
}

#affiliations .legal
{
	
	color:#cfb2df;
}

#speakingAppearances .legal
{
	
	color:#dfb2c8;
}

#chaosScenario .legal
{
	
	color:#b9b2df;
}

#home .legal
{
	color:#d3dfb2;
}

#contactUs .legal
{
	color:#b0e1d0;
}

#video .legal
{
	color:#b0dfe1;
}

#audio .legal
{
	color:#cba9a3;
}

#adAge .legal
{
	color:#ce9292;
}

body#chaosScenario .jScrollPaneContainer
{
	height:350px !important;
}

/* speaking appearances */
h2#accoladesTitle
{
	display:block;
	text-indent:-3000px;
	background:url(../Images/Speaking/hdlAccolades.gif) no-repeat;
	width:27px;
	height:157px;
	position:absolute;
	top:100px;
	left:320px;
}

#speakingAppearances .jScrollPaneContainer, #accolades
{
	width:260px !important;
	float:left;
}

#accolades
{
	margin-left:80px;
}

#speakingAppearances #accolades p
{
	margin-bottom:0;
	margin-top:10px;
}

.quoter
{
	color:#9c9c9c;
	font-size:11px;
}

/* Video */
#videoPlayer
{
	position:relative;
	z-index:-1;
	margin-left:8px;
	width:639px;
	height:385px;
}

#loadingImage
{
	position:absolute;
	top:150px;
	left:300px;
}

body#video #videos.mainMid, body#video ul#bottomCallouts, body#video .mainRndBtm,
body#home #videos.mainMid, body#home ul#bottomCallouts, body#home .mainRndBtm
{
	margin-left:4px;
	_margin-left:2px;
}

body#home #videos.mainMid, body#affiliations #videos.mainMid
{
	padding-left:30px;
	width:618px;
}

body#video .border, body#home .border
{
	margin-left:0;
}

/* Audio */
body#audio .scroll-pane 
{
	margin-top:15px;
}

body#audio .scroll-pane a,
body#audio .scroll-pane span
{
	display:block;
	font-size:12px;
}

body#audio .scroll-pane a
{
	color:#4c4c4c;
	text-decoration:none;
}

body#audio .scroll-pane span
{
	color:#9c9c9c;
	margin:5px 0 20px 0;
}

/* Form */
table#contactForm td input, table#contactForm td textarea
{
	margin-bottom:10px;
	border:1px solid #999999;
	width:150px;
}

table#contactForm td select
{
	width:150px;
}

.label
{
	vertical-align:top;
	width:182px;
}

.error
{
	font-size:11px;
	color:red;
	display:none;
}

td#submitButton 
{
	padding-top:10px;
}

table#contactForm td#submitButton input
{
	background:url(../Images/Contact/btnRequestInfo.gif) no-repeat;
	width:100px;
	height:22px;
	display:block;
	text-indent:-3000px;
	border:none;
	cursor:pointer;
}

/* Image Rotator */
/* rotator in-page placement */
div#rotator 
{
	position:absolute;
	top:50px;
	left:50px;
}

div#rotator div
{
	position:relative;
}

/* rotator css */
div#rotator ul li 
{
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img 
{
}

div#rotator ul li.show 
{
	z-index:500;
}

#upcomingDates
{
	float: left;
	width: 260px;
}

.scroll-pane
{
	height: 290px;
	overflow-y: scroll;
}