/*********************************************************************************************************/
/*										Rockstar Hotel Toronto											 */
/*																										 */
/*										Gold Font: B59A5D												 */
/*																										 */
/*********************************************************************************************************/
/* tags */

html, body{ font:11px/13px Verdana, Arial, Helvetica, sans-serif; width:100%; height:100%; background:#5E426F url(../images/bg_tile.gif); color:#B59A5D; }

a:link, a:visited, a:active, a:hover{ outline:none; }
ul{ list-style: none outside; }
img{ border:0; }
fieldset{ border:0; }	
legend{ display:none; }

h1{ display:block; float:right; position:relative; bottom:34px; right:95px; width:237px; height:52px; background:url(../images/h_toronto.png); }


/*********************************************************************************************************/
/* shared */

*{ margin:0; padding:0; }
.hide{ display:none; }
.show{ display:block; }
.clear{ clear:both; }


/* cookie check */
.jscookie_test{ position:absolute; z-index:1; width:100%; height:auto; text-align:center; color:#fff; }
.jscookie_test p{ padding:10px; }
.jscookie_test a{ color:#fff; }

/* background gradient */
.bg_grade img.grade{ width:100%; height:100%; left:0; top:0; position:absolute; z-index:0; }

/* wrapper */
.wrapper{ margin:0 auto; position:relative; top:75px; z-index:2; width:764px; height:auto; /*height:100%;*/ background:url(../images/bg_hotel.gif); }

/* rockstar hotel logo */
.rsh_logo{ float:left; position:relative; right:50px; bottom:20px; width:260px; height:257px; background:url(../images/rsh_logo.png); }

.rsh_logo .puma a{ position:absolute; top:24px; left:164px; z-index:3; display:block; width:67px; height:43px; text-decoration:none; cursor:pointer; }
.rsh_logo .puma a span{ display:none; }
.rsh_logo .puma a:hover span{ display:block; position:absolute; top:0; left:0; }
.rsh_logo .puma a span .logo_puma_on{ display:block; position:absolute; width:67px; height:43px; }

.rsh_logo .home a{ position:absolute; top:27px; left:46px; z-index:2; display:block; width:184px; height:133px; text-decoration:none; cursor:pointer; }
.rsh_logo .home a span{ display:none; }
.rsh_logo .home a:hover span{ display:block; position:absolute; top:0; left:0; }
.rsh_logo .home a span .logo_puma_on{ display:block; position:absolute; width:184px; height:133px; }

.rsh_logo .fido a{ position:absolute; top:151px; left:67px; display:block; width:32px; height:40px; text-decoration:none; cursor:pointer; }
.rsh_logo .fido a span{ display:none; }
.rsh_logo .fido a:hover span{ display:block; position:absolute; top:0; left:0; }
.rsh_logo .fido a span .logo_puma_on{ display:block; position:absolute; width:32px; height:40px; }

.rsh_logo .zune a{ position:absolute; top:164px; left:120px; display:block; width:38px; height:35px; text-decoration:none; cursor:pointer; }
.rsh_logo .zune a span{ display:none; }
.rsh_logo .zune a:hover span{ display:block; position:absolute; top:0; left:0; }
.rsh_logo .zune a span .logo_puma_on{ display:block; position:absolute; width:38px; height:35px; }

.rsh_logo .fuze a{ position:absolute; top:182px; left:177px; display:block; width:52px; height:20px; text-decoration:none; cursor:pointer; }
.rsh_logo .fuze a span{ display:none; }
.rsh_logo .fuze a:hover span{ display:block; position:absolute; top:0; left:0; }
.rsh_logo .fuze a span .logo_puma_on{ display:block; position:absolute; width:52px; height:20px; }


/* columns */
.nav_col{ clear:both; float:left; display:inline; width:158px; height:400px; }
.content_col{ float:left; display:inline; padding:13px 0 0 0px; width:536px; height:auto; }
.content_col a { color: #43324d; font-weight:bold;}


/* navigation */
.nav{ float:left; display:inline; margin:16px 0 0 38px; width:98px; height:150px; overflow:hidden; }
.nav li{ clear:both; float:left; display:inline; margin:0 0 8px 0; height:10px; }
.nav li.rsvp_li{ height:14px; }
.nav li a{ float:left; display:block; overflow:hidden; }
.n_event_off{ display:block; width:93px; height:10px; background:url(../images/n_event.gif) no-repeat 0px 0px; }
.n_event_off:hover{ display:block; width:93px; height:10px; background:url(../images/n_event.gif) no-repeat 0px -10px; }
.n_map_off{ display:block; width:27px; height:10px; background:url(../images/n_map.gif) no-repeat 0px 0px; }
.n_map_off:hover{ display:block; width:27px; height:10px; background:url(../images/n_map.gif) no-repeat 0px -10px; }

.n_home_off{ display:block; width:33px; height:10px; background:url(../images/n_home.gif) no-repeat 0px 0px; }
.n_home_off:hover{ display:block; width:33px; height:10px; background:url(../images/n_home.gif) no-repeat 0px -10px; }
.n_fido_off{ display:block; width:27px; height:10px; background:url(../images/n_fido.gif) no-repeat 0px 0px; }
.n_fido_off:hover{ display:block; width:27px; height:10px; background:url(../images/n_fido.gif) no-repeat 0px -10px; }
.n_fuze_off{ display:block; width:27px; height:10px; background:url(../images/n_fuze.gif) no-repeat 0px 0px; }
.n_fuze_off:hover{ display:block; width:27px; height:10px; background:url(../images/n_fuze.gif) no-repeat 0px -10px; }
.n_puma_off{ display:block; width:36px; height:10px; background:url(../images/n_puma.gif) no-repeat 0px 0px; }
.n_puma_off:hover{ display:block; width:36px; height:10px; background:url(../images/n_puma.gif) no-repeat 0px -10px; }
.n_zune_off{ display:block; width:30px; height:10px; background:url(../images/n_zune.gif) no-repeat 0px 0px; }
.n_zune_off:hover{ display:block; width:30px; height:10px; background:url(../images/n_zune.gif) no-repeat 0px -10px; }
.n_sponsors_off{ display:block; width:61px; height:10px; background:url(../images/n_sponsors.gif) no-repeat 0px 0px; }
.n_sponsors_off:hover{ display:block; width:61px; height:10px; background:url(../images/n_sponsors.gif) no-repeat 0px -10px; }
.n_party_off{ display:block; width:91px; height:10px; background:url(../images/n_party.gif) no-repeat 0px 0px; }
.n_party_off:hover{ display:block; width:91px; height:10px; background:url(../images/n_party.gif) no-repeat 0px -10px; }
.n_rsvp_off{ display:block; width:59px; height:14px; background:url(../images/n_rsvp.gif) no-repeat 0px 0px; }
.n_rsvp_off:hover{ display:block; width:59px; height:14px; background:url(../images/n_rsvp.gif) no-repeat 0px -14px; }

.n_home_on{ display:block; width:33px; height:10px; background:url(../images/n_home.gif) no-repeat 0px -10px; }
.n_fido_on{ display:block; width:27px; height:10px; background:url(../images/n_fido.gif) no-repeat 0px -10px; }
.n_fuze_on{ display:block; width:27px; height:10px; background:url(../images/n_fuze.gif) no-repeat 0px -10px; }
.n_puma_on{ display:block; width:36px; height:10px; background:url(../images/n_puma.gif) no-repeat 0px -10px; }
.n_zune_on{ display:block; width:30px; height:10px; background:url(../images/n_zune.gif) no-repeat 0px -10px; }
.n_sponsors_on{ display:block; width:61px; height:10px; background:url(../images/n_sponsors.gif) no-repeat 0px -10px; }
.n_party_on{ display:block; width:91px; height:10px; background:url(../images/n_party.gif) no-repeat 0px -10px; }
.n_event_on{ display:block; width:93px; height:10px; background:url(../images/n_event.gif) no-repeat 0px -10px; }
.n_map_on{ display:block; width:27px; height:10px; background:url(../images/n_map.gif) no-repeat 0px -10px; }
.n_rsvp_on{ display:block; width:59px; height:14px; background:url(../images/n_rsvp.gif) no-repeat 0px -14px; }

/* toronto slideshow */
.slideshow{ margin: 0px 0 0px 0; height:400px; }


/* footer */
.footer{ float:left; margin:80px auto 50px 0; width:auto; height:auto; }
.footer_nav1{ float:left; display:inline; margin:0 0 0 160px; width:445px; height:39px; overflow:hidden; }
.footer_nav1 li{ float:left; margin:0 20px 0 0; }
.f_heineken{ display:block; width:73px; height:39px; background:url(../images/f_heineken.gif) 0px 0px; }
.f_heineken:hover{ display:block; width:73px; height:39px; background:url(../images/f_heineken.gif) 0px -39px; }
.f_newera{ display:block; width:60px; height:39px; background:url(../images/f_newera.gif) 0px 0px; }
.f_newera:hover{ display:block; width:60px; height:39px; background:url(../images/f_newera.gif) 0px -39px; }
.f_xbox{ display:block; width:65px; height:39px; background:url(../images/f_xbox.gif) 0px 0px; }
.f_xbox:hover{ display:block; width:65px; height:39px; background:url(../images/f_xbox.gif) 0px -39px; }
.f_herbal{ display:block; width:65px; height:39px; background:url(../images/f_herbal.gif) 0px 0px; }
.f_herbal:hover{ display:block; width:65px; height:39px; background:url(../images/f_herbal.gif) 0px -39px; }
.f_resources{ display:block; width:82px; height:39px; background:url(../images/f_resources.gif) 0px 0px; }
.f_resources:hover{ display:block; width:82px; height:39px; background:url(../images/f_resources.gif) 0px -39px; }

.footer_nav2{ clear:both; float:left; display:inline; margin:10px 0 0 160px; width:445px; height:48px; overflow:hidden; }
.footer_nav2 li{ float:left; margin:0 20px 0 0; }
.f_entertainment{ display:block; width:73px; height:48px; background:url(../images/f_entertainment.gif) 0px 0px; }
.f_entertainment:hover{ display:block; width:73px; height:48px; background:url(../images/f_entertainment.gif) 0px -48px; }
.f_dose{ display:block; width:60px; height:48px; background:url(../images/f_dose.gif) 0px 0px; }
.f_dose:hover{ display:block; width:60px; height:48px; background:url(../images/f_dose.gif) 0px -48px; }
.f_exclaim{ display:block; width:65px; height:48px; background:url(../images/f_exclaim.gif) 0px 0px; }
.f_exclaim:hover{ display:block; width:65px; height:48px; background:url(../images/f_exclaim.gif) 0px -48px; }
.f_pioneer{ display:block; width:80px; height:48px; background:url(../images/f_pioneer.gif) 0px 0px; }
.f_pioneer:hover{ display:block; width:80px; height:48px; background:url(../images/f_pioneer.gif) 0px -48px; }


.footer_nav3{ clear:both; float:left; margin:35px 0 0 0; width:100%; height:44px; }
.footer_nav3 li{ float:left; }
.f_district{ display:block; margin:0 0 0 30px; width:81px; height:44px; background:url(../images/f_district.gif); }
.f_pinkmafia{ display:block; margin:0 0 0 473px; width:129px; height:44px; background:url(../images/f_pinkmafia.gif); }

/*.f_district{ display:block; margin:65px 0 0 0; width:81px; height:44px; background:url(../images/f_district.png); }
.f_heineken{ display:block; width:97px; height:46px; background:url(../images/f_heineken.png) 0px 0px; }
.f_heineken:hover{ display:block; width:97px; height:46px; background:url(../images/f_heineken.png) 0px -46px; }
.f_xbox{ display:block; width:71px; height:46px; background:url(../images/f_xbox.png) 0px 0px; }
.f_xbox:hover{ display:block; width:71px; height:46px; background:url(../images/f_xbox.png) 0px -46px; }
.f_resources{ display:block; width:30px; height:46px; background:url(../images/f_resources.png) 0px 0px; }
.f_resources:hover{ display:block; width:30px; height:46px; background:url(../images/f_resources.png) 0px -46px; }
.f_dose{ display:block; width:82px; height:46px; background:url(../images/f_dose.png) 0px 0px; }
.f_dose:hover{ display:block; width:82px; height:46px; background:url(../images/f_dose.png) 0px -46px; }
.f_e{ display:block; width:12px; height:46px; background:url(../images/f_e.png) 0px 0px; } 
.f_e:hover{ display:block; width:12px; height:46px; background:url(../images/f_e.png) 0px -46px; } 
.f_exclaim{ display:block; width:92px; height:46px; background:url(../images/f_exclaim.png) 0px 0px; } 
.f_exclaim:hover{ display:block; width:92px; height:46px; background:url(../images/f_exclaim.png) 0px -46px; } 
.f_pinkmafia{ display:block; margin:65px 0 0 0; width:129px; height:44px; background:url(../images/f_pinkmafia.png); }*/





/*********************************************************************************************************/
/* page specific */
/*********************************************************************************************************/


/*********************************************************************************************************/
/* event details */
.event h2{ display:block; float:right; position:relative; top:120px; right:230px; width:309px; height:20px; background:url(../images/h_rockstar_thing.gif); }
.event .p1{ margin:0 0 20px 0; width:310px; }
.event_deets li{ clear:both; height:42px; }
.event_deets li span{ display:block; float:left; width:70px; height:42px; }
.event_deets li.talent{ clear:both; height:94px; }
.event_deets li.talent strong{ display:block; float:left; }
.event .p2{ margin:0; color:#fff; }


/*********************************************************************************************************/
/* rsvp */
.rsvp h2{ display:block; float:right; position:relative; top:170px; right:80px; width:216px; height:20px; background:url(../images/h_getonthelist.gif); }
.rsvp label{ line-height:7px; }
.rsvp label img{ clear:both; display:block; float:left; margin:13px 0 0 0; height:7px; }
.lbl_first{ width:53px; }
.lbl_last{ width:51px; }
.lbl_company{ width:43px; }
.lbl_category{ width:45px; }
.lbl_email{ width:74px; }
.txt{ float:left; margin:0 0 0 0; padding:2px 0 0 2px; width:190px; height:16px; font:11px/11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; }
.sel{ float:left; margin:0 0 0 0; padding:2px 0 0 2px; width:194px; height:16px; font:11px/11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; }
.form_list{ height:auto; background:lightblue; }
.form_list li{ clear:both; float:left; width:300px; height:auto; display:inline; margin:3px 0 0 0; }
.btn_submit{ float:left; margin:13px 0 0 0; width:71px; height:15px; }
.ajax-loader{ width:16px; height:16px; margin:13px 0 0 13px; }
.rsvp .p1{ padding:12px 0 12px 0; }

.validation-advice, .status_message { clear:both; float:left; margin:4px 0 0 0; color:#fff; width:200px; }
input.validation-failed, textarea.validation-failed { background:#5B406C; color:#fff; }
#divStatus{ margin:7px 0 0 0; color:#fff; }


/*********************************************************************************************************/
/* map */
.map h2{ display:block; float:right; position:relative; top:170px; right:80px; width:214px; height:20px; background:url(../images/h_therightspot.gif); }
small a{ color:#B59A5D; }








