/*

Name: Bel Air

Author: Jason Carulli

Author URI: http://jasoncarulli.com/

Date: January 1, 2010

Version: 1.0



Notes:

1. Sliding Login Panel with jQuery 1.3.2 - http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/



*/





body {

	margin: 0;

	padding: 0;

	background: #000033;

	background: url(images/background.png);

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #202020;

}



#wrap {

	width: 960px;

	margin: 0 auto;

	padding: 0 1px;

	background: url(images/wrap.png) top repeat-y;

}



/* Common ---------------------------------------------------------------------------------------------------- */



img { border: none; }


.clear { clear: both; }



a {

	color: #202020;

	text-decoration: underline;

}

a:hover {

	color: #638fa8;

	text-decoration: underline;

}



#content {

	width: 960px;

}

#promo {

	width: 960px;

	height: 340px;

	padding: 0 0 2px 0;

	border-bottom: 1px solid #d0d0d1;

}

#promo .messaging {

	position: absolute;

	/* top:  130px; */

	top: 230px;

	left: 455px;

	width: 490px;

	height: 90px;

}

#promo .messaging ul {

	margin: 0;

	padding: 0;

}

#promo .messaging ul li {

	display: block;

	list-style-type: none;

	font-size: 18px;

	line-height: 22px;

}



h1.pagetitle {

	margin: 30px 0 30px 40px;

	padding: 0;

	font-size: 12px;

	font-weight: bold;	

}



/* Header ---------------------------------------------------------------------------------------------------- */



#header {

	width: 960px;

	height: 165px;

	margin: 0 0 2px 0;

	border-bottom: 1px solid #d0d0d1;

}

#header ul.contact {

	float: left;

	width: 285px; 

	height: 35px;

	margin: 0px;

	/* padding: 10px 0 0 13px; */
	padding: 10px 0 0 5px;

}

#header ul.contact li {

	display: inline;

	list-style-type: none;

	font-size: 12px;

}

#header ul.contact li a.phone {

	padding: 10px 13px 10px 22px;

	background: url(images/phone.png) left no-repeat;

}

#header ul.contact li a.email {

	padding: 10px 10px 10px 22px;

	background: url(images/email.png) left no-repeat;

}

#header .identity {

	float: left;

	/* width: 365px; */
	width: 365px;

}

#header .identity .logo {

	width: 365px;

	height: 110px;

	padding: 25px 0 30px 0;

}

#header .actions {

	float: left;

	/* width: 297px; */
	width: 297px;

	height: 35px;

}

#header .actions ul.font-size {

	float: right;

	margin: 0 13px 0 0;

	/* padding: 10px 10px 10px 0; */
	padding: 8px 8px 8px 0;

	border-right: 1px solid #d0d0d1;

	font-size: 12px;

}

#header .actions ul.font-size li {

	display: inline;

	list-style-type: none;

	padding: 0 5px 0 0;

}

#header .actions .client-login {

	float: right;

	margin: 0 13px 0 0;

	padding: 10px 10px 10px 22px;

	background: url(images/lock.png) left no-repeat;

	font-size: 12px;

}





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



#navigation {

	margin: 0 0 2px 0;

	border-top: 1px solid #d0d0d1;

	border-bottom: 1px solid #d0d0d1;

}



#ddm {	

	float: left;

	margin: 0;

	padding: 0;

}

#ddm li	{	

	float: left;

	list-style: none;

	line-height: 36px;

}

#ddm li a {	

	display: block;

	padding: 0 26px;

	text-decoration: none;

	border-right: 1px solid #d0d0d1;

	font-size: 14px;

	color: #638fa8;

	white-space: nowrap;

}

#ddm li a:hover { 

	background: #202020;

	color: #fff; 

}



#ddm li ul {	

	visibility: hidden;

	position: absolute;

	width: 186px;

	margin: 0;

	padding: 6px 0;

	border-top: 1px solid #000;

	background: #202020;

	/* filter: alpha(opacity=75); */

	/* -moz-opacity: 0.75; */

	/* opacity: 0.75; */

}

#ddm li ul li {	

	display: inline;

	float: none;

}

#ddm li ul li a	{	

	padding: 0 10px;

	border-right: none;

	font-size: 14px;

	color: #ccc;

	line-height: 30px;

}

#ddm li ul li a:hover {	

	background: #000;

	color: #fff; 

}



#search {

	float: left;

	margin: 7px 0 0 12px;

}

#search input.query {

	float: left;

	/* width: 225px; */

	width: 200px;

	margin: 0 5px 0 0;

	padding: 3px;

	background: #f6f6f6;

	border: 1px solid #d0d0d1;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #909090;

}

#search input.query:focus {

	background: #ffffff;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #202020;

}			

#search input.submit { 

	float: left;

	width: 17px;

	height: 17px;

	margin: 2px 0 0 0;

	background: url(images/search.png) no-repeat;

	border: none;

	cursor: pointer; 

	text-indent: -9999px;

}





/* Home ---------------------------------------------------------------------------------------------------- */



#overview {

	width: 960px;

	background: url(images/overview.png) repeat-y;

}

#overview h1 {

	width: 259px;

	margin: 25px 0 15px 0;

	padding: 0;

	color: #638fa8;

	font-size: 16px;

	font-weight: bold;

	text-align: center;	

}



#overview .who {

	float: left;

	width: 259px;

	padding: 0 30px 25px 30px;

	font-size: 14px;

	line-height: 20px;

}

#overview .what {

	float: left;

	width: 259px;

	padding: 0 30px 25px 30px;

	font-size: 14px;

	line-height: 20px;

}

#overview .extras {

	float: left;

	width: 259px;

	padding: 0 30px 25px 30px;

}

#overview .extras ul.contactus {

	margin: 0 0 0 5px;

	padding: 0;

}

#overview .extras ul.contactus li {

	display: block;

	list-style-type: none;

	margin: 0 0 10px 0;

	font-size: 12px;

}

#overview .extras ul.contactus li a.phone {

	padding: 10px 0 10px 25px;

	background: url(images/phone.png) left no-repeat;

}

#overview .extras ul.contactus li a.email {

	padding: 10px 0 10px 25px;

	background: url(images/email.png) left no-repeat;

}

#overview .extras .news {

	margin-bottom: 8px;

	/* margin-bottom: 5px; */

	font-size: 12px;		

}

#overview .extras .news .date {

	float: left;

	margin: 0 5px 0 0;

	font-weight: bold;		

}

#overview .extras .news .title {

	float: left;

	width: 190px;

	overflow: hidden;

}

#overview .more {

	width: 259px;

	margin: 25px 0 15px 0;

	padding: 0;

	font-size: 12px;

	text-align: center;	

}





/* Team ---------------------------------------------------------------------------------------------------- */



ul.meet-team {

	margin: 40px 0 30px 215px;

	padding: 0;

}

ul.meet-team li {

	display: inline;

	list-style-type: none;

	padding: 0 10px 0 0;

	font-size: 14px;

}



#team {

	margin: 30px 0 0 60px;

}

#team .member {

	float: left;

	width: 180px;

	margin: 0 40px 50px 0;

}

#team .member .thumb {

	width: 180px;

	margin: 0 0 10px 0;

}

#team .member .thumb .imagecenter {
	
	width:171px;
	
	height:257px;
}

#team .member .name {

	margin: 0 0 2px 0;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

}

#team .member .title {

	text-align: center;

	font-size: 11px;

	color: #a0a0a0;

}
#team .member ul.links {

	text-align: center;

	/* margin: 5px 0 0 30px; */
	margin: 5px 0 0 0;

	padding: 0;

	font-size: 12px;

}

#team .member ul.links li {

	display: inline;

	list-style-type: none;

	color: #d0d0d0;

}

#team .memberSmall {

	float: left;

	width: 180px;

	margin: 0 40px 50px 0;

}

#team .memberSmall .thumb {

	width: 180px;

	margin: 0 0 10px 0;

}

#team .memberSmall .thumb .imagecenterSmall {
	
	width:103px;
	
	height:154px;
}

#team .memberSmall .name {

	margin: 0 0 2px 0;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

}

#team .memberSmall .title {

	text-align: center;

	font-size: 11px;

	color: #a0a0a0;

}

#team .memberSmall ul.links {

	margin: 5px 0 0 30px;

	padding: 0;

	font-size: 12px;

}

#team .memberSmall ul.links li {

	display: inline;

	list-style-type: none;

	color: #d0d0d0;

}



#team-group {

	width: 960px;

	font-size: 12px;

	line-height: 16px;	

}



#team-group ul.names {

	float: left;

	width: 170px;

	margin: 0 0 0 30px;

	padding: 0 10px 0 0;

	font-size: 12px;

}

#team-group ul.names li {

	display: block;

	list-style-type: none;

	margin: 0 0 10px 0;

}

#team-group ul.names li.title {

	display: block;

	list-style-type: none;

	margin: 5px 0 15px 0;

	color: #638fa8;

	font-size: 14px;

	font-weight: bold;

}



#team-group .group {

	float: left;

	width: 690px;

	margin: 0 0 30px 0;

	padding: 0 0 0 30px;

	border-left: 1px solid #d0d0d0;	

}

#team-group .group .members {



}

#team-group .group .members .member  {

	float: left;

	width: 480px;

	margin: 5px 35px 40px 0;	

}

#team-group .group .members .member .name {

	margin: 0 0 2px 0;

	font-size: 16px;

	font-weight: bold;	

}

#team-group .group .members .member .name a {

	color: #202020;

	text-decoration: none;

	cursor: text;	

}

#team-group .group .members .member .title {

	font-size: 12px;

	color: #a0a0a0;	

}

#team-group .group .members .member .bio {

	margin: 15px 0 2px 0;

	font-size: 14px;

	line-height: 20px;	

}

#team-group .group .members ul.actions {

	float: left;

	width: 150px;

	padding: 0 0 0 15px;

	border-left: 1px solid #d0d0d0;		

}



#team-group .group .members ul.actions li {

	display: block;

	list-style-type: none;

	margin: 0 0 5px 0;

	font-size: 12px;

}

#team-group .group .members ul.actions li a.email {

	padding: 10px 0 10px 22px;

	background: url(images/email.png) left no-repeat;

}





/* Page Template ---------------------------------------------------------------------------------------------------- */

#page {

	width: 960px;

}

#page .twoColumn {

	float: left;

	width: 570px;

	/* padding: 0 30px 25px 30px; */
	margin: 0 30px 30px 40px; 

	font-size: 14px;

	line-height: 20px;

}

#page .extras {

	float: left;

	width: 259px;

	padding: 0 30px 25px 30px;

}

#page .extras .news {

	margin-bottom: 8px;

	/* margin-bottom: 5px; */

	font-size: 12px;		

}

#page .extras .news .date {

	float: left;

	margin: 0 5px 0 0;

	font-weight: bold;		

}

#page .extras .news .title {

	float: left;

	width: 190px;

	font-weight: normal;

	overflow: hidden;

}

#page .extras h1 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	font-weight: bold;	

}

#page .twoColumn h1 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	font-weight: bold;	

}

.twoColumn p {

	margin: 10px 0;

	padding: 0;

	font-size: 14px;

	line-height: 20px;

}


#page .extras .news .title {

	float: left;

	width: 190px;

	overflow: hidden;

}

#page .more {

	width: 259px;

	margin: 25px 0 15px 0;

	padding: 0;

	font-size: 12px;

	text-align: center;	

}

.post h1 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	font-weight: bold;	

}

.post {

	float: left;

	/* width: 620px; */

	width: 570px;

	margin: 0 30px 30px 40px;

}

.post .entry p {

	margin: 10px 0;

	padding: 0;

	font-size: 14px;

	line-height: 20px;

}



ul.post-meta {

	float: left;

	width: 200px;

	padding: 0 0 2px 15px;

	border-left: 1px solid #d0d0d0;	

}

ul.post-meta li {

	display: block;

	list-style-type: none;

	margin: 0 0 5px 0;

	font-size: 12px;

}



.result {

	float: left;

	width: 650px;

	margin: 0 30px 10px 40px;

}

.result h1 {

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;	

}


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



#footer {

	width: 960px;

	margin: 0 auto;

	margin-bottom: 50px;

	padding: 22px 1px 0 1px;

	background: url(images/footer.png) top no-repeat;

}

#footer-ovr {

	width: 960px;

	margin: 0 auto;

	margin-bottom: 50px;

	padding: 22px 1px 0 1px;

	background: url(images/footer-ovr.png) top no-repeat;

}



.footer-info {

	width: 958px;

	margin: 0 0 5px 0;

	padding: 0 0 0 2px;

	color: #818a9b;

	font-size: 12px;

}

.footer-info ul {

	margin: 0;

	padding: 0;

}

.footer-info li {

	display: inline;

	list-style-type: none;

}

.footer-info li a {

	color: #818a9b;

	text-decoration: underline;

}

.footer-info li a:hover {

	color: #fff;

	text-decoration: underline;

}