body {
   background-color: none;
   background-image: url("../Woodbackground2.jpg");
   background-repeat: repeat-x ;
   background-position: 0 px;
   font-size: 1em;
   margin: 0;
   padding: 0 70px;
}

div#wrapper {
   position: relative;
   width: 960px;
   height: 689px;
   margin: 0 auto;
}

/*----------TopNavigation_Logo--- */

div#Rods {
   position: absolute;
   width: 170px;
   height: 50px;
   top: 112px;
   left: 78px;
   text-decoration: none;
   text-align: right;   
   z-index: 1;
}

img#rods {
   width: 96px;
   height: 56px;
   border: none;
}

div#Logo {
   position: absolute;
   width: 315px;
   height: 120px;
   top: 9px;
   left: 325px;
}

div#Gear {
   position: absolute;
   width: 168px;
   height: 35px;
   top: 112px;
   left: 688px;
   text-decoration: none; 
   text-align: center;
   padding-left: 70px;
   z-index: 1;
}

img#gear {
   width: 96px;
   height: 56px;
   border: none;
   margin-right: 0px;
}

div#Rods a:link {color: #3083aa; text-decoration: none; }
div#Rods a:visited {color: #3083aa; text-decoration: none; }
div#Rods a:hover {color: white; text-decoration: none; }
div#Rods a:active {color: white; text-decoration: none; }

div#Gear a:link {color: #3083aa; text-decoration: none; }
div#Gear a:visited {color: #3083aa; text-decoration: none; }
div#Gear a:hover {color: white; text-decoration: none; }
div#Gear a:active {color: white; text-decoration: none; }

/*----------Main Content--- */

div#VideoA {
   position: absolute;
   width: 830px;
   height: 405px;
   top: 170px;
   left: 65px;
   background-image: url("contentbackground.png");
}

h4.title { 
   margin: 37px 0 22px 0; 
   text-align: center;
   font-size: 1.75em;
   font-family: Cambria, Georgia, Times, Times New Roman, serif;
   text-shadow: 2px 2px 2px #ccc;
   color: black;
}

.wide {	
   border-bottom: 1px #000 solid;
   width: 4000px;
}

ul.galleryclearfix li {
   display: inline;
   list-style: none;
   padding-left: 50px;
}

div#left, div#middle, div#right {
   position: absolute;
   width: 210px;
   height: 170px;
}

div#left {
   left: 50px;
}

div#middle {
   left: 313px;
}

div#right {
   left: 577px;
}

h3.vidAa {
   font-family: Cambria, Georgia, Times, Times New Roman, serif;
   font-size: 1em;
   line-height: 1.5em;
   text-align: left;
}

div#left p, div#middle p, div#right p {
   font: 0.8175em Arial, Helvetica Neue, Helvetica, sans-serif;
   line-height: 1.25em;
   color: black;
   padding: 5px 10px 0px 5px;
}

div#left a:link, a:visited, div#middle a:link, a:visited, div#right a:link, a:visited {color: #3083aa; text-decoration: none; }

div#left a:hover, a:active, div#middle a:hover, a:active, div#right a:hover, a:active{color: #3083aa; text-decoration: underline; } 

p.vidAc a:link, a:visited {color: #3083aa; font-weight: bold; text-decoration: none; }

p.vidAc a:hover, a:active {color: #3083aa; text-decoration: underline; }




/*----------Sub Navigation--- */

ul#SubNav {
   position: absolute;
   width: 975px;
   height: 50px;
   top: 584px;
   margin-left: -12px;
   list-style: none;
   text-align: center;
}  
    
ul#SubNav li {
   display: inline;
   list-style: none;
}   
   
ul#SubNav li a {
   color: #FFFFFF;
   font-size: 1.2em; 
   font-weight: bold;
   line-height: 2em;
   word-spacing: -2px;
   text-decoration: none;
   padding: 0 20px;
}

ul#SubNav  li a:hover {
   background-color: white;
   color: grey;
   padding-top: 5px;
   padding-bottom: 5px;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   khtml-opacity: 0.7;
   opacity: 0.7;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}

ul#SubNav li.videos a {
   background-color: white;
   color: grey;
   padding-top: 5px;
   padding-bottom: 5px;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   khtml-opacity: 0.7;
   opacity: 0.7;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}

/*----------Footer--- */

div#Footer {
   position: absolute;
   height: 293px;
   width: 1175px;
   top: 670px;
   margin-left: -109px;
   z-index: 1;
   background-image: url("../footer5.png");
   background-repeat: no-repeat;
   background-position: center;
}

h3 a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }

h3 a:hover, a:active {color: white; text-decoration: underline; }

p a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }

p a:hover, a:active {color: white; text-decoration: underline; }

h3 {
   font-family: Georgia;
   font-size: 1.1em;
}

h3.tides {   
   margin-top: 49px;
   margin-left: 768px;
}

h3.report {
   margin-top: 53px;
   margin-left: 768px;
}

h3.weather {
   margin-top: 46px;
   margin-left: 768px;
}

p {
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   font-size: 0.625em;
   color: gainsboro;
   font-weight: bold;
   line-height: 1.3em;
}

p.text1 {
   margin-top: 53px;
   margin-left: 597px;
}

p.text2 {
   margin-top: px;
   margin-left: 597px;
}
 
p.text3 {
   margin-top: -26px;
   margin-left: 170px;
} 
   
p.text4 {
   margin-left: 170px;
}    

p.text5 {
   margin-top: -26px;
   margin-left: 815px;
}

img#twitter {
   position: absolute;
   top: 180px;
   left: 405px;
   width: 50px;
   height: 50px;
}

img#google {
   position: absolute;
   top: 163px;
   left: 469px;
   width: 50px;
   height: 50px;
}   

img#flickr {
   position: absolute;
   top: 115px;
   left: 420px;
   width: 50px;
   height: 50px;
}

img#digg {
   position: absolute;
   top: 33px;
   left: 510px;
   width: 50px;
   height: 50px;
}

img#facebook {
   position: absolute;
   top: 37px;
   left: 385px;
   width: 50px;
   height: 50px;
}

img#youtube {
   position: absolute;
   top: 53px;
   left: 450px;
   width: 50px;
   height: 50px;
}

/*----------Begin Drop Down--- */

@charset "UTF-8";

/** 
 * NVIDIA Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		NVIDIA
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

 /*----------Left Side--- */ 
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*----------Right Side--- */ 
 
ul.dropdown2,
ul.dropdown2 li,
ul.dropdown2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown2 {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown2 li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown2 li.hover,
ul.dropdown2 li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown2 ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown2 ul li {
 float: none;
}

ul.dropdown2 ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown2 li:hover > ul {
 visibility: visible;
}
 
@import "default.css";

/*----------Left Side--- */

ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px px;
	}

/* ------------- Custom */

	ul.dropdown li {
     text-align: left; 
	}
	
	 ul.dropdown ul a {
	 padding: 3px 5px 3px 15px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875em;
	 font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
   li.one { 	
     border-top: 1px solid #f5f5f5;
	 border-bottom: 1px solid #f5f5f5;
     width: 123px;
	}
	
	ul.dropdown li.one a, ul.dropdown li.two a {
	 background-color: white;
	 text-align: left;
	}
	
	ul.dropdown li.one a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown li.two a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown li.one a:hover, ul.dropdown li.two a:hover {
	 background-color: #3083aa;
	 text-align: left;
	 font-weight: bold;
	}
	
	ul.dropdown li.two a:hover {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown a.open {
	 background-color: ;
	 color: ;
	}

	ul.dropdown ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}
	
	/*----------Right Side--- */

ul.dropdown2 li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown2 li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown2 li.dir {
	 padding: 7px px 7px 20px;
	}

/* ------------- Custom */

	ul.dropdown2 li {
     text-align: right; 
	}
	
	 ul.dropdown2 ul a {
	 padding: 3px 15px 3px 5px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875px;
     font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
	li.A, li.B, li.D {
	  border-top: 1px solid #f5f5f5;
	  width: 123px;
	}
	
	li.B { 	
	 border-bottom: 1px solid #f5f5f5;
	}
	
    ul.dropdown2 li.A a, ul.dropdown2 li.B a, ul.dropdown2 li.C a, ul.dropdown2 li.D a {
	 background-color: white;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.A a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown2 li.D a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 li.A a:hover, ul.dropdown2 li.B a:hover, ul.dropdown2 li.C a:hover, ul.dropdown2 li.D a:hover    {
	 background-color: #3083aa;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.D a:hover    {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 a.open {
	 background-color: ;
	 color:  ;
	}

	ul.dropdown2 ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown2 li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown2 ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}
	
	
/* ------------------------------------------------------------------------
	Begin Pretty Photo
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 

	div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; } 

	div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_square .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square #pp_full_res .pp_inline { color: #fff; } 
	
	div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square #pp_full_res .pp_inline { color: #000; } 
	
	div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_nav .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_nav .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	
	div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; }
		
		.pp_content .ppt {
			left: auto;
			margin-bottom: 5px;
			position: relative;
			top: auto;
		}
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */