/* Localized */
/***************** GRID ******************/
html, body {margin: 0; background: #F0EBCD /* url(../images/bg.png) repeat-y center */}
#wrapper {/* width: 1050px; */ margin: 0 auto;}
#cms_content {}
#header-wrapper { padding: 0px 0 0px 0px; width: 100%; margin: 0 auto; float: left; background: #173c59; padding-bottom: 25px;}

#header { margin-left: auto; margin-right: auto;  position: relative; width: 1050px; }
#header h1 {margin: 0; padding: 0; display: block; position: relative; top: 0px; left: 15px; text-indent: -9000px; overflow: hidden; }
#header h1 a {width: 191px; height: 100px; display: block; background: url(../images/logotrans_3.png) no-repeat;}
#logo {float: left;}
/* #header>img{margin-top: 25px;} */

#featured {background: url(../images/sf_home.jpg) no-repeat; width: 758px; height: 260px; margin: 0 auto; border: 3px solid #fff; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size: 12px;}
#featured_left {float: left;}
#featured_right {float: right;}
#featured_left, #featured_right {padding: 10px 7px 10px 7px; width: 185px;}
#featured_video {padding:5px; width: 335px; height: 240px; float: left;}
#box  {width: 335px; height: 240px; border: 5px solid #000;}
#box a {width: 335px; height: 240px; background: #000 url(../images/video_sprite_1.jpg) no-repeat 0px 0px; text-indent: -9999px; display: block;}
#box a:hover {width: 335px; height: 240px; background: #000 url(../images/video_sprite_1.jpg) no-repeat 0px -240px;}
#featured h4, #featured p {margin: 0 0 8px 0px; font-size: 13px;}
img.video, img.pdf, img.link {margin-bottom: -4px; padding-left: 5px;}

/*****************NAVIGATION*****************/

#nav {height: 30px; background: #000; position: relative; z-index: 9; float: right;width: 834px; margin-right: 10px;}
#navul { height: 30px; }
#navul ul {margin: 0; padding: 0; list-style-type: none}
#navul>ul li {height: 13px; display: block; float: left; background-color: #000; }

#navul>ul li a {display: block; float: left; height: 14px; overflow: hidden; color: #fff; text-transform:uppercase; text-decoration: none; background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 9px 10px 8px 10px; text-align: center; font-weight: bolder;}
#navul ul li a:hover {background: #343434;}
#navul>ul>li>a {padding: 8px 10px;}

#nav #navul ul li.staff {width: 50px;}
#nav #navul ul li.home {width: 51px;}
#nav #navul ul li.firm {width: 125px;}
#nav #navul ul li.testimonials {width: 100px;}
#nav #navul ul li.blog {width: 104px;}



#nav #navul ul li.dropdown2 { color: #fff; text-transform:uppercase; text-decoration: none; background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  text-align: center; }
#navul ul li.dropdown2 ul {margin-top: 30px; background-image: none; visibility: hidden; width: auto; background: #ABB6BF; width: 195px;}
#navul ul li.dropdown2 ul li {clear: both;  border-right-style: solid; border-right-color: white; border-left-style: solid; border-left-color: white; height: 30px; background-color: #ABB6BF; float: none; width: 190px;}
#navul ul li.dropdown2 ul li.bottom {clear: both; border-bottom: 3px solid white; border-right-style: solid; border-right-color: white; border-left-style: solid; border-left-color: white;}
#nav #navul li.dropdown2:hover ul {visibility: visible}
#nav #navul ul li.dropdown2 ul li a {float: none; text-indent: 7px; display: block; color: black; text-decoration: none; text-transform: lowercase; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; background-image: none; width: 170px; overflow: hidden; background: #ABB6BF; text-align: left; height: 13px; border-bottom: 1px dotted #5b5b5b;}
#nav #navul ul li.dropdown2:hover ul li a:hover {background-color: #E0EBF3; cursor: pointer; color: black}
#nav #navul ul li.attorney {width: 140px;}
#nav #navul ul li.practiceareas {width: 122px;}
#nav #navul ul li.dropdown4 { width: 99px; color: #fff; text-transform:uppercase; text-decoration: none; background: #000; font-family: helvetica, arial, sans-serif; font-size: 11px; text-align: center; }
#navul ul li.dropdown4 ul {margin-top: 30px; background-image: none; visibility: hidden; width: auto; background: #ABB6BF; width: 195px;}
#navul ul li.dropdown4 ul li {clear: both; border-right-style: solid; border-right-color: white; border-left-style: solid; border-left-color: white;  height: 30px;  background-color: #ABB6BF; float: none; width: 190px; }
#navul ul li.dropdown4 ul li.bottom {clear: both; border-bottom: 3px solid white; border-right-style: solid; border-right-color: white; border-left-style: solid; border-left-color: white; }
#nav #navul li.dropdown4:hover ul {visibility: visible}
#nav #navul ul li.dropdown4 ul li a {float: none; text-indent: 7px; display: block; color: black; text-decoration: none; text-transform: lowercase; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; background-image: none; width: 170px; overflow: hidden; background: #ABB6BF; text-align: left; height: 13px; border-bottom: 1px dotted #5b5b5b; }
#nav #navul ul li.dropdown4:hover ul li a:hover {background-color: #E0EBF3; cursor: pointer; color: black}

/*****************@content*****************/

#content-wrapper { padding: 0px 0px; margin: 0 auto; background: #f0ebcd url(../images/content-bg-white_2.png) repeat-y center 0px; width: 100%; margin: 10px 0;}
#content {height: auto; margin-left: auto; margin-right: auto; margin-top: 0px; width: 1030px; padding: 0 10px;}
#pic {max-height: 260px; margin-left: auto; margin-right: auto; border-right: 3px solid white; border-bottom: 3px solid white; border-left: 3px solid white; border-top: 3px solid white}
#pic img {margin-bottom: -4px}
#body {width: 790px; float: right; padding: 0 0px;}
#column {width: 220px; float: left; background-color: #7a9bb4; visibility: visible; }
.clear {clear: both}
#footer-wrapper { width: 100%; background: #000; }
#footer {text-align: center; margin-left: auto; margin-right: auto; color: silver; font: bold 11px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 0px; width: 1050px; margin: 0 auto; padding-bottom: 1px; width: 1050px;}
#footer a:link, #footer a:visited {color: silver; text-decoration: none}
#footer a:hover {text-decoration: underline; color: white}
#footer p {margin-top: 0px; padding-top: 10px;}

/**************FORMATTING***************/

#column h2 {color: #01385e; font: bold 16px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
#body h1 {font: bold 20px Georgia, "Times New Roman", Times, serif; color: #000; margin-left: 10px}
#body h1 span {font-weight: normal; }
#body h1 span {font-size: 16px; color: white; font-style: italic}
#body p, #body ul, #body ol {color: #000; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}
#body h2 {font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #000; margin-left: 15px}
#body a:link, #body a:visited {color: black; text-decoration: underline}
#body a:hover {color: black}
.map {width: 425px; height: 350px; margin-left: 15px; border: 2px solid silver; margin-bottom: 25px}
#body img {border: 2px solid silver}
.italic {font-style: italic;}

#column-center {float: left; width: 498px; }
#intro {width: 498px; float: left; color: #000; }
#intro2 {float: left; width: 498px; height: 411px; overflow: hidden;}
#blog {float: left; width: 498px; margin-top: 12px;}
#intro2 h3 {/* margin-top: 12px; */}
#blogposts {background: #fff; margin-top: 0px; padding: 5px; overflow: auto; height: 178px; margin-left: 0px;}
#blogposts li {width: 111px; height: 100%; float: left; list-style-type: none; 	border-right: 1px solid #ccc; display: inline; text-align: center; padding: 5px; height: 168px; margin: 0px;}
#blogposts li.last {border-right: 0px solid #ccc; }
#body #blogposts li a{ display: block; width: 111px; height: 100%; text-decoration: none; height: 100%; }
#body #blogposts li a:hover {background: #b5daf4;}
#body #blogposts li a:link img, #body #blogposts li a:visited img {width: 100px; height: 100px; text-decoration: none !important; margin-top: 5px;}


#column-right {width: 270px; /* height: 500px;  */float: right; color: #000 !important; }
#body #column-right p, #body #column-right ul, #body #column-right ol {color: #000; } 
#body #column-right p{ padding: 20px;}
#body #column-right #testimonial p{ padding: 10px;}

#body #column-right ul, #body #column-right ol { padding-right: 20px; padding-bottom: 12px;}
#column-right #top-links, #column-right #testimonial, #column-right #faq {background: #fff; margin-bottom: 12px;}
#column-right #faq {height: 218px}
#top-links ul {padding-left: 10px; margin-left: 10px; padding-bottom: 5px;}
#top-links li {list-style-type: none; padding-left: 25px; line-height: 27px;}
#top-links #common_forms { background: url(../images/blue-document-pdf-text.png) no-repeat center left;}
#top-links #support_calulator {background: url(../images/kcalc.png) no-repeat center left;}
#top-links #divorce_guide, #top-links #support_guide {background: url(../images/notebook--pencil.png) no-repeat center left;}
#top-links #iphone_guide {background: url(../images/media-phone.png) no-repeat center left;}
#top-links #faq-link {background: url(../images/question-white.png) no-repeat center left;  }
.homepage h3 {width: 100%; text-align:center; background: #347bb1; height: 30px; margin: 0px; padding: 0px; line-height: 30px; color: #fff;}

.slides_container {display:none; width: 270px; /* height: 196px; */ height: 153px;}
.slides_container div {width: 270px; display: block;}
#testimonial .testimonial {font: italic 13px Georgia, "Times New Roman", Times, serif; margin-bottom: 0px !important;}
#testimonial .testimonial {margin-top: 0px;}
#testimonial p.client {text-align: right; padding-top: 0px !important; margin-top: 0px !important;}

#faq ul {padding-left: 30px; width: 225px;}
#faq li { margin: 5px 0;}



/*****************STICKY NOTE*****************/
#sticky {width: 270px; height: 267px; padding: 30px 30px 0 30px; position: absolute; top: 0px; right: 0px; background: url("../images/note-3.png") no-repeat; overflow: hidden; z-index: 19;}
#sticky-close {position: absolute; top: 20px; right: 33px; border: 0px; }
#sticky-close img { border: 0px;}
#sticky p {margin: 5px 0;}
#sticky ul {margin: 5px 0px 5px 40px; padding: 0px;}
#sticky li p {display: none;}

/*****************BLOG*****************/

.blogEntry, .blogListing {color: #464646; font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 1px solid #d6d6d6; padding: 8px 8px 5px}
#column span#blogPostedAuthor {width: 0; visibility: hidden}
span#blogPostedDate {margin-left: -20px}
.blogEntry a:link, .blogEntry a:visited {color: #464646}
.blogEntry a:hover {color: white}
.blogEntry b, .blogListing b {color: #000; font: italic bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}
#content #body .blogListing {color: #fff}
#column .blogEntry, .blogListing {color: #464646; font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 1px solid #d6d6d6; padding: 8px 8px 5px}

/* FAQ */
#faq-areas {width: 530px; padding: 0px; margin: 0 auto; padding-left: 30px;}
#faq-areas li {float: left; width: 132px; list-style: none; padding: 5px 0px;}
#faq-areas li.clear {float: none; clear: both;}
#question a, #question a:link, #question a:visited { font-size: 120%;}
#question {margin: 0px 0px 18px 0px; padding: 20px 0px; background: url("../images/question.png") right center no-repeat; padding: 20px 10px; border: 2px solid #C0C0C0;}

#statutes {width: 515px; }
#statutes ul.inline, #statutes p.inline, #statutes li.inline {float: left; margin: 0px;}
#statutes ul li {list-style-type:none; padding: 0px 0px 8px 0px; width: 480px;}
#statutes ul li ul li {padding: 8px 0px; width: 450px;}

#meetcristin {text-align: center; position: relative; padding: 25px 0;}

#meet {position: absolute; bottom: 5px; right:10px; margin:0px;}
#meetcristin a, #meetcristin a:visited {color: #01385E;}
#meetcristin a:hover {color: #163C59;}
#sidebar-contant {padding:10px;}
#sidebar-contant p {margin: 6px 0px;}
.no-top-pic #content {margin-top: 0px;}
#phone {float: right; width: 120px; background: url(../images/phone.png) no-repeat left; padding-left: 35px; color: #fff; margin: 35px 0 5px 0;}
.fullwidth #body {width: 100%;}
.fullwidth #content, .fullwidth #content-wrapper {background: none;}
.fullwidth #content strong {font-size: 14px;} 

#footer #office-locations {margin: 10px auto 0px; border-top: 1px solid #101010;border-bottom: 1px solid #101010; padding: 5px 0;}
#footer .location {width: 266px;float: left; text-align: left;}
#footer .location.last {width: auto;}
.privacy {font-size: 10px; font-family: Helvetica, Arial, sans-serif;}
.privacy a {color: #01385E;}
h2.inline, p.inline {display: inline;}

/* Calculator */
#calculator	table {font: 11px/14px Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; }
#calculator	th { padding: 15px; text-align: left;	}
#calculator	tr.yellow td {border-top: 1px solid #34bd18;	border-bottom: 1px solid #34bd18; background: #FFC;	}
#calculator	td {	border-bottom: 1px solid #CCC; padding: 5px 15px; }
#calculator	td:first-child {	width: 160px;}
#calculator	td+td { border-left: 1px solid #CCC;	text-align: center;	}
#calculator	#submit {margin: 15px;}
#calculator	td.description { background: url("../images/arrow_left_green_24.png") no-repeat 10px center; border: 0 none; padding-left: 41px; text-align: left;}
#calculator	td.description.empty { background: none; border: 0 none; padding-left: 41px; text-align: left;}


iframe {background: #fff;}

/*--Main Image Preview--*/
.main_image {
	width: 498px;
	float: left;
	position: relative;
	overflow: hidden;
	color: #fff;
	height: 289px;
}
.main_image img{width: 494px; }
#body .main_image h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;	
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;	
}

.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;	
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	width: 498px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
	width: 130px;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 145px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	display: inline;
	text-align: center;
	height: 165px;
	
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
#body .image_thumb ul li h2 {
	font-size: 1.2em; 
	margin: 5px 0; padding: 0;
	text-align: center;
	color: #000 !important;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
}
.image_thumb ul li .block {
	float: left; 
/* 	margin-left: 10px;
	padding: 0;
	width: 145px; */
}	
.image_thumb ul li p{display: none;}

#form-list {float: left; width: 40%;}
#video-instructions {float: right; }
#vid-instr{height: 320px;}