/*---------------------------------/
	GREG KENNEDY
	CSS: Screen Styles
---------------------------------*/
* { margin: 0; padding: 0; }
body { font: 62.5% Georgia, Times, "Times New Roman", Serif; color: #b4b4b4; background-color: #000; }


/*---------------------------------/
	STRUCTURE
---------------------------------*/
#container { margin: 0 auto; width: 1092px; height: 600px; position: relative; background: #000 url(../img/p/bg_curtains.jpg) 0 0 no-repeat; }
#stage { margin-left: 170px; width: 800px; clear: both; text-align: center; }
#content { margin: 0 0 5em 176px; width: 795px; float: left; display: inline; }
#primary { margin: 1px 31px 0 0; width: 522px; float: left; }
#secondary { width: 242px; float: left; }


/*---------------------------------/
	GENERAL SELECTORS
---------------------------------*/
h1#logo a { width: 160px; height: 34px; display: block; position: absolute; left: 12px; top: 40px; font-size: 1px; text-indent: -4100px; background: transparent url(../img/p/logo_greg-kennedy2.gif) 0 0 no-repeat; border: none; }

a,
a:visited { color: #d7d7d7; text-decoration: none; overflow: hidden; border-bottom: 1px solid #666; }
a:hover { color: #000; background-color: #d7d7d7; text-decoration: none; }

a img { border: none; background: none; }

p.button { text-align: center; }
p.button a,
p.button a:visited { border: none; }
p.button a:hover { background: none; border: none; }

ul { list-style: none; }
li { margin-bottom: 1em; font-size: 1.3em }

ul.bullet li { padding-left: 15px; background: transparent url(../img/p/bullet_disc.gif) 0 4px no-repeat; }

#stage img { margin: 0; }

#primary h1 { padding: 3px 0 16px 13px; font-size: 3em; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; color: #000; background: transparent url(../img/p/bg_heading-primary.jpg) 0 0 no-repeat; }
#primary h2 { margin: 0 2px 0.2em 2px; padding: 0.8em 0 0.8em 10px; font-size: 1.4em; font-weight: bold; color: #ccc; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #333; }
#primary p { margin-bottom: 1em; font-size: 1.4em; line-height: 1.714em; }
#primary .section { margin-bottom: 3em; padding: 0 15px 0 10px; }

#secondary h2 { padding: 12px 0 0 13px; height: 27px; font-size: 1.6em; font-weight: bold; letter-spacing: 0px; color: #000; background: transparent url(../img/p/bg_heading-secondary2.jpg) 0 0 no-repeat; }
#secondary h3 { margin-bottom: 0.4em; font-size: 1.6em; font-weight: normal; }
#secondary h4 { margin-bottom: 2.4em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; }
#secondary h5 { font: normal 1em Verdana, Arial, Helvetica, Sans-serif; }
#secondary p { margin-bottom: 1em; font-size: 1.3em; line-height: 1.5em; }
#secondary p cite { font: normal 0.769em Verdana, Arial, Helvetica, sans-serif; }
#secondary p.cite { line-height: 1em; }
#secondary .section { margin: 0 0 2em 8px; padding: 20px; width: 185px; background: #181818 url(../img/p/bg_section.jpg) left bottom no-repeat; }


#secondary .date-time
{
	margin: 8px 0 8px 10px;
	padding: 0 8px;
	border-left: 1px solid #333;
}

#secondary h3.venue-name { margin-bottom: 0.1em; font-size: 1.5em; }
#secondary h3.show-type { margin-bottom: 0.1em; font-size: 1.3em; }
#secondary h3.show-date { font: normal 1em Verdana, Arial, Helvetica, sans-serif; }
#secondary h4.venue-location { margin-bottom: 6px; font-style: italic; }

/*---------------------------------/
	NAVIGATION
---------------------------------*/
ul#primary-nav { margin: 46px 0 0 342px; float: left; display: inline; }
	ul#primary-nav li { float: left; }
	ul#primary-nav li a { margin-right: 15px; height: 32px; display: block; font-size: 1px; text-indent: -4100px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: none; }
	ul#primary-nav li#nav-biography a { width: 127px; background-image: url(../img/p/nav_biography.gif); }
	ul#primary-nav li#nav-shows a { width: 82px; background-image: url(../img/p/nav_shows.gif); }
	ul#primary-nav li#nav-videos a { width: 87px; background-image: url(../img/p/nav_videos.gif); }
	ul#primary-nav li#nav-contact a { width: 105px; background-image: url(../img/p/nav_contact.gif); }
	
	/* current/hover states */
	body#biography ul#primary-nav li#nav-biography a,
	body#shows ul#primary-nav li#nav-shows a,
	body#videos ul#primary-nav li#nav-videos a,
	body#contact ul#primary-nav li#nav-contact a,
	ul#primary-nav li a:hover { background-position: 0 -32px; }

ul#secondary-nav { padding: 0 0 0 32px; width: 561px; height: 49px; position: absolute; left: 266px; top: 465px; background: transparent url(../img/p/bg_secondary-nav.gif) 0 0 no-repeat; }
	ul#secondary-nav li { float: left; }
	ul#secondary-nav li a { margin-right: 37px; height: 44px; display: block; font-size: 1px; text-indent: -4100px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: none; }
	ul#secondary-nav li#nav-overview a { width: 85px; background-image: url(../img/p/nav_overview.gif); }
	ul#secondary-nav li#nav-innovative-juggler a { width: 179px; background-image: url(../img/p/nav_innovative-juggler.gif); }
	ul#secondary-nav li#nav-spherus a { width: 71px; background-image: url(../img/p/nav_spherus.gif); }
	ul#secondary-nav li#nav-kinetics a { width: 77px; background-image: url(../img/p/nav_kinetics.gif); }
	ul#secondary-nav li#nav-development a { width: 122px; background-image: url(../img/p/nav_development.gif); }
	
	/* current/hover states */
	body.overview ul#secondary-nav li#nav-overview a,
	body.innovative-juggler ul#secondary-nav li#nav-innovative-juggler a,
	body.spherus ul#secondary-nav li#nav-spherus a,
	body.kinetics ul#secondary-nav li#nav-kinetics a,
	body.development ul#secondary-nav li#nav-development a,
	ul#secondary-nav li a:hover { background-position: 0 -39px; }


/*---------------------------------/
	HOME
---------------------------------*/
#home #stage { margin-left: 45px; width: 1040px }

/*---------------------------------/
	SHOWS
---------------------------------*/
.overview #stage img { margin-left: 28px; }
.spherus #stage img { margin-left: -30px; }
.kinetics #stage img { margin-left: 96px; display: block; }
#secondary .book-show p { margin-bottom: 1.5em; font: 1.1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }


/*---------------------------------/
	VIDEOS
---------------------------------*/
#videos ul#secondary-nav { margin-left: 92px; margin-bottom: 5em; padding: 0 0 0 32px; width: 561px; height: 49px; position: static; background: transparent url(../img/p/bg_secondary-nav-videos.gif) 0 0 no-repeat; }
	#videos ul#secondary-nav li a { margin-right: 27px; }

#videos #stage { margin-bottom: 60px; margin-left: 165px; }


/*---------------------------------/
	CONTACT
---------------------------------*/
#contact #stage { width: 429px; margin: 0; position: absolute; left: 474px; top: 94px; z-index: 1; }

#contact #content { margin: 20px 0 0 286px; padding-bottom: 3em; position: relative; z-index: 1000; }
#contact form { margin-bottom: 3em; }
#contact form dl dt { margin-bottom: 0.2em; padding-left: 12px; font-size: 1.2em; font-weight: bold; color: #fff; }
#contact form dl dd { margin-bottom: 1.4em; padding: 6px 0 0 12px; width: 224px; height: 28px; background: transparent url(../img/p/bg_input.gif) 0 0 no-repeat; }
#contact form dl dd input { padding: 4px; width: 204px; font: 1.2em Georgia, Times, "Times New Roman", Serif;  color: #000; background: none; border: none; }
#contact form dl dd.textarea { padding: 12px 0 0 10px; width: 402px; height: 150px; background: transparent url(../img/p/bg_textarea.gif) 0 0 no-repeat; }
#contact form dl dd textarea { padding: 4px; width: 372px; height: 120px; font: 1.2em Georgia, Times, "Times New Roman", Serif;  color: #000; background: none; border: none; }

#contact p { font-style: italic; }
	#contact p#info { margin-bottom: 1.5em; padding: 0.6em 14px; color: #f1f1f1; background: transparent url(../img/p/bg_contact-info.jpg) left bottom no-repeat; }
		#contact p#info strong { display: block; font: normal 1.667em Verdana, Arial, Helvetica, Sans-serif; font-style: normal; }
	#contact p#address { padding-top: 1em; width: 402px; font-size: 1.2em; font-style: normal; color: #f1f1f1; border-top: 1px solid #2a2a2a; }
	#contact p#agent { width: 402px; font-size: 1.2em; }

.confirmation #primary h2 { margin: -20px 0 400px; padding: 1em 0.5em; width: 280px; position: relative; font-size: 1.4em; font-weight: normal; text-align: center; background-color: #000; }


/*---------------------------------/
	ERROR
---------------------------------*/
#error #primary { margin: 0 auto 250px auto; padding-top: 60px; clear: both; float: none; width: 300px; }
#error #primary h2 { margin: 4em 0 1em; padding: 1em 0.5em; font-size: 1.4em; font-weight: normal; text-align: center; }
#error #primary p { font-size: 1.2em; }


/*---------------------------------/
	TECH
---------------------------------*/
#tech #stage { margin: 0 auto; padding: 100px 0; width: 400px; text-align: left; }
#tech h2 { padding-bottom: 1em; font-size: 1.8em; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #fff; border-bottom: 1px solid #333; }
#tech #stage ul { margin-bottom: 6em; }
#tech #stage ul li { margin: 0; padding: 0.8em 1em; clear: right; border-bottom: 1px solid #333; }
#tech #stage ul li a { display: block; float: right; }
#tech #stage ul li a span { font: 0.917em Arial, Verdana, Helvetica, Sans-serif; }

/*======================================================================
	jCarousel
----------------------------------------------------------------------*/
.carousel-wrap { position: relative; }

/*---------------------------------
CONTROLS
---------------------------------*/
.carousel-wrap .controls { position: relative; bottom: -46px; }
* html .carousel-wrap .controls { display: none; }

.carousel-wrap .controls a { display: block; position: absolute; bottom: 0; height: 38px; font-size: 1px; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: none; outline: none; cursor: pointer; z-index: 3; }
.carousel-wrap .controls a.prev { left: 0; width: 109px; background-image: url(../img/p/btn_previous-show.png); }
.carousel-wrap .controls a.next { right: 0;  width: 76px; background-image: url(../img/p/btn_next-show.png); }

.carousel-wrap .controls a:hover { background-position: 0 -38px; }
.carousel-wrap .controls a.disabled,
.carousel-wrap .controls a:hover.disabled { background-position: 0 -76px; cursor: default; }

/*---------------------------------
	CAROUSEL
---------------------------------*/	
.carousel-wrap .carousel { margin: 0; width: 185px; list-style: none; }
.carousel-wrap .carousel ul { margin: 0; list-style: none; }
.carousel-wrap .carousel ul li { margin: 0; width:185px; min-height: 130px; list-style: none; font-size: 1em; }


/*---------------------------------/
	FOOTER
---------------------------------*/
#footer { padding: 1.2em 0 6em; clear: both; background: transparent url(../img/p/bg_footer.jpg) center top no-repeat; }
#footer p { font: 1em Verdana, Arial, Helvetica, sans-serif; text-align: center; }