/* ===================================================== 
"Brand Aid LLC" Style Sheet

CLIENT:		Brand Aid LLC
CREATED:	2/1/2010
FILE:		global.css - Primary CSS Style
AUTHOR:		Joe (joe@brandaidme.com)

===================================================== */


/* Tags
-----------------------------------------------------------------------------------------------
===============================================================================================*/

a{ outline: none; }
textarea{ resize: none; }

.pngfix { behavior: url('_js/pngfix/iepngfix.htc'); }
.clear{ clear: both;  }

fieldset, img { border:0; }

/* Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/
html{ background: url('../_img/html_bg.jpg') repeat-x #0a0001; }

body { margin:0; padding:0;
	background: url('../_img/homepage.jpg') no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-position:top center;
}

.main {
	margin:0px auto;
	padding:0px;
	width:900px;
	border:0px solid red;
	position:relative;
}

#caruselWrapper { float: left; width:100%; height:585px; overflow: hidden;position:relative; margin-top: 15px; }

.bigCarusel {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}
.bigCarusel li {
	display:block;
	float:left;
	padding: 10px;
	height:640px;
	width: 850px;
}


/* Header
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.header { float:left; width:890px; height:85px; margin:12px 0 0px 0; display:inline; border:0px solid red; }
	.logo { float:left; height:88px; width:271px; margin-top:0px; margin-left:21px; }

.menu {
	float:right;
	width:580px;
	margin-right:6px;
	margin-top:30px;
	border:0px solid red;
}
.menu ul { list-style:none; }
.menu ul li {
	float:left;
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	margin-right:30px;

	display:inline;
}
.menu ul li a {
	color: #000;
	text-decoration: underline;
}
.menu ul li a:hover {
	color: #F90
}

/* Footer
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.footer {
	position: relative;
	margin: -20px;
}

.footer_sponsors { float: left; width: 550px; height: 320px; border: solid 0px #F00; margin-right: 30px; }
	a#dcpa { display: block; background:url(../_img/sponsors_dcpa.png) no-repeat; width: 293px; height: 77px; 	position: absolute; top:40px; left: 5px; text-indent: -9999px;}
	a#heights { display: block; background:url(../_img/sponsors_heights.png) no-repeat; width: 201px; height: 60px;	position: absolute; top:45px; left: 320px; text-indent: -9999px;}

	a#luxury { display: block; background:url(../_img/sponsors_luxury.png) no-repeat; width: 109px; height: 100px; 	position: absolute; top:120px; left: 15px; text-indent: -9999px;}
	a#performready { display: block; background:url(../_img/sponsors_pr.png) no-repeat; width: 83px; height: 100px;	position: absolute; top:120px; left: 200px; text-indent: -9999px;}
	a#rockstar { display: block; background:url(../_img/sponsors_rockstar.png) no-repeat; width: 192px; height: 100px; 	position: absolute; top:120px; left: 330px; text-indent: -9999px;}

	a#studio21 { display: block; background:url(../_img/sponsors_studio.png) no-repeat; width: 242px; height: 70px; position: absolute; top:240px; left: 300px; text-indent: -9999px;}
	a#brandaid { display: block; background:url(../_img/sponsors_brandaid.png) no-repeat; width: 248px; height: 69px; position: absolute; top:240px; left: 5px; text-indent: -9999px;}

.footer_about { float: left; width: 310px; border: solid 0px #F00; }
	a#dvd { display: block; background:url(../_img/order_dvd.gif) no-repeat; width: 101px; height: 150px; 	position: absolute; top:50px; left: 600px; text-indent: -9999px;}
	a#photo1 { display: block; background:url(../_img/order_photo.gif) no-repeat; width: 200px; height: 150px;	position: absolute; top:50px; left: 725px; text-indent: -9999px;}
	a#photo2 { display: block; background:url(../_img/order_photo2.gif) no-repeat; width: 230px; height: 56px; 	position: absolute; top:230px; left: 650px; text-indent: -9999px;}



.footer_foot { position: relative; border: 0px solid #066; }
.footy p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #FFF; text-align: center; }
.foot_social { float: right; border: #060 1px solid; }

/* Content
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.content {
	position:relative;
	display:block;
	float:left;
	width:100%;
	border:0px solid red;
	min-height:600px;
}

/* Home */
.contentLeft {
	float:left;
	width:410px;
	margin-left:23px;
	position:relative;
	display:inline;
}


.contentRight {
	float:left;
	width:280px;
	position:relative;
	margin-left:20px;
}
.videoframe {
	float:left;
	position:relative;
}
.frame {
	position:absolute;
	left: -18px;
	top:-12px;
}

.intro { float:left; width:360px; margin:0px 0px 0px 22px; }
.intro h1 { font-size: 13px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #000 margin:5px 0 0 0; line-height:22px; }

.Gallerymenu {
	width:190px;
	height:241px;
	background-image:url('../_img/shadowbk.png');
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left: 137px;
	top: 229px;
	border:0px solid red;
}
.pic1 {
	margin:30px 0 0 35px;
	display:inline;
	behavior: url('_js/pngfix/iepngfix.htc');
}
.pic2 {
	margin:13px 0 0 30px;
	display:inline;
	behavior: url('_js/pngfix/iepngfix.htc');
}
.pic3 {
	margin:9px 0 0 28px;
	display:inline;
	behavior: url('_js/pngfix/iepngfix.htc');
}
.socialb {
	float:left;
	width:160px;
	margin:25px 0 0 25px;
	display:inline;
}
.socialb img {
	margin-left:5px;
}
.redrope {
	position:absolute;
	top:290px;
	left:0px;
}

/* Line Up
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.slideshow { float:left; width:100%; height: 370px; position:relative;
	border: 0px #F00 solid;
}

.arrCenter { float:left; width:850px; height:180px; border: solid 0px #003; margin-bottom: 10px; }

#l_hybrid { display: block; background:url(../_img/lineup/hybrid.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_motion { display: block; background:url(../_img/lineup/motion.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 10px;}
#l_efx { display: block; background:url(../_img/lineup/efx.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 5px;}
#l_mop { display: block; background:url(../_img/lineup/moptop.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_dream { display: block; background:url(../_img/lineup/dream.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_d2l { display: block; background:url(../_img/lineup/d2l.gif) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}

#l_mora { display: block; background:url(../_img/lineup/mora.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top:20px;}
#l_t2f { display: block; background:url(../_img/lineup/t2f.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_rock { display: block; background:url(../_img/lineup/rock.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_8th { display: block; background:url(../_img/lineup/8th.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 10px;}
#l_boom { display: block; background:url(../_img/lineup/boom.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 10px;}
#l_metro { display: block; background:url(../_img/lineup/metro.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}

#l_schiff { display: block; background:url(../_img/lineup/schiff.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top:25px;}
#l_solid { display: block; background:url(../_img/lineup/solid.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_dam { display: block; background:url(../_img/lineup/dam.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_hype { display: block; background:url(../_img/lineup/hype.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_wood { display: block; background:url(../_img/lineup/wood.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 10px;}
#l_asc { display: block; background:url(../_img/lineup/ascential.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 10px;}

#l_2nice { display: block; background:url(../_img/lineup/2nice.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px;}
#l_next { display: block; background:url(../_img/lineup/next.jpg) no-repeat center #FFF; width: 228px; height: 140px; text-indent: -9999px; padding-top: 20px;}

.arrLeft {
	float:left;
	width:26px;
	height:51px;
	position:absolute;
	left: -14px;
	top: 93px;
}
.arrRight {
	float:right;
	width:26px;
	height:51px;
	position:absolute;
	right: -5px;
	top: 93px;
}


.imgSlideshow {
	float:left;
	margin-left:30px;
	position:relative;
	display:inline;
}
.imgslide {
	position:absolute;
	left:-10px;
	top: 15px;
}

.firstpic {
	margin-left:20px;
	display:inline;
	margin-right:10px;
}
.lastpic {
	margin-left:40px;
	display:inline;
	margin-right:10px;
}
.imgSlideshow h2 {
	text-align:center;
	font:normal 15px Georgia;
	margin:5px 0 0 0;
}
.imgSlideshow h2 a {
	color:#000;
	text-decoration:none;
}
.imgSlideshow a img {
	opacity:1;
}
.imgSlideshow a:hover img {
	opacity:1;
}
.imgSlideshow p {
	text-align:center;
	font:normal 12px Arial;
	color:#595959;
	margin:13px 0 13px 0;
}
.imgSlideshow p a {
	color:#595959;
	text-decoration:none;
}


.paginaregallery {
	float:right;
	height:40px;
	border:0px solid red;
	margin-top:33px;
	margin-right:31px;
}
.paginareLeft {
	float:left;
	background-image:url('../_img/paginareLeft.png');
	background-repeat:no-repeat;
	background-position:left;
	height:40px;
	width:7px;
}
.paginareCenter {
	float:left;
	background-image:url('../_img/paginareCenter.png');
	background-repeat:repeat-x;
	background-position:left;
	height:40px;
}
.paginareRight {
	float:left;
	background-image:url('../_img/paginareRight.png');
	background-repeat:no-repeat;
	background-position:left;
	height:40px;
	width:7px;
}
.paginare {
	float:right;
	height:40px;
	border:0px solid red;
	margin-right:0px;
	margin-top:7px;
}
.page {
	width:23px;
	height:23px;
	float:left;
	margin-left:5px;
}
.page a {
	font:bold 15px Georgia;
	color:#423933;
	text-decoration:none;
	margin:3px 0px 0px 6px;
	border:0px solid red;
	float:left;
}
.page a:hover {
	color:#978a82;
}



#selecteditem {
	background-color:#423933;
	width:23px;
	height:23px;
	float:left;
	margin:3px 0px 0px 6px;
	border:0px solid #7b7b7b;
}
#selecteditem a {
	font:bold 15px Georgia;
	color:#fff;
	text-decoration:none;
	margin:0px 0px 0px 6px;
	border:0px solid red;
	float:left;
}
#selecteditem a:hover {
	color:#fff;
}

.categories {
	position:relative;
	float:right;
	width:241px;
	height:50px;
	margin-right:33px;
	margin-top:12px;
}
.categories img {
	position:absolute;
	top:180px;
}


/* About the Festival
-----------------------------------------------------------------------------------------------
===============================================================================================*/


.menuservices {
	padding-top: 0px;
	border: 0px solid #F00;
	float:left;
	width:350px;
	height:300px;
	position:relative;
}
.menuservices ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
}
.menuservices ul li {
	margin:4px 0 4px 0;
	padding:4px 0 4px 0;
	font:normal 19px Arial;
	color:#545652;
	background-image:url('../_img/arrowmenu.png');
	background-position:90% 50%;
	background-repeat:no-repeat;
	height:22px;
	width:350px;
	position:relative;
}
.menuservices ul li img {
	position:absolute;
	top:-5px;
}
.menuservices ul li a {
	color:#545652;
	text-decoration:none;
}
.menuservices ul li a:hover {
	color:#6d2d09;
}
.menuservices ul li .selected {
	color:#6d2d09;
}
/*
.polles {
	float:left;
	position:relative;
}
.polles img {
	position:absolute;
	left: -60px;
	top:200px;
}
*/

.contentTextSlide {
	float:right;
	width:380px;
	height: 2000px;
	margin:0px 35px 0px 0px;
	overflow: hidden;
	height:370px;
	position:relative;
}
.servicesText {
	border:0px solid red;
	margin-bottom:80px;
}
.servicesText p {
	font:normal 13px Georgia;
	color:#55504c;
	line-height:22px;
	margin:0;
}
.servicesText img {
	float:right;
}


/* Contact
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.contact {
	float:left;
	width:100%;
}

.one_half { float: left; width: 49%; }
.one_half h2 { font-size: 18px;}

#map_canvas {
  width:500px;
  height:320px;
  margin-top:5px;
}

#map_canvas { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; }

#directions {
  margin-top:10px;
}

.form {
	width:400px;
	border:0px solid red;
	float:left;
}
.inputcontact {
	width:210px;
	border:6px solid #525150;
	padding:5px;
	font:normal 14px Georgia;
}
.form_info{
	width: 430px;
	font:normal 14px Georgia;
	color:#55504c;
}
.email_label, .phone_number_label, .your_company_label{
	width: 150px;
	float: left; 
	height: 61px;
	position: relative;
	top: 10px;
}
.email_input{
	width: 270px;
	float: left;
}




.chair {
	float:left;
	position:relative;
}
.chair img {
	position:absolute;
	left: -60px;
	top: 77px;
}



.messagebox {
	float:right;
	width:350px;
	border:0px solid red;
	margin-right:60px;
}
.messageinput {
	width:320px;
	height:230px;
	border:6px solid #525150;
	padding:4px;
	font:normal 14px Georgia;
}
.messagebox img {
	float:right;
	margin-top:25px;
}


/* Gallery Menu
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.galleryMenu {
	border:0px solid red;
	position:absolute;
	bottom:150px;
	right:35px;
	width:224px;
	z-index:1000;
}
.galleryMenu-top {
	width:224px;
	height:18px;
	background-image:url('../_img/menu_up.png');
}
.galleryMenu-center {
	width:224px;
	background-image:url('../_img/menu_content.png');
}
.galleryMenu-row {
	width:200px;
	float:left;
	margin: 5px 0px 0px 10px;
	padding:2px 0px 4px 0px;
	background-image:url('../_img/menu_row_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom;
}
.galleryMenu-row .thisText {
	margin: 0px;
	padding: 0px;
	font: bold 14px Arial;
	color: #e9e2d3;
	float:left;
	margin:0px 0px 0px 10px;
	cursor:pointer;
}
.galleryMenu-row .checkbox {
	width:19px;
	height:19px;
	background-image:url('../_img/checkbox.png');
	background-position: 0px -19px;
	cursor:pointer;
	float:left;
}
.galleryMenu-row .checkbox:hover {
	background-position: 0px 0px;
}
.galleryMenu-row .checkboxSelected {
	background-position: 0px 0px;
}
.galleryMenu-bottom {
	width:224px;
	height:18px;
	background-image:url('../_img/menu_bottom.png');
}