/* The Pheasant Plucker
   GoodWebsites.co.nz - Erwin Raaphorst - 25 March 2009 */

html, body, ol, ul, h1, h2, h3, h4, form, fieldset, img, p { border:0; margin:0; padding:0; }

body {
 background:#e5e5e5 url(../bg/bg.jpg) top center repeat;
 font:76%/1.25 Georgia, "Times New Roman", Times, serif;
 color:#333;
 text-align:center;
 min-width:920px; /* check if needed */
 }

html{ overflow-y:scroll; } /* scrollbar FF */

a { outline:none; }
p { padding:0.5em 0; }
 
#wrap {
 width:920px;
 margin:0 auto;
 padding-top:20px;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 }

#content { background:url(../bg/bgcontent.jpg) top center repeat; border:2px solid #fff; padding:10px 50px 60px; width:796px; margin:0 auto; overflow:hidden; position:relative; }
.contenttop { background:url(../bg/glowtop-trans.png) center center no-repeat; height:10px; font-size:1px; }
.contentwrap { background:url(../bg/glowside.png) top center repeat-y; }

#footer { background:url(../bg/glowbottom-trans.png) no-repeat; height:40px; padding:30px 0 20px 0; text-align:center; font-size:0.9em; overflow:hidden; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.mainimg { background:url(../img/mainimg.jpg) 0 0 no-repeat; width:874px; height:233px; margin:0 0 30px -42px; border:3px solid #231f1a; position:relative; }
.mainimg h2 { background:url(../bg/white50-trans.png) 0 0 no-repeat; font-size:2.2em; font-style:normal; line-height:normal; text-align:right; padding:5px 15px; position:absolute; bottom:-3px; right:0; }

.intro { font-size:1.2em; width:620px; }
 
.logo { width:685px; height:102px; margin:0 auto 20px; text-indent:-9000px; background:url(../img/logo_thepheasantplucker-trans.png) no-repeat; }
.logo a { display:block; width:685px; height:102px; text-decoration:none; }

.greatline { background:url(../img/subline_great-trans.png) 0 0 no-repeat; text-indent:-9000px; width:594px; height:68px; margin-bottom:20px; }

a:link, a:visited { color:#930; } a:hover { color:#063; }

.row { clear:both; padding:30px 0; overflow:hidden; margin-left:-8px; margin-right:-20px; }
.rowbg { background:url(../bg/stampmid-trans.png) 0 0 no-repeat; }

/* days */

.dayshadow { background:url(../bg/dayshadow-trans.png) 0 0 no-repeat; width:166px; float:left; margin-right:20px; }
.day { background:#e7e7df url(../bg/stripetop.png) 0 0 no-repeat; width:130px; margin:0 auto; border:1px solid #b7aa9f; padding:10px 10px 0; }
.day p { background:url(../bg/stripebottom.png) bottom center no-repeat; padding:0 0 10px; }

.sun, .mon, .tue, .wed, .thu, .fri { background:url(../img/days.png) 0 0 no-repeat; text-indent:-9000px; width:134px; height:40px; }
.mon { background-position:0 -40px; }
.tue { background-position:0 -80px; }
.wed { background-position:0 -120px; }
.thu { background-position:0 -160px; }
.fri { background-position:0 -200px; height:60px; }

/* pic */

.picshadow { background:url(../bg/picshadow-trans.png) 0 0 no-repeat; width:246px; float:left; margin-right:20px; }
.picshadow img { margin-left:9px; border:3px solid #fff; }

.menuhd { background:url(../img/menuhd.png) center center no-repeat; height:30px; text-indent:-9000px; margin-bottom:20px; }
.ythd { background:url(../img/ythd.png) center center no-repeat; height:30px; text-indent:-9000px; margin-bottom:20px; }

.shadow6 { background:url(../bg/shadow6-trans.png) bottom right no-repeat; padding-bottom:2px; width:187px; float:left; }
.shadow6 img { border:2px solid #fff; }

.stamptop { background:url(../bg/stamptop-trans.png) 0 0 no-repeat; position:absolute; top:249px; right:30px; height:154px; width:355px; }
.stampbot { background:url(../bg/stampbottom-trans.png) 0 0 no-repeat; position:absolute; top:510px; right:0; height:338px; width:160px; }

/* CONTACT DETAILS  */

.contactdetails { float:left; font-size:1.2em; overflow:hidden; } .contactdetails ul { margin-left:220px; }
.contactdetails li { margin-bottom:3px; }
.logosmall { background:url(../img/logo_thepheasantplucker_small-trans.png) 0 0 no-repeat; text-indent:-9000px; width:250px; height:23px; margin-bottom:10px; } 

.location { float:left; margin-left:40px; display:inline; padding-top:30px; } .location img { display:block; }
.location a { border:1px solid #930; display:block; } .location a:hover { border-color:#443d35; }

.thanks { padding:5em 0 15em; } 

/* HEADINGS */

h1, h2, h3, h4 { font-weight:normal; line-height:normal; }

h1 { font-size:1.5em; font-weight:bold; margin:1.4em 0 0.3em 0; }
h2 { font-size:2em; margin-bottom:0.1em; }
h3 { font-size:1.4em; }

.bdrbot { border-top:1px solid #b5a79a; padding-top:20px; margin-top:20px; }
.menu h3, .menubottom h3 { border-bottom:1px solid #b5a79a; display:block; float:left; }
.menu p, .menubottom p { clear:both; }
 
/* LISTS */

ol, ul { list-style:none; }
.end { margin-bottom:1em; } 
 
/* WEB CREDIT */

#credit { margin:0.3em 0; }

#credit a:link, #credit a:visited {  background:url(http://i2.on6162.co.nz/getitnow/checkwhite.png) left 0 no-repeat; padding-left:1.5em; color:#fff; text-decoration:none; }
#credit a:hover { color:#369; }
#credit img { margin-right:3px; }


/* youtube */

.yt-channel { width:746px; margin:0 auto 40px; } .yt-channel object, .yt-channel embed { margin-bottom:20px; }
iframe { margin:40px 0; border:1px solid #929e83; }

/* slider */

#slider { background:url(../bg/bg_menu2-trans.png) center 0 no-repeat; width:796px; padding:0; margin:0 auto 60px; position:relative;

clear:both; }
.scroll { height:430px; width:650px; margin:0 auto; overflow:auto; position:relative; clear:left; }
.scrollContainer div.panel { padding-top:10px; height:400px; width:650px; }

ul.navigation { list-style:none; margin:0 auto; padding:20px 0; width:650px; overflow:hidden; }
ul.navigation li {float:left; margin:0 1px; }
.navigation a, .navigation a:visited { padding:0; padding:5px 20px 0; display:block; color:#929e83; text-decoration:none; text-align:center; font-size:1.4em; height:40px; }

ul.navigation a:hover, ul.navigation a.selected, ul.navigation a:visited.selected {background:url(../bg/navbg.png) 0 bottom repeat-x; color:#443d35; border-bottom:1px solid #fff; }
ul.navigation a:focus { outline:none; }

.scrollButtons { position:absolute; top:230px; cursor:pointer; }
.scrollButtons.left { left:-25px; }
.scrollButtons.right { right:-25px; }
.hide {display:none;}