@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td   
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

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

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* ------------- Layout --------------------------------------------------------------------------------------------------- */

body {
	position : relative;
	width : 920px;
	margin : 0 auto;
	text-align : left;
	background: #e0dcd5;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#58595b;
	}
	
#wrapper {
	width: 920px;
	background: white;
	border:1px #999 solid;
	border-top:none;
	}
	
	
/* ------------- header -------------------------------------------- */

#header {
	height:130px;
	width:100%;
	background:#7190b5;
	border-bottom:2px #FFF solid;
	}
	
#branding {
	float:left;
	height:130px;
	width:615px;
	background:url(images/bellissimo-law-group-logo.gif) no-repeat;
	background-position:center 20px;
	}
	
#contact-callout {
	float:right;
	width:285px;
	height:100px;
	background:#442b19;
	padding:15px 0px 15px 10px;
	}

#contact-callout {
	color:#fff;
}
	


	
	

/* ------------- resources -------------------------------------------- */

#resources {
	width:180px;
	float:left;
	margin:0px 5px 0px 0px;
	}
	
#resources p {
	margin:10px 0 5px 0px;
	}	

/* ------------- forms -------*/

#languages {
	width:185px;
	height:21px;
	background:#868789;
	border-bottom:3px solid #fff;
	}
	
	
#custom-search {
	}
	
	
#client-contact {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:3px;
	background:#f1f2f2;
	height:108px;
	}
	
	
#client-contact, #custom-search p {
	padding:0 0 0 10px;
	}
	
	

/* ------------- main-content ------------------------------------------ */

/* ------------- content-container ---------- */

#article-container {
	float:left;
	width:420px;
	border-left:1px #dac5a1 solid;
	border-right:1px #dac5a1 solid;
	padding:0px 8px 0px 8px;
	}
	
#article-container p {
	margin-bottom: 10px;
	text-align:justify;
	}
	
#article-container ul {
	list-style: circle;
	margin-left: 25px;
	text-align:justify;
}

#article-container ol {
	list-style: decimal;
	margin-left: 25px;
}	

#article-container a {
	color: #996600;
}

#article-container a:hover {
	color: #134678;
}

#article-container strong {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
	
.intro-article{
	margin-bottom:30px;
	}
	
.intro-article img {
	margin:0 0 10px 0px;
	}
	
.article {
	margin:15px 0px 30px 0px;
	border-top:1px solid #ccc;
	padding-top:10px;
	
	}


		
	
.article img {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #666666;
	width:85px;
	height: 85px;
	}
	
.article-alt {
	margin:15px 0px 30px 0px;
	border-top:1px solid #ccc;
	padding-top:10px;
	}	
	
.article-alt img {
	float:left;
	margin:0px 10px 10px 0px;
	border:1px solid #666666;
	width:85px;
	height: 85px;
	}
	
		
.article-alt td {
	border-bottom: 1px solid #CCC;
	padding:2px 4px 2px 4px;
	
}	
	
	
	
	
	

/* ------------- sidebar ---------- */

#sidebar {
	float:right;
	width:285px;
	}









/* ------------- logos -------------------------------------------- */

#logos {
	float:left;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	height:180px;
	width:920px;
	}
	
#associations {
	float:left;
	height:180px;
	width:610px;
	}

#featured-in {
	float:right;
	border-left:1px #ccc solid;
	height:180px;
	width:292px;
	background:url(../images/homepage/featured-in-logos.gif) no-repeat;
	}
	
	
	
	

/* ------------- inside page footer line -------------------------------------------- */

#line {
	float:left;
	border-bottom:1px #ccc solid;
	height:25px;
	width:920px;
	}



/* ------------- site-info -------------------------------------------- */

	
#site-info {
	clear:both;
	width:900px;
	background-color:#888;
	padding:10px 10px;
	border-top:#666 solid 1px;
	}





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

/* ------------- main-navigation --------------------------------------- */

#main-navigation {
	height:21px;
	background:#9e9e9f;
	border-bottom:2px #FFF solid;
	padding:0px 0px 0px 0px
	}
	
#services {
	margin:0px 0px 0px 20px;
	float:left;
	}	
	

#services span {
	display:inline;
	margin:0px 0px 0px 10px;
	}
	
#services span a{
	color:#fff;
	padding:0px 35px 0px 0px;
	}
	
#services span a:hover {
	color:#000;
	}
	
#contact-us	{
	margin:0px 0px 0px 0px;
	padding:0 0 0 15px;
	float:right;
	background:#996f2a;
	width:280px;
	height:21px;
	}
	
#contact-us	span {
	display:inline;
	margin-right:15px;
	float:left;
	}
	
#contact-us span a{
	color:#fff;
	}
	
#contact-us span a:hover {
	color:#000;
	}



/* ------------- resources -------------------------------------------- */

#resources {
	width:185px;
	}

#resources ul {
	margin:0px 0px 0px 15px;
	}

#resources li {
	border-top:1px solid #dac5a1;
	}

#resources li a{
	color:#58595b;
	display:block;
	padding: 5px 0 5px 5px;
	}
	
#resources li a:hover {
	color:#000000;
	}	

#resources li.first {
	border-top:none;
	}
	
	
	
#resources #sub-focus {
	background:#E6E7E8;
	border:0;
	}
	

	
/* ------------- sub menu ---------------- */	

#resources p {
	margin:5px 0 0 6px;
	color:#000; 
	}


#resources #sub-focus {
	background:#FFF;
	border:0;
	font-weight:bold;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	color:#7c5b25;
	}


	
#resources ul ul{
	margin-left:5px;
	margin-bottom:10px;
	padding:0;
	}	
	
	
 /* attempt to get sub-menu to validate 

.sub-menu  {
	border-top:none;

	}
	
.sub-menu  a{	
	border: none;
	padding: 20px 0px 2px 10px;
	background:url(../images/arrow_08.gif) no-repeat ;
	background-position: -2px 8px ;
	}	
	
.sub-menu a:hover{
	color:#000000;
	}	
	
	*/
#resources ul li{
position:relative;
top:-1px;
	}

#resources ul ul li{
	border-top:none;
	}
	
#resources ul ul li a{
	padding: 5px 0px 2px 10px;
	background:#E6E7E8 url(images/arrow_08.gif) no-repeat ;
	background-position: -2px 8px ;
	}	
	
#sub-menu li a:hover{
	color:#000000;
	}	
	
	

	
	
	
/* ------------- side-bar nav ----------------------------------------- */

#sidebar-nav  h3{
	color:#fff;
	background:#dac5a1;
	height:21px;
	width:266px;
	border-top:4px #FFF solid;
	border-bottom:4px #FFF solid;
	}
	
#sidebar-nav {
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	}

#sidebar-nav ul {
	margin:0px 0px 0px 0px;
	}

#sidebar-nav ul span{
	margin:0px 0px 0px 0px;
	display:block;
	border-bottom:1px solid #dac5a1;
	}

#sidebar-nav ul span a{
	color:#58595b;
	display:block;
	padding: 10px 0 10px 5px;
	}

#sidebar-nav ul span a:hover {
	color:#000000;
	}	

#sidebar-nav li {
	border-bottom:1px solid #dac5a1;
	}

#sidebar-nav li a{
	color:#58595b;
	display:block;
	padding: 10px 0 10px 5px;
	}
	
#sidebar-nav li a:hover {
	color:#000000;
	}	

	
#sidebar-nav .sideHeading {
	margin:10px 0;
}

#sidebar-nav .sideSubMenu {
	margin:5px 0 5px 10px;
	font-size:12px;
	
}	
#sidebar-nav .sideSubMenu li {
	border-bottom:none;
}
#sidebar-nav .sideSubMenu li a {
	/*background:#E6E7E8 url(../images/arrow_08.gif) no-repeat scroll -2px 8px;*/
	/*background: url(../images/arrow_08.gif) no-repeat scroll -2px 8px; */
	
	padding:5px 0 5px 10px;
}
	
/* ------------- footer-navigation ------------------------------------ */

#footer-navigation {
	margin:7px 10px 7px 10px;
	padding-top: 15px;
	line-height:15px;
	height:66px;
	clear:both;
	}


	
#footer-navigation a {
	font-size:10px;
	text-decoration:underline;
	padding:0px 2px 0px 6px;
	color:#777;
	}
	
#footer-navigation a:hover {
	color:#000;
	}



/* ------------- other navigation --------------------------------------- */

#header a {
	color:#fff;
	}
	
#header a:hover {
	text-decoration:underline;
	}
	
#site-info ul{
	margin:0px 10px;
	padding:0px;
	color:#fff;
	}
	
#site-info li{
	display:inline;
	}

#site-info a, #site-info li a {
	font-size:9px;
	color:#fff;
	text-decoration:underline;

	}
	
#site-info li a {
	text-decoration:underline;
	
}

#site-info a:hover {
	color:#000;
	
	}


/* ------------- Typography --------------------------------------------------------------------------------------------------- */

h1 {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#7c5b25;
	margin-bottom:10px;
	}
	
h2 {
	font-size:14px;
	line-height:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#134678;
	margin-bottom:8px;
	}
	
a {
	text-decoration:none;
	}
	
	
/* ------------- inside pages -------------------------------------------- */	
	
h1 {
	margin-top:10px;
	}	
	
#main-content h3 {
	font-family: trebuchet, lucida sans, verdanda, arial;
	margin-top:10px;
	margin-bottom:10px;
}

img.alignleft {
        float:left; margin:0 1em 1em 0; border-width: 0.5px; border-color: #000000; border-style:solid;
}

	
	
/* ------------- header -------------------------------------------- */

#header h3{
	color:#FFF;
	font-size:20px;
	}

#header p{
	color:#FFF;
	font-size:14px;
	margin:0 0 -3px 5px;
	}
/* -- styling the url differantly - client request-- */	
#contact-callout em{
	font-weight:bold;
	color:#CBBFA8;
	}



/* ------------- resources ------------------------------------------ */

#resources h3 {
	background:#dac5a1;
	font-family: trebuchet, lucida sans, verdanda, arial;
	color:#555;
	font-size:11px;
	line-height:13px;
	padding: 5px 0 5px 17px;
	}
	
	
	
/* ------------- sidebar -------------------------------------------- */

#video h3 {
	height:21px;
	padding: 5px 10px 0px 10px;
	background:#996f2a;
	width:255px;
	margin:4px 0 4px 0px;
	color:#FFF;
	}
	
blockquote {
	margin:20px 10px 0px 10px;
	color:#7c5b25;
	font-size:13px;
	line-height:17px;
	}
	
cite {
	color:#442b19;
	font-size:11px;
	line-height:25px;
	text-align:right;
	}


	
/* ------------- logos -------------------------------------------- */

#logos p {
	font-size:10px;
	color:#666;
	margin:8px 0px 0px 10px;
	}
	
	

/* ------------- site-info -------------------------------------------- */
	
#site-info p, #site-info{
	font-size:9px;
	text-align:left;
	line-height:11px;
	color:#fff;
	}

	
/*Formatting for Error and Validation Boxes*/
.float-left{ float:left; }
.float-right{ float:right; }
.reserved { display:none; }


.errorBox, .validBox { 
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	font-weight: normal; 
	color: #666666; 
	padding: 10px 20px 5px 55px;
	min-height:30px;
	border: 0px solid;  
	border-color: #cc3333;
}

.errorBox, .validBox a { 
	/*color: #cc3333; */
}

.errorBox { 
	/*background-color: #FFF; */
	margin:5px;  
} 

.validBox { 
	/*background-color: #FFF; */
	margin:5px;
	border-color: #4D8040; 
}


.blgForm { 
	width: 400px;  
	margin: 0px auto; 
	margin-bottom:10px; 
	margin-left:0px; 
	border: 0px solid #CCCCCC; 
	padding:10px; 
	font-size:14px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:16px;
}
.blgForm legend { margin-top:10px; padding: 2px 6px;  background-color:white; color:white; font-size:18px;}
.blgForm label { min-width: 180px; float: left; margin-right: 0px; text-align:left; padding:5px 0px 5px 0px;  }
/*.contactForm .error { background-color:#ECF2F4; color:black; } */
.error{  /*background-color: #CC3333; color:black; */ }
.blgForm .field { min-width: 185px; float: left; padding:5px 0px 5px 0px; }
.blgForm .formCheckbox { width:125px; float:left; }
.blgForm .submit { width:100%; }
.blgForm .submit .float-left { margin-left: 20px; }
.blgForm A { color:#cc3333; }
.blgForm A:Hover { color:#000; }

.mediumField label { min-width: 100px; }
.mediumField field { min-width: 100px;}

.shortField label { min-width: 60px;}
.shortField field { min-width: 60px;}

.wideForm { width:720px; }


#what ul li ul {
     display: none;
}

what ul li.current_page_parent ul {
     display: block;
}

what ul li.current_page_item ul {
     display: block;
}

