/***********************************************************
CSS-file for bigbuddy.org.nz 
Developed by Phosphor Essence Ltd. Copyright 2007
Layout
***********************************************************/
img {
behavior: url("pngbehavior.htc"); /* for IE6 hooray */
border:none;
} 

body, html {
color: #fff; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #5c9e18; 
text-align: center; /*** Centers the design in old IE versions ***/

}

a{
color: #AFD08B;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#fff;}

body{font-size:70%;}

.clear { clear: both; }

#mainContainer {
width: 800px;
margin: 0 auto; /*** Centers the design ***/
padding: 0 0 34px 0;
background: #5c9e18;
text-align: left; 
}

/**************************
HEADER
**************************/
#header {
width:834px;
height:120px;

}

.logo{
float:right;
}

#donate{
position:relative;
top:20px;
left:550px;
width:777px;
height:41px;

}
/**************************
NAV
**************************/
#nav {
padding:80px 0 5px 30px;
width: 800px;
height: 15px;
}

#nav ul {
list-style: none;
float:right;
}
#nav li{
margin: 0;
padding: 0 0 2px 0;
float: left;
}



/**************************
CONTENT AND COLUMNS
**************************/
#content {
width: 834px;
margin: 0 0 0 0;
padding: 0;
}

#content p{
font-size:1.2em;
}

.content-right{
margin:120px 0 0 0;
}

#left{
width:310px;
float:left;
}

#right{
width:310px;
float:right;
margin:0 0 0 55px
}

.photoStack{
margin:0 0 0 -30px;
}

#donate{
margin: 0 0 0 35px;
}


/**************************
SUBNAV COLUMN
**************************/
#subnav {
float:left;
width: 360px; 
min-height: 100%;
margin: 18px 20px 0 0;
padding: 0px;
}

#subnav ul {
list-style:none;
padding: 0 0 4px 0;
}
#subnav li {
width: 360px;
padding: 0 0 2px 0;
}

#subnav a{
color: #AFD08B;
font-size:1.5em;
text-decoration:none;
font-weight:bold;
}

#subnav a:hover{
color:#FFFFFF;

}

/**************************
FOOTER
**************************/
#footer {
width: 820px;
height: 30px;
margin: -34px auto 0 auto;
text-align: right;
}

/*******************
GALLERY STYLES
*******************/
.gallery { 
width: 290px; 
height:290px; 
padding: 10px 10px 10px 14px; 
background:url(../images/slideshow/background.jpg) no-repeat; 
overflow: hidden;
float:right;
margin:45px 0 50px 0;
}

.gallery ul { 
margin:0px; 
padding: 10px 0 10px 0;  
}

.gallery ul li {
list-style: none; 
float: left; 
margin: 0 13px 0  0; 
position: relative; 
height: 35px; 
}

.gallery ul li a {position: relative; }
.gallery ul li a img { }
.gallery ul li a:hover img {  }
.gallery #zoom {width: 279px; }
.gallery #zoom0 {width: 279px; height: 184px;position:absolute; z-index:11}

.gallery #next{
position:relative;
margin:-20px 0 0 268px;
z-index:120;
}
 
.gallery #prev{
position:relative;
margin:27px 0 0 -10px;
z-index:120;
 }


.gallery #dragContainer {
width:2000px; 
height:60px;
margin:0 0 0 0; }

.gallery #displayBox{
position:absolute; 
overflow:hidden; 
width:280px; 
height:60px;
margin:0;
}
.gallery #thumbs{
width:4000px;
}