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



/* home page */







body{
	margin: 0;
	padding: 0;
	

}

* :focus {
	outline: none;
}

a:link {
	border: none;
}



#container {
	margin: 0 auto;
	width: 1440px;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#footer {
	width: 980px;
	margin: 0;
	margin-left: 460px;
	font-size: 10px;
	color: #999;
	float: left;
	clear: both;

	
}

#splash {
	float: left;
	margin-left: 300px;
	margin-top: 120px;

}

img {
	border-style: none;
}

#home-pic {
	margin-left: 215px;
	margin-top: 20px;
	float: left;

	
}



#logo-header {
	float: left;
	margin-top: 20px;
	margin-left: 200px;
	
}

#nav {
	float:left;
	width: 600px;
	margin-left: 600px;
	margin-top: -130px;

}

#nav a span{
	visibility: hidden;
	text-decoration: none;
}

.home a{
	background: url(images/menu-home2.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.home a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.home a:active{
	 background-position: -106px;
	 width: 100px;
}

.about a{
	background: url(images/menu-about.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.about a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.about a:active{
	 background-position: -106px;
	 width: 100px;
}

.portfolio a{
	background: url(images/menu-portfolio.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.portfolio a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.portfolio a:active{
	 background-position: -106px;
	 width: 100px;
}

.blog a{
	background: url(images/menu-blog.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.blog a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.blog a:active{
	 background-position: -106px;
	 width: 100px;
}

.contact a{
	background: url(images/menu-contact.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.contact a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.contact a:active{
	 background-position: -106px;
	 width: 100px;
}

.peeps a{
	background: url(images/menu-peeps.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.peeps a:hover{
	 background-position: -106px;
	 width: 100px;
	
}

.peeps a:active{
	 background-position: -106px;
	 width: 100px;
}

/*end home page*/


/* portfolio page*/


#brain-work {
	float: left;
	margin-left: 80px;
	margin-top: 20px;
	
}

#display-box {
	float:left;
	margin-left:810px;
	margin-top:-432px;
	width:43%;
	
}

#brain-container {
	float: left;
	
}



#brain-button {
	float:left;
	margin-left: 580px;
	margin-top: -160px;
	 
	
}

#brain-button a span{
	visibility: hidden;
	text-decoration: none;
}

.print {
	float: left;
	margin-left: -450px;
	margin-top: -250px;
}

.web {
	float: left;
	margin-left: -190px;
	margin-top: -280px;
}

.motion{
	float: left;
	margin-left: -500px;
	margin-top: 15px;
}

.illustration {
	float: left;
	margin-left: 40px;
	margin-top: -240px;
}


.print a{
	background: url(images/portfolio-button-print.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.print a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.print a:active{
	 background-position: -121px;
	 width: 124px;
}

.web a{
	background: url(images/portfolio-button-web.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.web a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.web a:active{
	 background-position: -121px;
	 width: 124px;
}

.illustration a{
	background: url(images/portfolio-button-illustration.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.illustration a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.illustration a:active{
	 background-position: -121px;
	 width: 124px;
}

.motion a{
	background: url(images/portfolio-button-motion.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.motion a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.motion a:active{
	 background-position: -121px;
	 width: 124px;
}

.home2-po a{
	background: url(images/menu-home.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.home2-po a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.home2-po a:active{
	 background-position: -106px;
	 width: 100px;
}

.portfolio2-po a{
	background: url(images/menu-portfolio2.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.portfolio2-po a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.portfolio2-po a:active{
	 background-position: -106px;
	 width: 100px;
}

/* end portfolio page*/


/* print page */

#work-wrap {
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-top: -30px;
}

#era-cover {
	float: left;
	margin-left: 835px;
	margin-top: -385px;
}

#era-contents {
	float: left;
	margin-left: 953px;
	margin-top: -385px;
}

#alter-cover {
	float: left;
	margin-left: 1070px;
	margin-top: -385px;
}

#alter-features {
	float: left;
	margin-left: 835px;
	margin-top: -270px;
}

#alter-article {
	float: left;
	margin-left: 953px;
	margin-top: -270px;
}


.print2 {
	float: left;
	margin-left: -450px;
	margin-top: -250px;
}


.print2 a{
	background: url(images/portfolio-button-print2.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.print2 a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.print2 a:active{
	 background-position: -121px;
	 width: 124px;
}


/* end print page */

/* motion page */


#motion-wrap {
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-top: -30px;
}

#legends {
	float: left;
	margin-left: 825px;
	margin-top: -385px;
}

#promo {
	float: left;
	margin-left: 950px;
	margin-top: -385px;
}

.motion2{
	float: left;
	margin-left: -500px;
	margin-top: 15px;
}

.motion2 a{
	background: url(images/portfolio-button-motion2.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.motion2 a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.motion2 a:active{
	 background-position: -121px;
	 width: 124px;
}


/* end motion page */

/* illustration page */

.illustration2 {
	float: left;
	margin-left: 40px;
	margin-top: -240px;
}


.illustration2 a{
	background: url(images/portfolio-button-illustration2.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.illustration2 a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.illustration2 a:active{
	 background-position: -121px;
	 width: 124px;
}

#starbucks {
	float: left;
	margin-left: 835px;
	margin-top: -385px;
}

#queen {
	float: left;
	margin-left: 953px;
	margin-top: -385px;
}

#pinkberry {
	float: left;
	margin-left: 1070px;
	margin-top: -385px;
}

#book {
	float: left;
	margin-left: 835px;
	margin-top: -270px;
}

#float {
	float: left;
	margin-left: 953px;
	margin-top: -270px;
}

#demons {
	float: left;
	margin-left: 1070px;
	margin-top: -270px;
}

#thriller {
	float: left;
	margin-left: 835px;
	margin-top: -155px;
}

#unholy {
	float: left;
	margin-left: 953px;
	margin-top: -155px;
}






/* end illustration page */

/* web page */

.web2 {
	float: left;
	margin-left: -190px;
	margin-top: -280px;
}



.web2 a{
	background: url(images/portfolio-button-web2.png) 0 0 no-repeat;
	width: 124px;
	height: 52px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.web2 a:hover{
	 background-position: -121px;
	 width: 124px;
	 
}

.web2 a:active{
	 background-position: -121px;
	 width: 124px;
}

#electrowars {
	float: left;
	margin-left: 835px;
	margin-top: -385px;
}













/* end web page */

/* about page*/

#about-wrap {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin: 0 auto;
}




#about-pic {
	float: left;
	margin-left: 223px;
	margin-top: 0px;
	width: 84%;
}

#about-text {
	float: left;
	margin-left: 798px;
	margin-top: -430px;
	width: 370px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 5;
	
	}

.home2-ab a{
	background: url(images/menu-home.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.home2-ab a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.home2-ab a:active{
	 background-position: -106px;
	 width: 100px;
}

.about2 a{
	background: url(images/menu-about2.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.about2 a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.about2 a:active{
	 background-position: -106px;
	 width: 100px;
}


/* peeps page*/

.peeps2 a{
	background: url(images/menu-peeps2.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.peeps2 a:hover{
	 background-position: -106px;
	 width: 100px;
	
}

.peeps2 a:active{
	 background-position: -106px;
	 width: 100px;
}

#links {
	float: left;
	margin-left: 790px;
	margin-top: 0px;
}


#peeps-pic {
	float: left;
	margin-left: 261px;
	margin-top: 12px;
	width: 81%;
}

#luke {
	float: left;
	margin-left: 0px;
	margin-top: -410px;
}

#nerdski {
	float: left;
	margin-left: 130px;
	margin-top: -410px;
}

#noise {
	float: left;
	margin-left: 300px;
	margin-top: -400px;
}

#bart {
	float: left;
	margin-left: 0px;
	margin-top: -280px;
}

#mtab {
	float: left;
	margin-left: 139px;
	margin-top: -280px;
}

#empire {
	float: left;
	margin-left: 276px;
	margin-top: -280px;
}

#veer {
	float: left;
	margin-left: 0px;
	margin-top: -140px;
}

#house {
	float: left;
	margin-left: 130px;
	margin-top: -140px;
}

#mogz {
	float: left;
	margin-left: 276px;
	margin-top: -130px;
}



/* end peeps page*/


/* contact page */

.contact2 a{
	background: url(images/menu-contact2.png) 0 0 no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	
}
.contact2 a:hover{
	 background-position: -106px;
	 width: 100px;
	 
}

.contact2 a:active{
	 background-position: -106px;
	 width: 100px;
}

#contact-info {
	float:left;
	font-size:16px;
	font-weight:bolder;
	margin-left:660px;
	margin-top:-440px;
	text-decoration:none;
	color:#fff;
	width: 70%;
}

#info-container {
	float: left;
	width: 75%;
	margin-top: -25px;
}

#contact-pic {
	float: left;
	margin-left: 500px;
	margin-top: 0px;
}

#twitter-icon {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#facebook-icon {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

#vimeo-icon {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

#contact-social {
	float: left;
	margin-left: 700px;
	margin-top: -350px;
	width: 65%;
}
















































































/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	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 */