/* @override 
	http://localhost:8888/css/content_pages.css
	http://kssfamilylaw.com/css/content_pages.css
*/

.center {
	text-align: center;
}

#content{
	background: url(../images/content_pages/content_background.gif) repeat-y;
	float: left;
	font-family: Arial;
	width: 1100px;
}

#content.two_cols{
	background: url(../images/content_pages/content_background_2cols.gif) repeat-y;
}

#content.three_cols{
	background: url(../images/content_pages/content_background_3cols.gif) repeat-y;
}

#content #left_nav {
	width: 150px;
	font-size: 11px;
	color: #666666;
}

#content #left_nav a, #content #left_nav active, #content #left_nav a:visited {
	font-size: 11px;
	color: #666666;
}

#content #left_nav .active a, #content #left_nav .active  a:active, #content #left_nav .active a:visited {
	font-size: 11px;
	color: #000066;
}

#content #main {
	width: 668px;
	padding-top: 35px;
	padding-bottom: 20px;
}

#content #main.wide {
	width: 950px;
	padding-top: 35px;
}

#content #right_col {
	width: 282px;
	font-size: 12px;
	padding-top: 35px;
	margin-bottom: 20px;
}

/* @group left nav */

#left_nav #title {
	height: 44px;
}

#attorney #left_nav #title {
	background-image: url(../images/content_pages/attorneys/left_title.gif);
}

#about #left_nav #title {
	background-image: url(../images/content_pages/about/left_title.gif);
}

#resources #left_nav #title {
	background-image: url(../images/content_pages/resources/left_title.gif);
}

#media #left_nav #title {
	background-image: url(../images/content_pages/media/left_title.gif);
}

#faqs #left_nav #title {
	background-image: url(../images/content_pages/faqs/left_title.gif);
}

#left_nav #links {
	margin-right: 14px;
	border-right: 1px solid #7C7C7C;
	font-weight: bold;
}

#left_nav .link {
	margin-right: 10px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

#left_nav #primary {
	margin-bottom: 20px;
}

#left_nav #secondary {
	padding-bottom: 10px;
}

#left_nav .image {
	margin-left: 16px;
}

#left_nav #page_options {
	margin-bottom: 10px;
	margin-left: 16px;
	border-left: 1px solid #7C7C7C;
	padding-top: 10px;
	padding-left: 9px;
	height: 105px;
}

#left_nav #page_options img {
	margin-bottom: 6px;
}

/* @end */

/* @group main content */

#main  {
	font-size: 12px;
}

#main .wrapper {
	float: left;
	padding-left: 25px;
	margin-bottom: 25px;
	width: 618px;
}

#main.wide .wrapper {
	width: 900px;
}

#main #portrait {
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
}

#main #name, #main h1 {
	font-size: 18px;
	font-weight: bold;
	z-index: auto;
	position: static;
}

#media #main h1 {
	margin-bottom: 20px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
	clear: both;
}

#main #position {
	font-style: italic;
}

#main .section  {
	margin-top: 15px;
}

#attorney #main .section  {
	clear: left;
}

#main .section .title {
	font-weight: bold;
	margin-bottom: 3px;
}

/* @end */

/* @group right col */

#right_col .wrapper{
	width: 242px;
	padding-left: 20px;
}

#right_col .title {
	font-weight: bold;
	margin-bottom: 1px;
}

#right_col #add_contacts {
	margin-top: 10px;
}

#right_col #add_contacts img {
	position: relative;
	top: 1px;
}

#right_col #skype {
	margin-top: 6px;
}

#right_col #add_this {
	margin-top: 20px;
}

#right_col #disclaimer {
	margin-top: 20px;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 20px;
}

/* @group tabs */

#right_col .tabs {
	margin-top: 20px;
}

#right_col .tabs .box {
	background-color: #EDEDED;
	display: inline-block;
	border: 1px solid #BDBDB7;
	padding: 8px 10px;
	text-align: left;
	float: left;
}

#right_col .tabs .box {
	width: 222px;

}

/* @end */

#recent_media .item {
	margin-bottom: 10px;
	height: 51px;
	display: inline-block;
}

#recent_media .image {
	margin-right: 10px;
	width: 41px;
}

#recent_media .item .col.text {
	font-size: 11px;
	color: #666666;
	width: 170px;
	margin-top: 14px;
}

#recent_media .see_all {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

/* @end */

/* @group text styles */

.page_title {
	font-size: 18px;
	font-weight: bold;
}

/* @end */

/* @group Attorneys */

.group_image, .centered_image {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @end */

/* @group paralegals */

#contact_details {
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

table#contact_details_table {
	width: 600px;
	text-align: left;
	display: inline-table;
}

table#contact_details_table td {
	border: 1px none #fff;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table#contact_details_table tr.titles {
	font-weight: bold;
}

table#contact_details_table .one td {
	background-color: #ccc;
}

table#contact_details_table .two td {
	background-color: #f2f2f2;
}

/* @end */

#tooltip{
	position:absolute;
	border: 1px solid #7c7c7c;
	background: #ccc;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size: 12px;
	min-width: 100px;
}

/* @group Link Video Layout */

.videoLink {
	width: 420px;
	float: left;
	/*margin-right: 25px;*/
	height: 90px;
	margin-bottom: 25px;
	clear: none;
}

.videoLinkImage {
	float: left;
	width: 130px;
}

.videoLinkText {
	font-weight: bold;
	float: left;
	margin-top: 5px;
	width: 290px;
}

.videoLinkText span.runtime {
	color: #7f7f7f;
	font-size: 11px;
	font-weight: normal;
}

.videoLinkText a strong {
	color: #666676;
	font-size: 10px;
}



/* @end */

/* @group video with qt and wmp */

.video_wmv_qt {
	display: inline-block;
}

.video_wmv_qt .image img {
	margin-right: 14px;
}

.video_wmv_qt .info {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 11px;
}

.video_wmv_qt .info .clarify{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.video_wmv_qt .info img{
	margin-top: 5px;
}

/* @end */

/* @group about */

#firm_video {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
}

#firm_video .image img {
	margin-right: 14px;
}

#firm_video .info {
	margin-top: 30px;
	float: left;
}

#whatToBring {
	margin-top: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

#whatToBring .image {
	float: left;
	width: 130px;
	text-align: center;
}

#whatToBring .text {
	float: left;
	width: 250px;
	text-align: left;
	margin-top: 14px;
	font-weight: bold;
}

/* @end */

/* @group Attorney info table */

.attorney_info_table {
	float: left;
	margin-left: 20px;
}

.attorney_info_table .row {
	float: left;
	margin-bottom: 10px;
}

.attorney_info_table .attorney {
	width: 150px;
}

.attorney_info_table .info {
	width: 700px;
}

/* @end */

/* @group significant cases */

#significant_top {
	width: 900px;
	float: left;
	margin-bottom: 35px;
	margin-top: 25px;
}


#significant_top #left{
	width: 400px;
}

#significant_top #right{
	width: 500px;
}

#significant_top #left .row {
	float: left;
	margin-bottom: 69px;
}

#significant_top #left .row.last {
	margin-bottom: 0px;
}

#significant_top #left .image {
	width: 90px;
}

#significant_top #left .text {
	margin-top: 11px;
}

#significant_top #left .text .title {
	font-size: 12px;
	font-weight: bold;
}

#significant_top .video_wmv_qt {
	margin-bottom: 60px;
}

#significant_top .video_wmv_qt.last{
	margin-bottom: 0px;
}

#significant_top .video_wmv_qt .info{
	width: 250px;
}
/* @end */

/* @group practice areas */

#practice_areas {
	width: 872px;
	height: 362px;
	background-image: url(../images/content_pages/about/practice/practice_areas.jpg);
	position: relative;
	margin-top: 25px;
}

#practice_areas .text {
	font-size: 15px;
	position: absolute;
	top: 24px;
	left: 480px;
	line-height: 16px;
}

.significantVideos {
	width: 900px;
	float: left;
	margin-top: 20px;
}

.significantVideos .sectionTitle {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

.significantVideos .item {
	width: 420px;
	margin-right: 25px;
	height: 90px;
	margin-bottom: 25px;
}

.significantVideos .item .image {
	float: left;
	width: 130px;
}

.significantVideos .item .text {
	width: 290px;
}

/* @end */

/* @group articles */

#article_list {
	
}

#article_list .section {
	display: inline-block;
	margin-bottom: 10px;
	width: 900px;
}

#article_list .section .title {
	background-color: #999;
	color: #fff;
	line-height: 18px;
	padding-left: 5px;
	margin-bottom: 6px;
}

#article_list .section .row {
	display: inline-block;
	margin-bottom: 10px;
}

#article_list .section .row .author {
	width: 150px;
	float: left;
	display: inline;
}

#article_list .section .row .article {
	width: 700px;
	float: left;
	display: inline;
}

#article_list .section .row .article .videoLinkText {
	width: 700px;
	padding-top: 15px;
}


/* @end */

/* @group article */

#article .logo {
	margin-bottom: 20px;
}

#article .publicationInfo {
	margin-top: 4px;
}

#article h2 {
	margin-bottom: 20px;
	font-size: 12px;
	font-style: italic;
}

.article_image {
	float: right;
	clear: right;
	padding: 0 0 20px 20px;
	font-size: 11px;
	font-style: italic;
}

#article .content {
	margin-top: 30px;
}

#article #videoLink {
	float: left;
	width: 900px;
	text-align: left;
}

#article #videoLink .videoLink {
	width: 900px;
}

#article #videoLink .videoLinkText {
	margin-top: 18px;
}

/* @end */

/* @group news matrix */

/* @group tabs */

ul#matrixTabs {
	width: 100%;
	list-style-type: none;
	display: inline-block;
}

ul#matrixTabs li {
	display: block;
	list-style-type: none;
	float: left;
	margin-left: 4px;
}

ul#matrixTabs li#video {
	float: right;
	margin-right: 4px;
}

ul#matrixTabs li a {
	display: block;
	float: left;
	height: 26px;
	width: 160px;
	line-height: 28px;
	color: #fff;
	background-image: url(../images/content_pages/media/tabs/tab_inactive.jpg);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

ul#matrixTabs li.active a {
	background-image: url(../images/content_pages/media/tabs/tab_active.jpg);
}

/* @end */

.newsMatrix {
	border: 1px solid #CBCBC7;
	padding: 8px;
}

.newsMatrix.all {
	border: #fff;
}

.newsMatrix h2 {
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #AA4A0C;
	margin: 5px 0 0;
}

.newsMatrix .matrixItems {
	display: inline-block;
}

.newsMatrix .matrixItem {
	width: 280px;
	height: 160px;
	float: left;
	padding: 10px 7px;
}

.newsMatrix #featuredItems .matrixItem {
	padding-bottom: 6px;
}

.newsMatrix .matrixItem .image {
	height: 60px;
	text-align: left;
}

.newsMatrix .matrixItem .image a, .newsMatrix .matrixItem .image a img {
	border: none;
}

.newsMatrix .matrixItem .image img {
	display: inline-block;
}

.newsMatrix .matrixItem span.headline a {
	font-size: 18px;
	color: #0000E3;
	font-weight: bold;
	line-height: 18px;
	margin-right: 8px;
}

.newsMatrix .matrixItem .info {
	font-size: 10px;
	color: #48484A;
	line-height: 20px;
}

.newsMatrix .matrixItems#featuredItems {
	border-bottom: 1px solid #cbcbc7;
}

.newsMatrix .readmore {
	text-align: right;
	padding-bottom: 5px;
	padding-top: 10px;
}

.newsMatrix .readmore a {
	color: #0000E3;
	font-weight: bold;
}

/* @end */

/* @group media - presskit */

.images_2perLine {
	width: 560px;
	padding-left: 170px;
	display: inline-block;
}

.images_2perLine .item {
	float: left;
	text-align: center;
	width: 280px;
	height: 235px;
}

/* @end */

/* @group media - awards */

.award_image img {
	margin-bottom: 5px;
}

#awards h1 {
	margin-bottom: 20px;
}

#awards .item {
	width: 320px;
	text-align: center;
	height: 120px;
	margin-bottom: 25px;
	float: left;
	padding-left: 50px;
	padding-right: 50px;
}

#awards .item img {
}

#awards .item img {
	margin-bottom: 10px;
}

/* @end */

/* @group media - firm news */

#media .top_news {
	width: 490px;
	padding-left: 200px;
}

/* @end */

.imageFloatRight {
	margin-bottom: 15px;
	margin-left: 20px;
	float: right;
	margin-top: -20px;
}

#in_the_community .section {
	display: inline-block;
	padding-left: 60px;
	padding-right: 100px;
	margin-top: 50px;
}

/* @group faqs */

#faqs #content #main {
	padding-right: 20px;
	width: 930px;
}

#faqs #main.faq h3, #faqs #main.faq h2 {
	width: 540px;
	display: inline-block;
}

#faqs #main .wrapper {
	float: none;
	width: auto;
}

#faqs #content #right_col {
	float: right;
	width: 332px;
	padding-top: 0;
	padding-left: 20px;
}

#faqs #right_col .tabs .box {
	width: 310px;

}

#faqs p {
	margin-bottom: 15px;
	padding-bottom: 2px;
}

#faqs ul#faqList {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid #bdbdb7;
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 308px;
}

#faqs ul#faqList li {
	display: block;
	clear: left;
	padding: 7px 0 7px 7px;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 25px;
	width: 301px;
	border-bottom: 1px solid #bdbdb7;
	line-height: 25px;
}

#faqs ul#faqList li img {
	float: left;
	margin-right: 10px;
}

#faqs ul#faqList li .text {
	float: left;
	white-space: nowrap;
	width: 220px;
}

#faqs ul#faqList li span.runtime {
	font-size: 12px;
	color: #7f7f7f;
	margin-left: 15px;
}

#faqs #video {
	display: inline-block;
	margin-bottom: 20px;
}

#faqs #videoThumbs {
	float: left;
	width: 560px;
	margin-left: -18px;
}

#faqs #videoThumbs .item {
	float: left;
	width: 120px;
	height: auto;
	margin-bottom: 16px;
	padding: 2px;
	background-color: #fff;
	margin-left: 16px;
}

#faqs #videoThumbs .item.active {
	background-color: #e0e0e0;
}

#faqs #videoThumbs .item a {
	font-weight: bold;
}

#faqs #videoThumbs .item .runtime {
	color: #7f7f7f;
	font-size: 11px;
}

#faqs #videoThumbs p {
	margin: 4px 0 0;
}

#faqs ul#questions {
	list-style-position: inside;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

#faqs ul#questions li {
	padding: 3px 0;
}

#faqs a.podcast_subscribe {
	display: block;
	background: url(../images/faqs/subscribe.jpg) no-repeat;
	line-height: 49px;
	padding-left: 55px;
	font-size: 13px;
}

/* @group faq matrix */

ul#faqMatrix {
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
}

ul#faqMatrix li {
	display: block;
	float: left;
	width: 420px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 150px;
}

ul#faqMatrix li div {
	display: block;
	float: left;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

ul#faqMatrix li.no_border div {
	border: none;
}

ul#faqMatrix li .image {
	width: 140px;
}

ul#faqMatrix li .text {
	width: 240px;
	font-size: 11px;
	color: #666;
	padding-top: 50px;
}

ul#faqMatrix li .text span.faqTitle {
	font-size: 13px;
	font-weight: bold;
}

/* @end */

/* @end */