/*=====css document by ben king http://webkingdesign.com=====*/

/*=====home intro=====*/
#homeintro{
float:left;
width:924px;
height:258px;
background:url(../images/home-intro.png) no-repeat right top;
padding:0px 0px 0px 45px;
position:relative;
}
#homeintro-ribbon{ /*-- the z-index and postion is very important do not alter, this layers and positions the images behind the banner, both need to be absolute also--*/
position:absolute;
right:0px;
bottom:6px;
background:url(../images/home-intro-ribbon.png);
width:421px;
height:63px;
z-index:2;
}
/*=====slider styles=====*/
#slider{
position:absolute; 
left:299px; 
z-index:1; 
top:5px;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:435px;
height:241px;
overflow:hidden;
padding:0px;
}
		
/*===== numeric controls =====*/	
ol#controls{
margin:1em 0;
padding:0;
position:absolute;
right:137px;
top:188px;
height:22px;
z-index:3;
}
ol#controls li{
margin:0 10px 0 0; 
padding:0;
height:22px;
float:left;
list-style:none;
}
ol#controls li a{
float:left;
height:22px;
line-height:22px;
border:1px solid #900;
background: #900;
color: #f3f3f3;
padding:0 6px;
text-decoration:none;
}
ol#controls li.current a{
background: #060;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*=====right thumbs=====*/
#homeintro-thumb1{position:absolute; right:133px; top:15px;}
#homeintro-thumb2{position:absolute; right:133px; top:73px;}
#homeintro-thumb3{position:absolute; right:133px; top:131px;}
#homeintro-thumb4{position:absolute; right:43px; top:15px;}
#homeintro-thumb5{position:absolute; right:43px; top:73px;}
#homeintro-thumb6{position:absolute; right:43px; top:131px;}

/*====gallery link images====*/
#homeintro-gallerylink, #homeintro-gallerylink a{
position:absolute; 
right:29px; 
bottom:26px; 
z-index:4; 
width:63px; 
height:35px; 
background:url(../images/home-intro-gallery-link.png) no-repeat 0 0;
}
a:hover#homeintro-gallerylink{
background:url(../images/home-intro-gallery-link.png) no-repeat 0 -35px;
}


#homeintro-the-show, #homeintro-the-show a{
position:absolute;
left:160px;
top:40px;
z-index:5;
width:86px;
height:25px;
background:url(../images/home-intro-the-show.png) no-repeat 0 0;
}
a:hover#homeintro-the-show{
background: url(../images/home-intro-the-show.png) no-repeat 0 -25px;
}
#homeintro-shedules-and-entry-forms, #homeintro-shedules-and-entry-forms a{
position:absolute;
left:160px;
top:93px;
z-index:5;
width:120px;
height:50px;
background:url(../images/home-intro-shedules-and-entry-forms.png) no-repeat 0 0;
}
a:hover#homeintro-shedules-and-entry-forms{
background: url(../images/home-intro-shedules-and-entry-forms.png) no-repeat 0 -50px;
}
#homeintro-results, #homeintro-results a{
position:absolute;
left:160px;
top:180px;
z-index:5;
width:86px;
height:25px;
background:url(../images/home-intro-results.png) no-repeat 0 0;
}
a:hover#homeintro-results{
background: url(../images/home-intro-results.png) no-repeat 0 -25px;
}