@charset "utf-8";
/* CSS Document */

/*Gallery Specific Divs ---------------------------------------------------------------------START-- */		

#galleryHeader {
	position:relative;
	background-color: #FFFFFF;
	width: 894px;
	height: 31px;
}

#galleryMenu {
	position:absolute;
	text-align: left;
	width: 385px;
	height: 440px;
	padding-left:20px;
	color:#FFFFFF;
	background-image:url(/content/gallery/images/navbackground.jpg);
}

#galleryMenu H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	margin:0px;
	padding: 4px 0px 10px 0px;
}

#galleryMenu img{
	float:left;
	display:inline;
	margin-right:20px;
}

#galleryMenu a {
    font-size:10px;
    color:#fff;
    text-decoration:none;
}

#galleryMenu a:hover
{
    color:#ff0000;
	text-decoration:underline;
}

#galleryMain {
	position:absolute;
	left:385px; 
	text-align: center;
	width: 509px;
	height: 440px;
	padding: 0px 0 0px 0;
	background-image:url(/content/gallery/images/backgroundright.jpg)
}

#surfprogallery {
	position:absolute;
	width: 894px;
	height: 440px;
	padding: 0px 0 0px 0;
	background-image:url(/content/gallery/surfpro2009/images/back.jpg)
}



#galleryVideo {
	padding-top:45px;
	text-align:center;
}



/*Gallery Specific Divs -----------------------------------------------------------------------END-- */	

#galleryLink1{
	position: absolute;
	top: 50px; 
	left: 50px; 
	width: 320px; 
	height: 65px; 
	z-index: 4;
}

#galleryLink2{
	position: absolute;
	top: 125px; 
	left: 50px; 
	width: 320px; 
	height: 65px; 
	z-index: 4;
}

#galleryLink3{
	position: absolute;
	top: 200px; 
	left: 50px; 
	width: 320px; 
	height: 65px; 
	z-index: 4;
}

#galleryLink1 ul {
  float: left; /* Allows for multiple columns */
  width: 20em; 
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#galleryLink1 li {
  float: left; 
  width: 20em;
  margin: 0;
  background-image: url(/images/global/bullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

#galleryLink2 ul {
  float: left; /* Allows for multiple columns */
  width: 23em; 
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#galleryLink2 li {
  float: left;
  width: 6em;
  margin: 0;
  background-image: url(/images/global/bullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

#galleryLink3 ul {
  float: left; /* Allows for multiple columns */
  width: 20em; 
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#galleryLink3 li {
  float: left;
  width: 20em;
  margin: 0;
  background-image: url(/images/global/bullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

#galleryBot1 {
	position: absolute;
	text-align:center;
	top: 330px; 
	left: 60px; 
	width: 65px; 
	height: 65px; 
	z-index: 4;
}

#galleryBot2 {
	position: absolute;
	text-align:center;
	top: 330px; 
	left: 165px; 
	width: 65px; 
	height: 65px; 
	z-index: 4;
}

#galleryBot3 {
	position: absolute;
	text-align:center;
	top: 330px; 
	left: 270px; 
	width: 65px; 
	height: 65px; 
	z-index: 4;
}

#galleryBot1 img, #galleryBot2 img, #galleryBot3 img{
	padding-bottom:5px;
}


/*Menu Bar Divs ---------------------------------------------------------------------START-- */	


#galleryTopmenuLeft {
	position: absolute;
	top: 4px; 
	left: 5px; 
	width: 96px; 
	height: 18px; 
	z-index: 4;
}

#galleryTopmenuRight {
	position: absolute; 
	top: 4px; 
	left: 595px; 
	width: 499px; 
	height: 18px; 
	z-index: 4;
}

#galleryTopmenuCenter {
	position: absolute; 
	top: 4px; 
	left: 265px; 
	width: 499px; 
	height: 18px;
	z-index: 4;
}

/*PMenu Bar Divs -----------------------------------------------------------------------END-- */	


#surfprogTopmenuLeft {
	position: absolute;
	top: 4px; 
	left: 5px; 
	width: 92px; 
	height: 18px; 
	z-index: 4;
}

#surfprogTopmenuRight {
	position: absolute; 
	top: 4px; 
	left: 120px; 
	width: 371px; 
	height: 18px; 
	z-index: 4;
}

#surfprogTopmenuRight1 {
	position: absolute; 
	top: 4px; 
	left: 505px; 
	width: 371px; 
	height: 18px; 
	z-index: 4;
}

#surfprogTopmenuSpon {
	position: absolute; 
	top: 4px; 
	left: 505px; 
	width: 358px; 
	height: 31px; 
	z-index: 4;
}