/* Pathways Center styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

* {margin:0; padding: 0;}


body {
	line-height: 1;
}

/*ol, ul {
	list-style: none;
}*/


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* general */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p, form, ul, ol {
	margin: 0 0 1em 0;
}

a:link, a:visited {
	color: #0060a9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clearboth, clr {
	clear: both;
}

.clearleft {
	clear: left;
}

#content h1 {
	text-transform: uppercase;
	color: #f38e06;
	letter-spacing: 2px;
	margin: 0 0 1.2em 0;
	font-size: 1.3em;
}

#content h2 {
	font-size: 1.2em;
	color: #454545;
	margin: 1.6em 0 .5em 0;
}

#content  h3 {
	color: #454545;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 .7em;
}

p + ul {
	margin-top: -.6em;
}

h3 + ul {
	margin-top: -.5em;
}

#content ul {
	padding-left: 20px;}
	
#content ul li {
	padding: 0 0 .5em 0;}

.staff_page #content ul {
	list-style-type: none;
	padding-left: 0;
}

.staff_page #main ul li {
	padding-bottom: .2em;
}

/*layout */
body { 
	background: #59a2dd url('/images/common/body_bg.gif') top center scroll repeat-x;
	color: #454545; 
	font: normal .8em/1.5em Arial, Helvetica, sans-serif;
	text-align: center; 
}

#masthead, #content, #footer{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#masthead {
	height: 156px;
	}

#logo { 
	height: 140px;
	}

#logo h1 { 
	text-indent: -9999px;
	}

#logo a { 
	height: 150px; 
	width: 260px; 
	display: block;
	background: url('/images/common/logo.gif') no-repeat 0 -150px;
}

#logo a:hover {
	background-position: bottom; 
 }

#home #logo a,#home #logo a:hover {
	cursor: default !important;
	background-position: 0 0;
}

#content-wrap {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: visible;
	background: #fff;
}

#content {
	overflow:auto;
	}

#main {
	float:left;
	width: 590px;
	margin: 40px 0 0 40px;
	padding-bottom: 40px;
}

#rail {
	float:left;
	width: 260px;
	margin: 40px 0 0 0;
}

#footer-wrap {
	background:transparent url('/images/common/footer_bg.gif') repeat-x scroll 0 0;
	padding: 30px 0 20px;
	text-align: left;
	clear: both;
}

#footer {
	background:transparent url('/images/common/logo_footer.gif') no-repeat scroll left center;
}

#footer p {
	color: #fff;
	margin: 0 0 0 110px;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	color: #0060a9;
	text-decoration: none;
}



/* ------------ banner image fade --------*/
.slideshow { 
	position: absolute;
	height: 156px; width: 602px; 
	right: 0;
	top: 0;
	z-index: 1; 
	overflow: hidden;
	}

/* ---------- global nav ---------- */
#navbar {
	height:38px;
	clear:both;
	width: 900px;
	margin: 0 auto;
	/*this is it*/
	position: relative; z-index:30;
}

#system_message #navbar{
	height: 10px;
	overflow: hidden;
}

	
#navbar ul {
	display:block;
	height:38px;
	background: url('/images/common/navbar.gif') 0 0 no-repeat;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative
}

#navbar ul li {
	float:left;
	list-style-type:none;
}
	
#navbar ul li a.firstlevel {
	display:block;
	height:38px;
	text-indent:-9999px;
}

/*dropdown menus */
#navbar li ul {
	display:none;
	position:absolute;
	padding: 0;
	height:auto;
	background:#d1e9fd;
	width: 160px;
	top: 31px;
	z-index:40;
}

#navbar li ul li {position:relative!important;}	
	
#navbar li ul li a {
	display:block;
	float: none!important;
	height: auto;
	width:140px;
	padding:8px 10px;
	text-decoration:none;
	font-size:.9em;
	line-height:1.1em;
	text-align:left;
	border-bottom: 1px solid #9bcdf6;
	font-weight: bold;
	cursor: pointer !important;
}
	
#navbar li ul li a:hover {
	color:#454545;
	border-bottom: 1px solid #9bcdf6;
	background-color: #eff7fe;
	cursor: pointer !important;
}

#navbar li:hover ul, #navbar li.over ul {display:block;}	

/* link widths */
li#navabout a.firstlevel {left:0;width:85px;}
li#navadvantage a.firstlevel {left:85px;width:151px;}
li#navresearch a.firstlevel {left: 236px;width:80px;}
li#navservices a.firstlevel {left:316px;width:76px;}
li#navstart a.firstlevel {left:392px;width:115px;}
li#navsupport a.firstlevel {left: 507px;width:70px;}
li#navnews a.firstlevel {left: 577px;width:116px;}
li#navprofessionals a.firstlevel {left: 693px;width:127px;}
li#navcontact a.firstlevel {left: 820px;width:80px;}

/* over states */

li#navabout:hover a.firstlevel	{background: url('/images/common/navbar.gif') 0px -39px no-repeat;}
li#navadvantage:hover a.firstlevel	{background: url('/images/common/navbar.gif') -85px -39px no-repeat;}
li#navresearch:hover a.firstlevel {background: url('/images/common/navbar.gif') -236px -39px no-repeat;}
li#navservices:hover a.firstlevel {background: url('/images/common/navbar.gif') -316px -39px no-repeat;}
li#navstart:hover a.firstlevel {background: url('/images/common/navbar.gif') -392px -39px no-repeat;}
li#navsupport:hover a.firstlevel {background: url('/images/common/navbar.gif') -507px -39px no-repeat;}
li#navnews:hover a.firstlevel {background: url('/images/common/navbar.gif') -577px -39px no-repeat;}
li#navprofessionals:hover a.firstlevel {background: url('/images/common/navbar.gif') -693px -39px no-repeat;}
li#navcontact:hover a.firstlevel {background: url('/images/common/navbar.gif') -820px -39px no-repeat;}


/* over states for the top-level links specifically */

#navbar li:hover a.firstlevel:hover {
	cursor: pointer !important;	
}

li#navabout:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') 0px -116px no-repeat;
}
li#navadvantage:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -85px -116px no-repeat;
}
li#navresearch:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -236px -116px no-repeat;
}
li#navservices:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -316px -116px no-repeat;
}
li#navstart:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -392px -116px no-repeat;
}
li#navsupport:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -507px -116px no-repeat;
}
li#navnews:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -577px -116px no-repeat;
}
li#navprofessionals:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -693px -116px no-repeat;
}
li#navcontact:hover a.firstlevel:hover {
	background: url('/images/common/navbar.gif') -820px -116px no-repeat;
}

/* on states */
body#about li#navabout a.firstlevel {background: url('/images/common/navbar.gif') 0px -78px no-repeat;}
body#advantage li#navadvantage a.firstlevel  {background: url('/images/common/navbar.gif') -85px -78px no-repeat;}
body#research li#navresearch a.firstlevel {background: url('/images/common/navbar.gif') -236px -78px no-repeat;}
body#services li#navservices a.firstlevel {background: url('/images/common/navbar.gif')  -316px -78px no-repeat;}
body#start li#navstart a.firstlevel {background: url('/images/common/navbar.gif') -392px -78px no-repeat;}
body#support li#navsupport a.firstlevel {background: url('/images/common/navbar.gif') -507px -78px no-repeat;}
#news_page li#navnews a.firstlevel {background: url('/images/common/navbar.gif') -577px -78px no-repeat;}
body#professionals li#navprofessionals a.firstlevel {background: url('/images/common/navbar.gif') -693px -78px no-repeat;}
body#contact li#navcontact a.firstlevel  {background: url('/images/common/navbar.gif') -820px -78px no-repeat;}

body#about #navbar ul li#navabout:hover ul, body#about #navbar ul li#navabout.over ul,
body#advantage #navbar ul li#navadvantage:hover ul, body#advantage #navbar ul li#advantage.over ul,
body#research #navbar ul li#navresearch:hover ul, body#research #navbar ul li#navresearch.over ul,
body#services #navbar ul li#navservices:hover ul, body#services #navbar ul li#navservices.over ul,
body#start #navbar ul li#navstart:hover ul, body#start #navbar ul li#navstart.over ul,
body#support #navbar ul li#navsupport:hover ul, body#support #navbar ul li#navsupport.over ul,
body#news #navbar ul li#navnews:hover ul, body#news #navbar ul li#navnews.over ul,
body#contact #navbar ul li#navcontact:hover ul, body#contact #navbar ul li#navcontact.over ul
{display:none!important;}

#navbar ul ul ul, #navbar ul ul ul li {display: none;padding:0;margin:0;}

/*--- Sub Navigation in rail---*/

#subnav { 
	width: 240px;
	margin: 0 0 30px 0;
}
#subnav ul { 
	margin: 0 0 0 20px;
	padding: 0;}

#subnav ul li {
	border-bottom: 1px solid #cfe7fb;
	padding: 6px 0;
	list-style-type:none;
}

#subnav ul li a {
	padding-left: 15px;
	background: transparent url(/images/common/arrow.gif) left center no-repeat;
}

#subnav li a:hover {
	background: transparent url(/images/common/arrow_on.gif) left center no-repeat;
	color: #454545;
	text-decoration: none;
}


/*this hides the sub navs */
ul#sub-about, 
ul#sub-advantage,
ul#sub-research,
ul#sub-services,
ul#sub-start,
ul#sub-support,
ul#sub-professionals,
ul#sub-contact {
	display: none;
}

/*this displays the correct sub nav based on body id*/
#about #subnav ul#sub-about, 
#advantage #subnav ul#sub-advantage,
#research #subnav ul#sub-research,
#services #subnav ul#sub-services,
#start #subnav ul#sub-start,
#support #subnav ul#sub-support,
#news #subnav ul#sub-news,
#professionals #subnav ul#sub-professionals,
#contact #subnav ul#sub-contact
 {
	display:block;
}

/*this displays the on state based on body class*/
#subnav a.here
{ 
	background: transparent url(/images/common/arrow_on.gif) left center no-repeat;
 	color: #454545;
 	display: block;
}

#subnav ul li a.here + ul {
  margin-top: -20px;	
}


#subnav ul li ul li a.here,#subnav ul li ul li a.here:hover {
		background: transparent url(/images/common/arrow_on.gif) left center no-repeat;
	padding-left: 12px;
	margin-bottom: 0;
}

/* --------------- sub sub nav in rail ------------*/
#subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	padding: 4px 0;
	list-style-type:none;
	font-size: .9em;
	}

#subnav ul li ul li a {
padding: 0;
background: none;
color: #555;
}

#subnav ul li ul li a:hover {
padding: 0;
background: none;
color: #0060a9;
text-decoration: underline;
}

#subnav ul li ul li.last 
{border-bottom: none;}

a.here + #specialty_nav {
	margin-top: -17px;
}

	

/* ----------- home page --------------- */
#main_home, #feature_home {
	float:left;
	width: 600px;
	margin: 30px 0 0 0;
}

#feature_home {
	margin-top: 40px;
}

#rail_home {
	float:left;
	width: 260px;
	margin: 25px 0 0 40px;
}

#welcome {
	background: transparent url('/images/welcome_message.gif') no-repeat scroll 0 0;
	height: 324px;
	width: 598px;
	text-indent: -9999px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 22px 0;
}

#feature_home {
	margin: 0;
	padding-bottom: 25px;
}

#feature_home img {
	float: left;
	background: #fff;
	padding: 5px;
	border-left: 1px solid #e5e4e0;
	border-bottom: 2px solid #d9d8d5;
	border-right: 2px solid #d9d8d5;	
	border-top: 1px solid #e5e4e0;
	margin: 0 20px 0 0;
}

/* home page rail stuff */
#news, #donate, #action {
	width: 260px;
	margin: 0 0 30px 0;
	}

#news h2 {
	background: url('/images/common/news_head.gif') no-repeat scroll 0 0;
	height:44px;
	line-height:44px;
	text-indent:-9999px;
	width:260px;
	margin: 0;
	}
	
#news h2 a {
	display: block;
	height: 44px;
}

#news ul {
	width: 240px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#news ul li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding:10px 0;
}
	

#donate img {
	float: left;
}

#donate p { 
	margin: 0;
	/*float: left;width: 95px;*/
	padding-top: 40px;
	font-size: 95%;
	line-height:normal;
}


#action { 
	background: #c4dbf0 url('/images/common/bluegrad_bg.gif') repeat-x scroll top left;
	/*height: 110px;*/
	padding: 0 0 10px 0;
}

#action ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	width: 240px;
}

#action ul li {
	margin: 0 0;
	font-weight: bold;
	padding: 10px 0 10px 28px;
	background-repeat: no-repeat;
	background-position: 0 12px;
	border-bottom: 1px solid #fff;
}

#action ul li.question {background-image: url('/images/common/icon_question.gif');}
#action ul li.mailing {background-image: url('/images/common/icon_email.gif'); border-bottom: none;}

#video_pop {
	display: none;
	text-align: left;
	position: absolute;
}

.overlay {
	background-image:url(/images/overlay/white.png);
	width: 448px;
	padding: 40px;
}

.overlay .close {
	background-image:url(/images/overlay/close.png);
    cursor:pointer;
    height:35px;
    position:absolute;
    right:0px;
    top:0px;
    width:35px;
}

a#player {
	display:block;
	width:448px;
	height:336px
}

 /*  ----------  search form  & mailing list signup ----------  */
#search form {
	position: absolute;
	right: 22px;
	top: 7px;
	z-index: 4;
}

#search-box {
	width: 160px;
	padding: 2px 2px;
	/*margin-right: 8px;
	float: left;*/
}


#action form {
	margin: 0 5px 0 10px;
}


#action #MERGE0 {
	padding: 2px 2px;
	width: 170px;
}

input.submit_btn {
	background: #d8d7d6 url('/images/common/button_bg.gif') repeat-x scroll top left;
	border: 1px solid #afafaf;
	width: 55px;
	padding: 2px 2px;
	color: #666;
}

/* ----------------- staff page ---------------- */

#main .staff {
	padding-top:  20px;
	margin: 10px 0;
	border-top: 1px dotted #cfe7fb;
	float: left;
	width: 590px;
}

#main .staff img {
	margin: 0;
	float: left;
}

#main .staff h3, #main .staff p {
	margin-left: 153px;
}

#main .staff p {
	/*margin-bottom: .5em;*/
}


#main .staff span {
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
	font-weight: bold;
}

p.staffquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
}

/* -------------- news ------------------ */
#news_page h2 {
	margin-top: 0;
}

#news_page .news_item {
	border-bottom: 1px dotted #cfe7fb;
	float: left;
	padding-bottom: .2em;
	margin-bottom: 1.3em;
	width: 590px;
}

#news_date {
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 2px;
}

.news_video {
	margin-bottom: 1.3em;
}

#rail.news_rail p {
	width: 220px;
	font-size: 11px;
	margin-left: 20px;
}

#rail.news_rail p img {
	padding-bottom: 3px;
}

#rail.news_rail {
	padding-bottom: 30px;
}

#news_page #subnav {
	margin-bottom: 16px;
}

#archives_link {
	cursor: default !important;
	color: #454545;
	background-image: url(/images/common/arrow_on.gif) !important;
}

#archives_all {
	float: left;
	margin-top: 16px;
}

.news_detail a {
	color: #444 !important;
}

/* -------------- miscellaneous ------------------ */
.quote {
	width: 220px;
	color: #666;
	margin:0 0 0 20px;
}

.quote blockquote {
	font: italic 1.2em/1.8em  Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}


#main img {
	background: #fff;
	padding: 5px;
	border-left: 1px solid #e5e4e0;
	border-bottom: 2px solid #d9d8d5;
	border-right: 2px solid #d9d8d5;	
	border-top: 1px solid #e5e4e0;
	margin: 10px 0 10px 10px;
	float: right;
}

.imgborder {
	background: #fff;
	padding: 5px;
	border-left: 1px solid #e5e4e0;
	border-bottom: 2px solid #d9d8d5;
	border-right: 2px solid #d9d8d5;	
	border-top: 1px solid #e5e4e0;
	margin: 0 0 10px 0;}

#main .video_thumb {
	float: right;
	border-top: 1px solid #eee;
	padding: 10px 0;
	width: 263px;
	clear: right;
}

#main .video_thumb img {
	float: left;
	margin: 0;
}

.video_thumb p {
	float: left;
	width: 112px;
	margin: 4px 0 0 8px;
	display: inline;
	font-size: 11px;
}


.hide, #search label, #action label {display:none;visibility:hidden;}

#sitemap ul {
	margin-bottom: 0;
}

#sitemap li {
	padding-bottom: 0;
}

#sitemap h1 {
	margin-bottom: 0;
}

#sitemap h3 {
	margin-top: 1em;
}

#sitemap #main ul li ul {
	padding-top: 2px;
}

#main_col1, #main_col2 {
	float: left;
	width: 280px;
	display: inline;
}

#main_col1 {
	margin-right: 30px;
}

/* -------------- search ------------------ */

#search_results #main {
	margin-left: -70px;
}



/* -------------- forms ------------------ */
#rail.form_rail {
	margin-top: 79px;
	border-right: 1px solid #ccc;
	padding-bottom: 20px;
}

.form_wrap form {
width: 98%;
padding-bottom: 20px;
float: left;
}

.form_wrap form ul {
margin: 0;
padding: 0;
padding-left: 0 !important;
list-style-type: none;
width: 100%;
}

.form_wrap form input, .form_wrap form textarea {
padding: 3px 0;
}

.form_wrap form textarea {
padding: 3px;
}

.form_wrap form select {
padding: 2px 0;
}

.form_wrap form ul li {
margin: 0 0 .75em 0;
padding-left: 0;
clear: both;
position: relative;
display: block;
list-style-type: none;
background: none;
}

.form_wrap form ul li.left {
width: 46% !important;
float: left;
clear: both;
}

.form_wrap form ul li.right {
width: 46% !important;
clear: right;
float: right;
}

.form_wrap .full {
width: 100% !important;
}

.form_wrap form ul li.clearboth {
height: 1px !important;
width: 100% !important;
margin: 0;
padding: 0;
}

.form_wrap form li span {
float: left;
margin:0pt 4px 0pt 0pt;
padding:0pt 0pt 8px;
font-size: 10px;
}

.form_wrap form li span label {
font-weight: normal;
}

.form_wrap label {
display: block;
line-height: 1.5em;
font-weight: bold;
}

.form_wrap label.inline {
display: inline;
}

p.reqd {
margin-bottom: 1.6em;
}

p.reqd em, label em, .orange {
color: #ff6c00 !important;
font-weight: bold;
}

.form_wrap input.submit {
min-width:150px;
height: 28px;
margin-top: 8px;
font-weight: bold;
font-size: 12px;
}

.form_wrap textarea {
	font: 1em Arial, Helvetica, sans-serif;
}

#paypal_form {
	float: left;
	margin-top: -5px;
	width: 300px;
}

#paypal_form p, #paypal_form input {
	float: left;
}

#paypal_box {
	padding: 1px 2px;
	width: 50px;
	margin: 2px 2px 0 0;
}

#paypal_form p {
	font-weight: bold;
	margin: 3px 2px 0 0;
}





/* ------------------------------------------------------------------------
	PrettySlideshow CSS starts here. 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 { 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_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 { 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_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_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_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_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_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 */


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

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

	div.pp_overlay {
		background: #000;
		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;
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 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 {
			left: 0;
			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: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}
	
		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 */