@charset "utf-8";
/* CSS Document */

#home {
font-family:Arial, Helvetica, sans-serif;
}

#container {
	background: #ffffff;
overflow: hidden;	
}



#header {
}





/*Navigation Menu*/


	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:10px;}
			#menu li a{background:url('../_images/menu_sprite.png') no-repeat; width:100%; height:100%; display:block;}

			/* Home Button */
			#menu li.home{width:84px; height:44px;}
				#menu li.home a{background-position:-0px -0px;}
				#menu li.home a:hover{background-position:-0px -44px;}
				#menu li.home a.selected{background-position:-0px -44px;}				

			/* Shop Button */
			#menu li.shop{width:66px; height:44px;}
				#menu li.shop a{background-position:-123px -0px;}
				#menu li.shop a:hover{background-position:-123px -44px;}
				#menu li.shop a.selected{background-position:-123px -44px;}

			/* Events Button */
			#menu li.events{width:71px; height:44px;}
				#menu li.events a{background-position:-242px -0px;}
				#menu li.events a:hover{background-position:-242px -44px;}
				#menu li.events a.selected{background-position:-242px -44px;}
				
				/* Our Story Button */
			#menu li.ourstory{width:103px; height:44px;}
				#menu li.ourstory a{background-position:-369px -0px;}
				#menu li.ourstory a:hover{background-position:-369px -44px;}
				#menu li.ourstory a.selected{background-position:-369px -44px;}
				
				/* Press Button */
			#menu li.press{width:72px; height:44px;}
				#menu li.press a{background-position:-520px -0px;}
				#menu li.press a:hover{background-position:-520px -44px;}
				#menu li.press a.selected{background-position:-520px -44px;}
				
				/* Stores Button */
			#menu li.stores{width:71px; height:44px;}
				#menu li.stores a{background-position:-637px -0px;}
				#menu li.stores a:hover{background-position:-637px -44px;}
				#menu li.stores a.selected{background-position:-637px -44px;}
				
				/* Contact Button */
			#menu li.contact{width:100px; height:44px;}
				#menu li.contact a{background-position:-760px -0px;}
				#menu li.contact a:hover{background-position:-760px -44px;}
				#menu li.contact a.selected{background-position:-760px -44px;}
			

			

/* end Navigation Menu */



h1.sharetop {
color:#ff5eb3;
font-size:14px;
font-weight:normal;
text-align:right;
font-style:italic;
margin:8px 10px 0px 0px;
}




/*billboard hompage slider*/
.stepcarousel{
margin-left:10px;
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 919px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding:10px;
width: 919px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:350px;
}
/*End billboard hompage slider*/



/*billboard1 styles */

h1.billboard1 {
color:#ff5eb3;
font-size:36px;
font-weight:normal;
margin:40px 0px 10px 25px;
}

h2.billboard1 {
color:#ff5eb3;
font-size:48px;
margin:0px 0px 0px 25px;
}

p.billboard1 {
/*color:#ff5eb3;*/
color:#000000;
font-size:16px;
margin:10px 0px 0px 25px;
}

/*billboard1 styles */






/*billboard2 styles */

h1.billboard2 {
color:#ff5eb3;
font-size:48px;
font-weight:bold;
margin:85px 0px 10px 25px;
text-align:center;
}

h1.billboard2b {
color:#ff5eb3;
font-size:38px;
font-weight:bold;
margin:70px 0px 10px 25px;
text-align:center;
}



p.billboard2 {
color:#000000;
font-size:16px;
margin:10px 0px 0px 25px;
text-align:center;
line-height:18px;
}

/*billboard2 styles */


h1.content_title {
margin-bottom:15px;
}

p.content_desc {
color:#5c575a;
font-size:13px;
font-weight:normal;
padding:0px 0px 0px 20px;
line-height:18px;
}

p.content_desc2 {
color:#5c575a;
font-size:13px;
font-weight:normal;
padding:0px 0px 7px 50px;
line-height:18px;
}


input.emailbox {
	width: 235px;
	height: 35px;
	border: 1px solid #d3d3d3;
	font-size: 18px;
	color: #404040;
	vertical-align: top;
	margin: 4px 0px 0px 20px;
}


#footer {
color:#898989;
font-size:11px;
margin-bottom:25px;
margin-top:15px;
}

#footer a:link {
color:#898989;
font-size:11px;
text-decoration:none;
}

#footer a:visited {
color:#898989;
font-size:11px;
text-decoration:none;
}

#footer a:hover{
color:#898989;
font-size:11px;
text-decoration:underline;
}

#footer h2{
color:#898989;
font-size:11px;
font-weight:normal;
text-align:center;
}








/* PRESS PAGE */

h1.presspage {
font-size:18px;
color:#e73e97;
font-style:italic;
font-weight:normal;
padding-bottom:05px;
}

/* END PRESS PAGE */






/*CONTACT US PAGE*/
h1.contactus {
color:#ff5eb3;
font-size:26px;
font-weight:normal;
margin:40px 0px 7px 0px;
}


h2.contactus {
color: #404040;
font-size:18px;
font-weight:normal;
font-style:italic;
margin:0px 0px 10px 0px;
}


#contact_us {
}

#contact_us h1 {
font-size:15px;
color:#404040;
font-weight:bold;
padding:8px 0px 0px 0px;
}

input.contactpage {
	width: 458px;
	height: 34px;
	border: 1px solid #d3d3d3;
	font-size: 18px;
	color: #404040;
	vertical-align: top;
	margin: 0px 0px 25px 15px;
}

select.contactpage {
width:264px;
margin:7px 0px 25px 15px;
}

textarea.contactpage {
width:458px;
height:208px;
border: 1px solid #d3d3d3;
margin: 0px 0px 25px 15px;
}


/*END CONTACT US PAGE*/














/*stores page*/

h1.storespage {
font-size:24px;
color:#e73e97;
font-style:italic;
font-weight:normal;
padding-bottom:05px;
}


h2.storespage {
font-size:18px;
color:#e73e97;
font-weight:normal;
padding-bottom:05px;
}


h3.storespage {
font-size:18px;
color:#000000;
font-weight:normal;
padding-bottom:0px;
}

p.storespage {
color:#5c575a;
font-size:13px;
font-weight:normal;
padding:0px 0px 0px 0px;
line-height:18px;
}


#storediv {
margin-bottom:20px;
}
/*END stores page */















/*EVENTS PAGE */
h1.eventspage {
font-size:24px;
color:#e73e97;
font-style:italic;
font-weight:normal;
padding-bottom:05px;
}

h2.eventspage {
font-size:32px;
color:#e73e97;
font-weight:normal;
padding-bottom:05px;
}

h3.eventspage {
font-size:22px;
color:#000000;
font-weight:normal;
padding:0px 0px 5px 20px
}

p.eventspage {
color:#5c575a;
font-size:12px;
padding:3px 20px 5px 20px;
line-height:13px;
}
/* Events PAGE */


















/*TOOL TIP CSS FOR SPLASH ONLY*/

/* trigger button */ 
.download_now { 
     
    
} 
 
/* mouseover state */ 
.download_now:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
.download_now:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../_images/tooltip_bottom_center.png);
	background-repeat:no-repeat; 
    height:300px; 
    padding:27px 0px 0px 12px;	 
    width:200px; 
    font-size:11px; 
    color:#000000;
	z-index:11;
	position:relative;
	 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#789;     
    font-size:12px;     
}

#tooltip_content {
}

#tooltip_content h1 {
color:#ffffff;
font-size:16px;
font-weight:bold;
padding:04px 0px 0px 05px;
margin-bottom:10px;
}

#tooltip_content p {
color:#000000;
font-size:12px;
padding:0px 0px 5px 5px;
}

/*TOOL TIP CSS FOR SPLASH ONLY*/







/*Story page style*/

h1.story_page {
font-size:24px;
color:#333333;
padding-bottom:10px;
}

p.story_page {
font-size:16px;
color:#333333;
line-height:20px;
padding:0px 5px 12px 0px;
}

p.story_page2 {
font-size:16px;
color:#333333;
line-height:20px;
padding:0px 5px 12px 90px;
}

/*Story page style*/