/*
Theme Name: PPSD
Theme URI: http://ppsd.com
Description: LA Managment Company Theme developed by LA Management Co.
Version: 1.0
Author: LA Management Co
Author URI: http://lamanagementco.com/

Tags: white, blue, gray, jquery
*/

/*************************
HTML STYLES
**************************/
* {
	margin:0;
	padding: 0;
}
html, 
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: "Century Gothic", Arial, Helvetica, "Helvetica LT Std", sans-serif;
	background: #FFF;
	color: #000;
	text-align: center;
}
a {
	color: #305693;
}
a:hover {
	color:#333;
}
a img {
	border: none;
}
a:focus,
object {
	outline: none;
}
small {
	font-size: 0.9em;
}
h1, 
h2, 
h3,
h4{
	font-weight: normal;
}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
li, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/**********************
UNIVERSAL STYLES
***********************/
.clear {
	clear: both;
}
.clearBoth {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 0;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.aligncenter,  
div.aligncenter {
	display: block;

	margin-left: auto;

	margin-right: auto;

}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px 0 4px 4px;
	margin: 0 0 10px 10px;
	display: inline;
}
img.alignleft {
	padding: 4px 4px 4px 0;
	margin: 0 10px 10px 0;
	display: inline;
}
.wp-caption {
	text-align: center;
	background: #EEE;
	margin: 5px;
	padding: 0;
}
.wp-caption img {
	padding: 4px 0 0 0;
}
.wp-caption p.wp-caption-text {
	font-size: 10px;
	padding: 5px;
	margin: 5px;
}
/* End Images */
.linklove {
	display: none;
}
.required {
	color: #F00;
}
.small {
	font-size: 11px !important;
}	
.screen-reader-text {
	position: absolute;
	top: -99999px;
}
.toggleNextItem {
	cursor: pointer;
	color: #305693;
	text-decoration: underline;
}
	p.toggleNextItem {
		margin: 0 !important;
		padding: 0 0 10px 17px !important;
		background: url(images/plus.png) no-repeat left 2px;
	}
#wpstats {
	position: absolute;
	left: -9999px;
}

/**********************
LAYOUT STYLES
***********************/
#container {
	text-align: center;
}
#headerContainer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
	#header {
		width: 1000px;
		height: 125px;
		position: relative;
		overflow: hidden;
	}
		#header h1,  
		#header h1 a {
			display: block;
			margin: 0;
			padding: 0;
			width: 420px;
			height: 125px;
		}
			#header h1 {
				background: url(images/logo.png) no-repeat left center;
				text-indent: -99999px;
			}
		#header .slogan {
			position: absolute;
			top: -9999px;
		}
		#header .contact {
			position: absolute;
			top: 0px;
			right: 0px;
			padding: 25px 0 10px 233px;
			width: 332px;
			border-bottom: solid 1px #CCC;
			font-size: 12px;
		}
			#header .contact li {
				float: left;
				padding: 0 0 0 30px;
			}
			#header .contact a {
				color: #484848;
				text-decoration: none;
			}
			#header .contact span {
				font-weight: bold;
				display: block;
			}
		#headerSearch {
			position: absolute;
			top: 85px;
			right: 10px;
			width: 150px;
			height: 25px;
			overflow: hidden;
		}
			#headerSearch #s {
				height: 15px;
				width: 102px;
				background: transparent url(images/search_field_bg.png) no-repeat;
				border: none;
				padding: 6px 2px 4px 6px;
				float: left;
				color: #666 !important;
				margin: 0;
				font-size: 11px;
			}
			#headerSearchSubmit {
				height: 25px;
				width: 35px;
				margin: 0;
				padding: 0;
				background: url(images/search_btn_bg.png) no-repeat;
				border: none !important;
				font-size: 0px;
				cursor: pointer;
				outline: none;
			}
		#topMenu {
			position: absolute;
			top: 90px;
			left: 435px;
		}
			#topMenu li {
				float: left;
				padding: 0 20px 0 0;
			}
			#topMenu ul.es li {
			}
			#topMenu li ul {
				display: none;
			}
		#header .qTranslate-switcher {
			position: absolute;
			top: 40px;
			left: 435px;
			color: #666;
		}
		#header .qTranslate-switcher p,
		#header .qTranslate-switcher ul {
			float: left;
			padding: 0 5px 0 0;
			line-height: 15px;
		}
		#header .qtrans_flag_and_text {
			background-position: 0px 2px;
		}
		#header #qtranslate-chooser {
		}
			#header #qtranslate-chooser a {
				color: #666;
				text-decoration: none;
			}
			
			#header #qtranslate-chooser li {
				display: -moz-inline-box;
				display: inline-block;
			}
				* html header #qtranslate-chooser li { display:inline; }  /* for IE 6 */
				* + html header #qtranslate-chooser li { display:inline; }  /* for IE 7 */
				#header #qtranslate-chooser li.active {
					display: none;
				}




/* NAVIGATION
-------------------------------------------------------------- */
.nav-main {
	clear: both;
	background: url(images/menu_bg.jpg) no-repeat center top;
	position: relative;
	z-index:999;
	text-align: center;
	height: 55px;
}
	.nav-main .menu-header {
		font-size: 13px;
		margin: 0 auto;
		width: 1000px;
		text-align: left;
	}
		.nav-main .menu-header ul {
			list-style: none;
			margin: 0;
		}
		.nav-main .menu-header li,
		div.menu li {
			float:left;
			position: relative;
		}
	.nav-main a {
		display:block;
		text-decoration:none;
		padding: 18px 0;
		height: 19px;
		width: 250px;
		white-space: nowrap;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		background: url(images/menu_item_bg.png) no-repeat center bottom;
	}
	.nav-main ul ul {
		display:none;
		position:absolute;
		top:55px;
		left:0;
		float:left;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		width: 180px;
		z-index: 99999;
	}
		.nav-main ul ul li {
			min-width: 250px;	
		}
		.nav-main ul ul ul {
			left:100%;
			top:0;
		}
		.nav-main ul ul a {
			background: url(images/menu_dropdown_bg.png);
			height:auto;
			font-size: 11px;
			font-weight: normal;
			line-height:1em;
			padding: 7px 10px;
			width: 230px;
			text-align: left;
			border-bottom: solid 1px #003;
		}
	.nav-main li:hover > a {
		color:#fff;
		background: #05174F url(images/menu_item_bg.png) no-repeat center bottom;
	}
	.nav-main ul ul :hover > a {
		color:#fff;
		background: #05174F;
	}
	.nav-main ul li:hover > ul {
		display:block;
	}
	.nav-main ul li.current_page_item > a,
	.nav-main ul li.current-menu-ancestor > a,
	.nav-main ul li.current-menu-item > a,
	.nav-main ul li.current-menu-parent > a {
		color: #fff;
	}
	* html .nav-main ul li.current_page_item a,
	* html .nav-main ul li.current-menu-ancestor a,
	* html .nav-main ul li.current-menu-item a,
	* html .nav-main ul li.current-menu-parent a,
	* html .nav-main ul li a:hover {
		color:#fff;
	}


#contentContainer {
	background: #d9eac5 url(images/content_container_bg.png) repeat-x;
	text-align: center;
	padding: 15px 0;
}
	#contentContainerBottom {
		background: url(images/content_container_bottom_bg.png) no-repeat;
		width: 1000px;
		height: 24px;
		clear: both;
		margin: 0 auto;
	}
.middle {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(images/content_middle_bg.png) repeat-y;
}
#content {
	float: left;
	width: 710px;
	padding: 0;
	margin: 0 0 0 20px;
}
	.pageContent {
		padding: 15px;
	}
	#content ul,
	#content ol {
		margin: 5px 15px;
	}
	#content ol li {
		list-style: decimal;
		padding: 2px;
		margin: 5px 15px;
	}
	#content ul li {
		list-style: disc;
		padding: 2px;
		margin: 5px 15px;
	}
	#content p {
		padding: 5px 0;
	}
		.pageContent p {
		}
		.pageContent td p {
			width: auto;
			font-size: 12px;
			margin: 0 20px 5px 0 !important;
			padding: 0;
		}
	#content h1,
	#content h2,  
	#content h3,  
	#content h4 {
		padding: 1em 0 .2em 0;
	}
	#content h2.pageTitle {
		height: 80px;
		width: 685px;
		padding: 35px 0 0 25px;
		color: #FFF;
		font-size: 24px;
		margin: 0;
		background: url(images/page_title_bg.png) no-repeat;
	}
	p.cf-sb {
		text-align: center !important;
	}
#sidebar {
	float: left;
	width: 250px;
	padding: 30px 10px 0 10px;
	background: url(images/sidebar_bg.png) no-repeat;
}
	#sidebar a {
	}
	.widget {
		margin: 0 0 30px 0;
		background: url(images/widget_bg.png);
		padding: 10px 10px 0 10px;
	}
		.widget h1 {
			font-size: 20px;
			font-weight: bold;
		}
		.widget h2 {
			font-size: 18px;
			font-weight: bold;
		}
		.widget h3 {
			font-size: 16px;
			font-weight: bold;
		}
		.widget h4 {
			font-size: 14px;
			font-weight: bold;
		}
		.widgetBottom {
			height: 10px;
			background: url(images/widget_bottom_bg.png) no-repeat left bottom;
			margin: 0 -10px;
			padding: 5px 0 0 0;
		}
		h2.widgetTitle {
			font-size: 15px;
			padding: 0 0 10px 0;
			text-align: center !important;
			font-weight: bold;
		}
		.widget ul li {
			padding: 0 0 10px 0;
		}
	.widget_sub_page_navigation {
		padding: 0;
	}
		.widget_sub_page_navigation .widgetBottom {
		}
		.widget_sub_page_navigation ul li {
			padding: 0;
		}
			.widget_sub_page_navigation li a {
				display: block;
				padding: 5px 10px;
				margin: 0;
				text-decoration: none;
				font-weight: bold;
				border-bottom: solid 1px #d9eac5;
			}
				.widget_sub_page_navigation li a:hover {
					background: #d9eac5;
				}
			.widget_sub_page_navigation li.upward a {
				padding: 5px 10px 5px 25px;
				background: url(images/back.png) no-repeat left center;
			}
				.widget_sub_page_navigation li.upward a:hover {
					background: #d9eac5 url(images/back.png) no-repeat left center;
				}
#footerContainer {
	text-align: center;
	clear: both;
}
	#footer {
		width: 970px;
		margin: auto;
		padding: 15px;
		text-align: center;
	}
		#footer a {
		}
		#footer .topMenu {
			padding: 0 0 5px 0;
		}
			#footer .topMenu li {
				display: inline;
				font-weight: bold;
				font-size: 14px;
				padding: 0 15px;
			}
				#footer .topMenu li ul {
					display: none;
				}
		#footer .bottomMenu {
			padding: 0 0 25px 0;
		}
			#footer .bottomMenu li {
				display: inline;
				padding: 0 15px;
			}
				#footer .bottomMenu li ul {
					display: none;
				}
		#footer p.facebook {
			margin: 0 0 5px 0;
			text-align: center;
		}
			#footer p.facebook a {
				display: block;
				margin: 0 auto;
				width: 125px;
				height: 30px;
				text-indent: -9999px;
				font-size: 0px;
				background: url(images/facebook_become_a_fan_btn.png) no-repeat;
			}
		#footer .contact {
			padding: 0 0 15px 0;
		}
			#footer .contact li {
				display: inline;
				padding: 0 15px 0 0;
			}
			#footer .contact a {
				color: #484848;
				text-decoration: none;
			}
			#footer .contact span {
				font-weight: bold;
			}
		#footer .copyright {
			padding: 10px 0 0 0;
			border-top: solid 1px #CCC;
			font-size: 10px;
			color: #56627a;
		}



/***************************
BLOG POSTS
****************************/
.post,
#content .page,
#respond {
	margin: 0 15px 30px 15px;
	padding: 0 15px;
}
.postmetadata {
	border-top: dotted 1px #333;
	font-size: 11px;
}
h2.postHeader {
	border-bottom: solid 2px #000;
	margin-bottom: 5px;
}
	h2.postHeader a {
		text-decoration: none;
	}
h3.postHeader {
	margin: 40px 0 0 0;
	border-bottom: solid 2px #000;
}
.navigation {
	padding: 20px 0;
}

/* COMMENTS */
.commentlist li, 
#commentform input, 
#commentform textarea {
	font: 0.9em;
}
.commentlist li ul li {
	font-size: 1em;
}
#content .commentlist li {
	font-weight: bold;
	border-bottom: dotted 1px #333;
	list-style: none;
	margin: 10px 0;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, 
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
}
.commentmetadata {
	font-weight: normal;
}
.commentlist {
	padding: 0;
	text-align: justify;
	list-style: none;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
	}
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
	}
	#wp-calendar a {
		display: block;
	}
	#wp-calendar caption {
		text-align: center;
		width: 100%;
	}
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
	}
	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff;
	}
/* End Calendar */

/***************************
HOME PAGE STYLES
****************************/
.slideshow {
	height: 460px;
	background: #0f2e81 url(images/home_slideshow_bg.jpg) no-repeat center top;
}
.home .nav-main {
	background: url(images/home_menu_bg.png);
	margin: -55px 0 0 0;
}
	.home .menu-header li ul {
		display: none !important;
	}
.home #contentContainer {
}
.home #homeBeforeAfter p a,
.home #homeBeforeAfteres p a {
	display: block;
	margin: 0 auto 5px auto;
	width: 500px;
	height: 55px;
	background: url(images/home_before_after.jpg) no-repeat;
	text-indent: -9999px;
}
	.home #homeBeforeAfteres p a {
		background: url(images/home_before_after_es.jpg) no-repeat;
	}
.home .middle {
	background: url(images/home_middle_bg.png) no-repeat;
}
.home #content {
	width: 1000px;
	margin: 0;
}
	.home #content h1 {
		font-size: 20px;
		padding: 0;
		margin: 0 0 15px 0;
		font-weight: bold;
		font-style: italic;
	}
	.home #content h2 {
		font-size: 16px;
		padding: 0;
		margin: 0 0 15px 0;
		font-weight: bold;
		font-style: italic;
	}
	.home #content h3 {
		font-size: 14px;
		padding: 0;
		margin: 0 0 15px 0;
		font-weight: bold;
		font-style: italic;
	}
	.home #content h4 {
		font-size: 12px;
		padding: 0;
		margin: 0 0 15px 0;
		font-weight: bold;
		font-style: italic;
	}
	.home #content p {
		padding: 0 0 15px 0;
	}
	.homeCol1,
	.homeCol2 {
		padding: 20px 20px 0 20px;
		width: 445px;
		float: left;
	}
	.homeCol2 {
		margin: 0 0 0 30px;
	}
.home #contentContainerBottom {
	display: none;
}
.home .wp-caption {
	background: none;
}



/******************************
VIDEO PLAYER STYLES
*******************************/
#player {
	float:left;
}
	a.player {	
		display: block;
		width: 480px;
		height: 380px;
		padding: 0;	
		cursor:pointer;
		position: relative;
		background: url(images/splash.jpg) no-repeat;
	}
		/* splash image */
		a.player img {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -22px 0 0 -22px;
		}
#playlist {
	width: 185px;
	height: 380px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 5px;
	background: #DDD;
	margin: 0 0 30px 0 !important;
	float: left;
	list-style: none;
}
	#playlist br {
		height: 0 !important;
	}
	#playlist li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* playlist entry */
	#playlist a {
		display:block;
		width:150px;
		padding:7px;
		background:#fff;
		border:1px solid #ccc;
		text-decoration:none;
		margin: 5px 0 0 0;
	}
		/* different states of a playlist entry */
		#playlist a:hover {
			background:#ffc;		
		}
		#playlist a.progress {
			background:#efefef;	
		}
		#playlist a.playing {
			border:1px solid #666;
			background:#ffc;	
		}
		#playlist a.paused {
			border:1px solid #666;
			background:#ffc;	
		}
		/* elements inside playlist entry */
		#playlist a img {
		}
		#playlist a strong {
			padding-bottom:5px;
		}
		#playlist a em {
			border:0;	
			margin-right:10px;
			background:url(images/clock.gif) no-repeat 0 50%;
			padding-left:20px;
			color:#333;
			font-style:normal;
			margin-top:10px;
		}