/* O'Neill Surf Academy - surf course buttons page */
.hidetext { display: none; }
ul#surfcoursebuttons { list-style-type: none; margin: 0px 0px 0px 0px;  }
ul#surfcoursebuttons li { float: left; display: block; }
ul#surfcoursebuttons li a { width: 100%; height: 100%; display: block; text-decoration: none; }

div#intro { width: 177px; height: 150px; float:left;}
div#intro a { width: 177px; height: 150px;  display: block;background: url(../img/btn/oneill_intro00.jpg) 0 0 no-repeat;  }
div#intro a:hover {background: url(../img/btn/oneill_intro00.jpg) 0 -150px no-repeat; }

div#day { width: 197px; height: 150px;  float:left;}
div#day a {width: 197px; height: 150px;display:block; background: url(../img/btn/oneill_day00.jpg) 0 0 no-repeat;}
div#day a:hover {background: url(../img/btn/oneill_day00.jpg) 0 -150px no-repeat; }

div#week { width: 244px; height: 150px; float:left;}
div#week a {width: 244px; height: 150px;display:block; background: url(../img/btn/oneill_week00.jpg) 0 0 no-repeat; }
div#week a:hover { background: url(../img/btn/oneill_week00.jpg) 0 -150px no-repeat;}




div#custommade { width: 177px; height: 175px;  float:left;}
div#custommade a {width: 177px; height: 175px;  display: block;background: url(../img/btn/oneill_custom_made00.jpg) no-repeat; }
div#custommade a:hover { background: url(../img/btn/oneill_custom_made00.jpg) 0 -175px no-repeat; }


div#accomm { width: 197px; height: 175px;  float:left; }
div#accomm a {width: 197px; height: 175px;  display: block;background: url(../img/btn/courses_with_accommodation00.jpg) no-repeat; }
div#accomm a:hover { background: url(../img/btn/courses_with_accommodation00.jpg) 0 -175px no-repeat; }


div#kids { width: 244px; height: 175px;  float:left; }
div#kids a { width: 244px; height: 175px;  display: block; background: url(../img/btn/kids_department00.jpg) no-repeat; }
div#kids a:hover { background: url(../img/btn/kids_department00.jpg) 0 -175px no-repeat; }




div#featureday { width: 177px; height: 166px; float:left; }
div#featureday a {width: 177px; height: 166px; display: block; background: url(../img/btn/oneill_feature_day00.jpg) no-repeat; }
div#featureday a:hover { background: url(../img/btn/oneill_feature_day00.jpg) 0 -166px no-repeat; }

div#individual { width: 197px; height: 166px;  float:left;}
div#individual a { width: 197px; height: 166px;  display: block;background: url(../img/btn/individual_and_small_group00.jpg) 0 0 no-repeat; }
div#individual a:hover { background: url(../img/btn/individual_and_small_group00.jpg) 0 -166px no-repeat; }

div#sunset { width: 244px; height: 166px; float:left; }
div#sunset a { width: 244px; height: 166px; display: block; background: url(../img/btn/sunset_surf00.jpg) no-repeat; }
div#sunset a:hover { background: url(../img/btn/sunset_surf00.jpg)  0 -166px no-repeat; }




div#longboard { width: 374px; height: 184px;  float:left;}
div#longboard a { width: 374px; height: 184px; display: block; background: url(../img/btn/longboard_training_day00.jpg) no-repeat; }
div#longboard a:hover { background: url(../img/btn/longboard_training_day00.jpg) 0 -184px no-repeat; }

div#activity { width: 244px; height: 184px;  float:left;}
div#activity a {width: 244px; height: 184px;  display: block;background: url(../img/btn/school_group_activity_break00.jpg) no-repeat; }
div#activity a:hover { background: url(../img/btn/school_group_activity_break00.jpg) 0 -184px  no-repeat; }

div#feature { width: 197px; height: 150px;  float:left;margin:-70px 0px 0px 160px;}





div#kids-surf-school { width: 177px; height: 150px;  float:left;}
div#kids-surf-school a { width: 177px; height: 150px; display: block;background: url(../img/btn/kids_only_surf_school.jpg) no-repeat; }
div#kids-surf-school a:hover { background: url(../img/btn/kids_only_surf_school_roll.jpg) no-repeat; }





div#kids-surf-club { width: 197px; height: 150px;  float:left;}
div#kids-surf-club a {width: 197px; height: 150px; display: block; background: url(../img/btn/kids_surf_club.jpg) no-repeat; }
div#kids-surf-club a:hover { background: url(../img/btn/kids_surf_club_roll.jpg) no-repeat; }

div#kids-surfing-parties { width: 244px; height: 150px; float:left;}
div#kids-surfing-parties a {width: 244px; height: 150px; display: block; background: url(../img/btn/kids_surf_parties.jpg) no-repeat; }
div#kids-surfing-parties a:hover { background: url(../img/btn/kids_surf_parties_roll.jpg) no-repeat; }