/**************************************/
/***** Code By Bull Moose, L.L.C. *****/
/****** www.BullMooseTicket.com *******/
/***** All Rights Reserved - 2009 *****/
/**************************************/
/** Created - 2/20/2009 */
/** Updated - 3/28/2009 */
/*************************/

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

body {
	color: #000;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	font-size: 13px;
	line-height: 18px;
	background:#f4f3ed;
}

a:link, a:visited{
	color: #cc6600;
	text-decoration: none;
	padding: 5px 0 5px 0;
}

a:hover{
	color: #cc6600;
	text-decoration: underline;
}

a:active {
	color: #ad682e;
	text-decoration: underline;
}

a:focus { outline:none;}

.noborder {text-decoration:none;}

.clear {clear:both;}

#wrapper {background: #f4f3ed url(http://www.bullmooseticket.com/images/assets/tile.jpg) repeat-x;}

#main {
	position:relative;
	width:960px;
	margin: 0 auto;
	padding-bottom: 200px;
}

/*
~~~~~~~~~ HEADER ~~~~~~~~~
*/
#clientLogin {width:100%; height:60px; background:#231f20; text-align:center;}
#clientLogin input {margin-top:24px; font-size:11px; padding:2px; border:1px solid #bbb8b5; color:#7c7872;}
#clientLoginButton {position:absolute; top:6px; right:46px; background:url(http://www.bullmooseticket.com/images/assets/client_login.png) no-repeat; width:82px; height:15px;}

#header{ width:1060px; background:url(http://www.bullmooseticket.com/images/assets/header.png) no-repeat; margin:0 auto; position:relative; height:144px;}

#logo, #logo a {
	float:left;
	width: 422px;
	height: 109px;
}
#logo h1 {margin-left:-9999px;}
#logo a {margin-left:50px;}


/*
~~~~~~~~~ will's NAVIGATION ~~~~~~~~~


#navigation {
	position:relative; 
	float:right; 
	width:463px; 
	height:43px;
	margin:52px 50px 0 0;
}
#navigation li {height:38px; float:left;}
#navigation li a {display:block; height:38px;margin-left:26px;}
#navigation #portfolioLink {margin-left:66px;background:url(http://www.bullmooseticket.com/images/assets/rollovers/portfolio.gif) no-repeat; width:102px;}
#navigation #aboutLink {width:90px;}
#navigation #contactLink {background:url(http://www.bullmooseticket.com/images/assets/rollovers/contact.gif) no-repeat; width:92px;}
*/

/*
~~~~~~~~~ New NAVIGATION ~~~~~~~~~~~~~~~
*/

#navigation {
	position:relative; 
	float:right; 
	width:250px; 
	height:48px;
	margin:44px 105px 0 0;
	padding:0;
}

#navigation li {
	margin:0;
	padding:0;
	list-style: none;
	position: absolute; 
	top: 0;
}

#navigation li, #navigation a {height: 48px; margin:0; padding:0; display: block;}

/** Navigation Roll-Over States **/
#navigation #portfolioLink {width:115px; left:0; background: url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) 0 0 no-repeat;}
#navigation #portfolioLink a:hover, #navigation #portfolioLink a.current:hover {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) 0 -48px no-repeat;}
#navigation #portfolioLink a:active, #navigation #portfolioLink a.current:active {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) 0 -96px no-repeat;}
#navigation #portfolioLink a.current {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) 0 -144px no-repeat;}

#navigation #contactLink {width:107px; left:129px; background: url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) -309px 0 no-repeat;}
#navigation #contactLink a:hover, #navigation #contactLink a.current:hover {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) -309px -48px no-repeat;}
#navigation #contactLink a:active, #navigation #contactLink a.current:active {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) -309px -96px no-repeat;}
#navigation #contactLink .current {background: transparent url(http://www.bullmooseticket.com/images/assets/rollovers/linksprites.jpg) -309px -144px no-repeat;}

/*
~~~~~~~~~ FOOTER ~~~~~~~~~
*/

#footer {
	width:100%;
	background:url(http://www.bullmooseticket.com/images/assets/footer.jpg) repeat-x #27201c;
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	clear:both;
	padding-top: 20px;
}

#footContainer {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#footLeftBox {
	float: left;
	position:relative;
	width:500px;
	height:77px;
	background:#312a26;
	color:#978772;
	margin: 35px 0 10px 10px;
	padding: 10px 15px 10px 15px;
	font-size: 11px;
	line-height: 19px;
}

#footRightBox {
	float: right;
	background:url(http://www.bullmooseticket.com/images/assets/footer/foot-texas.jpg) no-repeat;
	height: 180px;
	width: 240px;
	text-align: right;
	color: #978772;
	font-size: 11px;
	line-height: 19px;
	margin-right: 40px;
}

#footRightBox p {position: absolute; top: 98px; right:0;}

.footIcon {margin-right:5px;}

#footer a:link, #footer a:visited{
	color: #f4f3ed;
	text-decoration: none;
	padding: 5px 5px 5px 0;
}

#footer a:hover, #footer a:active{
	color: #f4f3ed;
	text-decoration: underline;
}

#footRightBox a:link, #footRightBox a:visited{
	color: #978772;
	text-decoration: none;
	padding: 5px;
}

#footRightBox a:hover, #footRightBox a:active{
	color: #978772;
	text-decoration: underline;
}

/*
~~~~~~~~~ MIDDLE ~~~~~~~~~
*/
#mid {
	background:#1d1715 url(http://www.bullmooseticket.com/images/assets/midbar_pattern.jpg) bottom repeat-x;
	height:400px;
	width:100%;
}

#midInner {
	background:#1d1715 url(http://www.bullmooseticket.com/images/assets/brownInner.jpg) bottom repeat-x;
	height:260px;
	width:100%;
	margin-bottom:10px;
}

#midInterior {
	position:relative;
	width:960px;
	margin:0 auto;
	height:228px;
	background:url(http://www.bullmooseticket.com/images/assets/midBrown.jpg) no-repeat;
}

#midInner-sub {
	background:#1d1715 url(http://www.bullmooseticket.com/images/assets/brownInner.jpg) bottom repeat-x;
	height:160px;
	width:100%;
	margin-bottom:10px;
}

#midInterior-sub {
	position:relative;
	width:960px;
	margin:0 auto;
	height:128px;
	background:url(http://www.bullmooseticket.com/images/assets/midBrown.jpg) no-repeat;
	background-position: 0 -100px;
}

#middleTagLine {
	position:absolute;
	width:555px;
	height:112px;
	background:url(http://www.bullmooseticket.com/images/assets/featured/sxsw-tag.jpg) no-repeat;
	top:35px;
	left:15px;
}

#middleLink {
	position:absolute;
	width:356px;
	height:88px;
	overflow:hidden;
	background:url(http://www.bullmooseticket.com/images/assets/featured/sxsw-rsvp.jpg) no-repeat;
	bottom:0;
	left:255px;
}

#middleLink a {z-index:100; position:absolute; left:0; display:block; bottom:20px; width:356px; height:50px;}

#middleTV {
	background:url(http://www.bullmooseticket.com/images/assets/sxsw/sxsw-vip-tv.png) no-repeat;
	width:390px;
	height:271px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}

#middleTV a {
	width:303px;
	height:229px;
	position:absolute;
	right:28px;
	bottom:20px;
}

/*
~~~~~~~~~ MIDDLE - SXSW VIP ~~~~~~~~~
*/

#middleTagLine-SXSW {
	position:absolute;
	width:568px;
	height:201px;
	background:url(http://www.bullmooseticket.com/images/assets/sxsw/sxsw-vip-tag.jpg) no-repeat;
	top:27px;
	left:0px;
}


#middleTV-SXSW {
	background:url(http://www.bullmooseticket.com/images/assets/sxsw/sxsw-vip-tv.png) no-repeat;
	width:365px;
	height:272px;
	position:absolute;
	right:0;
	bottom:0;
}

/*
~~~~~~~~~ HOME SUB NAV ~~~~~~~~~
*/
#homeSubNav {
	position:relative;
	width:100%;
	height:155px;
	margin:-120px 10px 0 10px;
}

.subNavWrapper {
	width:231px;
	float:left;
}

#homeSubNav .rightSpace {margin-right:123.5px;}

.subNavWrapper h2 {
	color:#2e2620;
	font-size: 2.1em;
	line-height: 1.2em;
}

.subNavWrapper p {
	color:#7c7872;
	font-size: 12px;
	line-height: 1.5em;
}

/*
~~~~~~~~~ HOME FEATURED PROJECT ~~~~~~~~~
*/

#featuredProject {position:relative; margin-top:-5px;}

#featuredScreenShot {
	float:left;
	width:572px;
	padding:12px;
	background:#faf9f6;
	border:1px solid #e9e8e0;
	margin-bottom: 25px;
}

#featuredScreenShot img {border:1px solid #efeeeb;}

#featuredInformation {
	width:285px;
	float:right;
	margin-top: 20px;
}

#featuredInformation h3 {
	font-family: Gill Sans;
	text-transform: uppercase;
	letter-spacing:1px;
	font-size:13px;
	line-height:1.5em;
	color:#2e2620;
	margin-bottom:6px;
}

/*#featuredInformation blockquote.withquote {
	background:url(http://www.bullmooseticket.com/images/assets/featured/open_quote.jpg) no-repeat;
	background-position:top left;
} */

#featuredInformation p#featuredQuote {
	background: url(http://www.bullmooseticket.com/images/assets/featured/close_quote.jpg) no-repeat;
	background-position:250px 71px;
	padding-right:5px;
}

#featuredInformation  span.openQuote {
	display:block;
	float:left;
	width:18px;
	height:15px;
	margin-right:4px;
	background:url(http://www.bullmooseticket.com/images/assets/featured/open_quote.jpg) no-repeat;
}

#featuredInformation  span.closeQuote {
	display:block;
	float:left;
	margin-left:45px;
	width:18px;
	height:15px;
	margin-right:4px;
	background:url(http://www.bullmooseticket.com/images/assets/featured/close_quote.jpg) no-repeat;
}

#featuredInformation p#featuredQuote {
	font-family:georgia, verdana;
	color:#823c00;
	font-size:16px;
	line-height:1.4em;
	text-align: justify;

} 

#featuredInformation p#featuredAuthor {
	color:#7c7872;
	font-size:12px;
	text-align:right;
	margin-top:10px;
	letter-spacing: 0.05em;
}

.featuredHori {
	width:100%;
	height:4px;
	background:url(http://www.bullmooseticket.com/images/assets/featured/featured-hori.gif) no-repeat;
	margin:46px 0 36px 0;
}

#featuredPortfolioLink { margin-left:17px; width:100%;}
#featuredPortfolioLink p {color:#7c7872; font-size:11px; margin:10px;}

#featportfolioLink {
	width:254px;
	height:53px;
	overflow:hidden;
	background:url(http://www.bullmooseticket.com/images/assets/featured/portfolio-link.jpg) no-repeat;
}

#featportfolioLink a {display:block; width:254px; height:53px;}


/*
~~~~~~~~~ CONTACT FORM ~~~~~~~~~
*/

#contactForm {
	position:relative;
	width:640px;
	height:605px;
	float:left;
	background:#edece5;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#7c7872;
	margin-bottom:25px;
}

#contactForm #formHeader {padding:10px 19px;}

#contactForm #formHeader h2 {
	font-family: Helvetica, Arial, sans-serif;
	color:#302a26;
	font-size: 2.5em;
	letter-spacing:-1px;
	font-weight: bold;
	line-height: 1.2em;
	text-transform:uppercase;
}

#contactForm #formHeader p {
	font-size: 13px;
	line-height: 1em;
	margin-bottom:20px;
	color:#7c7872;
}

#contactForm #formMessage {width:577px; color:#302a26; margin:0 0 5px 40px; font-size:11px;}
#contactForm #formMessage textarea {border:1px solid #bbb8b5;}

/**** PADDING UNDER FORM FIELDS ****/
#contactForm #formLeft p, #contactForm #formRight p, #contactForm #formMessage p {margin-bottom:11px;}
#contactForm #formLeft input, #contactForm #formRight input {width:95%; font-size:11px; padding:2px; border:1px solid #bbb8b5;}

#contactForm p.left {float:left; margin:19px 0 0 40px;}

#contactForm p.left span, #contactForm #formMessage span {color:#ad682e;}
#contactForm p.left {font-size:11px; color:#302a26;}

#formLeft, #formRight {width:250px; color:#302a26; margin:20px 0 5px 0; font-size:11px;}

#contactRight {
	width:225px;
	float:right;
	margin-top:25px;
}

#contactRight h2 {
	margin-bottom:10px;
	font-family: "Gill Sans";
	color:#2e2620;
	font-size: 2.1em;
	line-height: 1.2em;
}

#contactRight p {
	font-size: 13px;
	line-height: 19px;
	color:#7c7872;
	margin-bottom:10px;
	margin-left: 7px;
}

/*
~~~~~~~~~ VIP FORM ~~~~~~~~~
*/

#vipForm {
	position:relative;
	width:640px;
	height:400px;
	float:left;
	background:#edece5;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#302a26;
	margin-bottom:25px;
}

#formHeader {padding:10px 19px;}

#formHeader h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing:-1px;
	font-weight: bold;
	line-height: 1.2em;
}

#formHeader p {
	font-size: 13px;
	line-height: 1em;
	margin-bottom:20px;
	color:#7c7872;
}

#formLeft, #formRight {width:250px; color:#302a26; margin:20px 0 5px 0; font-size:11px;}
#formLeft, #vipForm p.left {float:left; margin-left:40px;}
#formRight {float:right; margin-right:40px;}

#formRight p span, #formLeft p span, #vipForm p.left span {color:#ad682e;}
#vipForm p.left {font-size:11px; color:#302a26;}
#vipForm #formLeft input, #vipForm #formRight input {width:95%; font-size:11px; padding:2px; margin-bottom:19px; border:1px solid #bbb8b5;}

p.submitButton {float:left; margin:25px 0 20px 40px;}

#sxswDateTime {
	width:187px;
	height:34px;
	float:right;
	background:url(http://www.bullmooseticket.com/images/assets/sxsw/sxsw_timedate.jpg) no-repeat;
	margin:29px 84px 0 0;
}

#sxswPoster {
	width:278px;
	height:425px;
	float:right;
	background:url(http://www.bullmooseticket.com/images/assets/sxsw/sxsw_poster.jpg) no-repeat;
	margin-top:-15px;
}

#vipThanks {
	position:relative;
	width:640px;
	height:150px;
	background:#edece5;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#302a26;
	margin: 0 auto 25px auto;
}

#sxswThanksMsg {
	width:100%;
	text-align:center;
	font-size: 22px;
	line-height: 32px;
	padding-top: 40px;
}


/*
~~~~~~~~~ PORTFOLIO ~~~~~~~~~
*/

.portfolioItem {
	position:relative;
	margin: 0 auto 50px auto;
	width: 960px;
}

.portfolioItem h2 {
	color: #2e2620;
	font-family: "High Tower Text";
	font-size: 3.5em;
	margin: 25px 0 3px 12px;
}

.portfolioContent {
	margin-top: -18px;
	width:932px;
	padding: 12px 13px 12px 12px;
	background:#faf9f6;
	border:1px solid #e9e8e0;
}

img.portfolioIMG {
	border:1px solid #efeeeb;
}

p.portfolioImages, p.toggleDescription {margin:8px 0 0 0;}

p.portfolioImages {float:left; color:#7c7872;}
p.toggleDescription {float:right;}

.portfolioDescription {
	margin:0;
	color: #2e2620;
}

.portfolioImages a {
	padding: 5px;
}

.portfolioDescription p {margin:12px 0 0 0;}

#portfolioText {
	font-size: 13px;
	line-height: 1em;
	margin-bottom:46px;
	margin-top: 25px;
	color:#7c7872;
}

.portfolioHori {
	width:100%;
	height:4px;
	width: 960px;
	background:url(http://www.bullmooseticket.com/images/assets/portfolio-hori.jpg) no-repeat;
	margin:36px auto 36px auto;
}

/*
~~~~~~~~~ CLIENT AREA ~~~~~~~~~
*/

#clientPostWrapper {
	position:relative;
	width:640px;
	float:left;
	background:#edece5;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#7c7872;
	margin-bottom:25px;
	padding: 4px 5px 14px 12px;
}

.clientPost {
	position:relative;
	margin-top:4px;
}

.clientPostDate {
	text-transform:uppercase;
	font-size:0.85em;
	color:#7c7872;
	margin-left: 1px;
	margin-bottom: 2px;
}

.clientPostTitle {
	font-size:1.8em;
	color: #2e2620;
}

#clientInfo {
	width:225px;
	float:right;
	margin-top:-60px;
	margin-bottom: 25px;
}

#clientInfo h2 {
	margin:0 0 10px 0;
	font-family: "Gill Sans";
	color:#2e2620;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-left: 7px;
}

h2#clientName {
	margin:0 0 10px 0;
	font-family: "Gill Sans";
	color:#2e2620;
	font-size: 2em;
	line-height: 1.2em;
}

#clientInfo h3 {
	font-family: "Gill Sans";
	color:#2e2620;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-left: 7px;
}

#clientInfo p {
	font-size: 13px;
	color:#7c7872;
	margin-bottom:10px;
	margin-left: 7px;
}

.clientInfoHori {
	width:100%;
	height:4px;
	background:url(http://www.bullmooseticket.com/images/assets/featured/featured-hori.gif) no-repeat;
	margin:12px 0 12px 0;
}

#clientText {
	margin-bottom:25px;
	color:#7c7872;
	width:640px;
}

#clientContact {margin-bottom:-6px;}
p.clientContactTitle {float:left; width:35%;}
p.clientContactDetails {float:right; margin-right:7px;}
p.clientContactDetails span {color:#2e2620; line-height:1.2em;}

#clientBMContact {margin-bottom:16px;}

#clientInfo .lineBill p{margin:0px; margin-left: 7px;}
p.billItem {float:left; width:35%;}
#clientInfo p.billAmount {float:right; margin-right:7px; color:#2e2620;}

/** Client Post Details **/
.clientPostDetails {margin:16px 7px 4px 0px; line-height:1.6em;}

.clientPostAttachments h3 {letter-spacing: 1px; color:#2e2620; text-transform:uppercase; margin:20px 0 4px 0;}
.attachment {margin-right: 8px; position:relative; border-bottom: 1px solid #e6e1d7;}
p.filename {float:left; width:60%;}
p.fileDownload, p.fileView, p.fileSize {float:right; margin-right:6px;}

a.expandPost {
	text-transform:uppercase;
	font-size:0.85em;
	color:#7c7872;
	position: absolute;
	top:0px;
	right: 7px;
	margin:0;
	padding:0;
	z-index:100;
	width:100%;
	height:50px;
}
a.expandPost span {
	position:absolute;
	top:0px;
	right:7px;
}

/** Capital Factory Video **/

#videoBox {
	position:relative;
	width:640px;
	height:360px;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#302a26;
	margin: 0 auto 25px auto;
}

#profileWrapper {
	position:relative;
	width:640px;
	padding:16px;
	float:left;
	background:#edece5;
	font-family: 'lucida grande', 'lucida sans unicode', sans-serif;
	color:#7c7872;
	margin-bottom:25px;
}

#profileWrapper p {
	margin:0 0 10px 0;
}

.profileHori {margin-bottom:10px;}

.profileContent {
	margin:0 0 10px 0;
}

.profileContent h2 {
	font-family: "Gill Sans";
	color:#2e2620;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom:10px;
}
.profilePhoto {

	float:left;
	margin-right:16px;
}

.profilePhoto img {padding:2px; border:1px solid #2e2620;}