@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Volpe
Theme URI: http://www.vbwr.com/
For: VOLPE, BAJALIA, WICKES, ROGERSON & WACHS | Attorneys at Law
Description: fixed hieght homepage design, two column inner pages, content on left, right column secondary navigation.
*/

/**--- RESETS ---**/
* {
	margin:0;
	padding:0;
	}
body  {
	background: #938f8f url(../_images/bg_inner.jpg) top center repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 76% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding: 0 0 0 0;
}
body.home{
	background: #938f8f url(../_images/bg_index.jpg) top center repeat-x;
}
ul, ol, li { list-style: none; }
a, a:focus {
	text-decoration: none;
	overflow: hidden;
	outline: 0;
}
img { border: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.right { float:right; }
.left { float:left; }
.clearfloat { clear:both; } /* must preceed all items containing a child float */

/*-- TYPOGRAPHY STYLES --*/
h1 {
	color: #454545;
	font-size: 2.3333em; /* 28px */ 
	line-height: 1.4286em; /* 40px */
	text-indent: -9999px;
}

h2 { 
	color: #7c0c04;
	font-size: 1.4286em; /* 20px */ 
	line-height: 1em; /* 20px */ 
	margin-bottom: 1em; 
}

h3 { 
	color: #7c0c04;
	font-size: 1.4286em; /* 20px */ 
	line-height: 1em; /* 20px */ 
	margin-bottom: 1em; 
}
h4, legend { 
	color: #7c0c04;
	font-size: 1em; /* 12px */ 
	line-height: 1.4286em; /* 20px */
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1.4286em; 
}
h5 { 
	color: #454545;
	font-size: 1.1667em; /* 14px */ 
	line-height: 1.4286em; /* 20px */ 
	margin: 0 0 1.4286em 0;
	text-transform: uppercase;
}

h6 {
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 4px;
}
p { 
	color: #1d1d1d;
	font-size: 1em; /* 12px */ 
	line-height: 1.6667em; /* 20px */ 
	margin: 0 0 1.6667em 0; 
	word-spacing:-1px;
}
a {
	color: #454545;
}
p a {
	color: #7c0c04;
}
a:hover, #sidebar .side_nav li a.side_select {
	color: #7c0c04;
	text-decoration: underline;
}
ul, ol { 
	margin: 0 0 1.6667em 0; 
	line-height: 1.2em; /* 20px */  
}



/*- Text and List Classes -*/
.small {
	font-size: 0.8333em; /* 10px */ 
	line-height: 2em; /* 20px */
	margin: 0 0 2em 0;
}
.line {
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 2px 0;
	color: #454545;
}
.intro {
	color: #7c0c04;
	font-style: italic;
	font-size: 1em;
}
.home .intro { 
	margin-bottom: 60px;
}
.more {
	color: #7c0c04;
	font-weight: bold;
	font-style:italic;
	background: url(../_images/bullet_arrow.png) right no-repeat;
	padding: 0 15px 0 0;
	font-size: .9em;
}
.inline_list li {
	display: inline;
	width: 300px;
	padding: 0 0 0 12px;
}

.center_column ul {
	margin-left: 20px;
}

.center_column ul li {
	margin: 0 0 .6em;
}
#mainContent ul li, #mainContent ol li, #mainContent ul.inline_list li {
	list-style: url(../_images/bullet_dot.jpg) outside;
	margin: 0 15px 6px 15px;
}
a.button, #fm_submit {
	background: #861e03 url(../_images/bg_button_07.jpg) bottom repeat-x;
	font-weight: 100;
	color: #fafafa;
	padding: 4px 10px;
	border: 1px solid #bfbfbf;
}

/**--- MAIN DIVS ---**/
#container { 
	width: 960px; 
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; /* overrides text-align:center on body */
} 
.home #header {
	background:url(../_images/header_index.jpg) top left no-repeat;
}

.home #header #banner
        {
			position: relative;
			margin: -303px 0 0 410px;
            width:520px;
            height:220px;
            display:block;
            border:none;
}
.home #header #banner div
        {
            display:none;
            position:absolute;
            top:0;
            left:0;
            border:none;
        }
.home #header #banner div img
        {
            border:none;
        }

.home #header #banner *
        {
            border:none;
            text-decoration:none;
        }

#header {  
	background: url(../_images/header_inner.jpg) top no-repeat;
} 
.home #header h1 {
	height: 303px;
}
#header h1 {
	height: 100px; 
}
#header h1 a {
	background: url(../_images/logo_inner.jpg) no-repeat;
	display: block;
	width: 465px;
	height: 70px;
	position: relative;
	top: 15px;
	left: 20px;
}

/*- MAINNAV STYLES -*/
#main_nav {
	border-top: solid 1px #fff;
	height: 42px;
	margin: 0;
	overflow: auto;
}
#main_nav li {
	float: left;
	display: inline;

}
#main_nav a {
	display: block;
	height: 42px;
	text-align: center;
	text-indent: -9999px;
}
#main_nav a:hover {
	background-position: 0 -62px;
}
#main_nav a.selected {
	background-position: 0 -119px;
}
#nav_firm a {
	background: url(../_images/nav_firm.jpg) no-repeat 0 -5px;
	width: 193px;
}
#nav_practice a {
	background: url(../_images/nav_practice.jpg) no-repeat 0 -5px;
	width: 217px;
}
#nav_people a {
	background: url(../_images/nav_people.jpg) no-repeat 0 -5px;
	width: 196px;
}
#nav_news a {
	background: url(../_images/nav_ourwork.jpg) no-repeat 0 -5px;
	width: 184px;
}
#nav_contact a {
	background: url(../_images/nav_contact.jpg) no-repeat 0 -5px;
	width: 170px;
}

#sub_nav {
	background:url(../_images/bg_subnav.jpg) repeat-x;
	width: 933px;
	height: 32px;
	color: #FFF;
	clear: both;
	margin: 0 1px;
	padding: 0 0 0 25px;
	border-bottom: solid 1px #fff;
}
#sub_nav li {
	float:left;
	display: inline;
	margin:0;
	padding: 6px 0 0 0;
}
#sub_nav a {
	color: #FFF;
	letter-spacing: .04em;
	height: 30px;
	padding: 0 8px;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 9);
}
#sub_nav a:hover, #sub_nav a.sub_select {
	text-decoration: none;
	color: #CCC;
	text-shadow:0px 0px 4px rgba(0, 0, 0, 8);
}

/*- SIDEBAR STYLES -*/
#sidebar {
	float: right;
	width: 230px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0;
}

#pg_contact #sidebar {
	width: 260px;
}
#sidebar h3 {
	font-size: 1.3333em; /* 16px */ 
	line-height: 1.25em; /* 20px */ 
	color: #454545;
	font-weight: 100;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 1.25em; 
	padding: 0 0 4px 0;
}
#sidebar .side_nav {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.home #sidebar .side_nav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#sidebar .side_nav li {
	list-style: url(../_images/bullet_arrow.png) outside;
	padding: 3px 0;
	margin-left: 15px;
}
#sidebar .side_nav li a {
	padding: 2px 0;
}

.side_extra_nav a {
	width: 240px;
	height: 85px;
	display: block;
	text-indent: -9999px;
}
.meet_attorneys a {
	background: url(../_images/link_meet_attorneys.jpg) no-repeat;
}
.sign_up a {
	background: url(../_images/link_sign_up.jpg) no-repeat;
}
#sidebar iframe {
	margin: 0 0 0 -25px;
}

/*- MAIN CONTENT STYLES -*/
#mainContent {
	background: url(../_images/bg_content.jpg) left top no-repeat;
	margin: 0 260px 0 0; /* right margin div element creates column on right side of the page for #sidebar1 */
	padding: 30px 30px 0 30px; /* top padding same as #sidebar top padding */
	border-right: 1px solid #eee;
} 

#pg_contact #mainContent {
	margin: 0 300px 0 0;
}
#experience, #video {
	width: 305px;
	height: 126px;
	text-indent: -9999px;
}
#experience a, #video a {
	display: block;
	width: 305px;
	height: 126px;
}
#experience {
	background: url(../_images/link_experience.png) top no-repeat;
}
#video {
	background: url(../_images/link_video.png) top no-repeat;
}
#mainContent ul.left, #mainContent ul.right,
#mainContent div.twoCol { /* used for double list look */
	width: 300px;
}



div.twoCol ul.last {
	margin: 0 18px 24px;
}


#mainContent ul ul {
	margin: 0 0 0 15px;
}
#mainContent ul li span {
	 font-weight: bold;
	 color: #8d8d8d;
 }
#mainContent .area {
	display: block;
	clear: left;
	margin: 40px 0;
}
#mainContent .center_column {
	margin: 0 0 0 230px;
}

#mainContent .center_column.practiceAreas {
	margin:  0 0 0 180px;
	padding: 10px 0 0;
}
#mainContent .center_column ul li {
	margin-left: 0;
}
#mainContent .left_column {
	float: left;
	width: 230px;
}

#mainContent .left_column.practiceAreas {
	width: 180px;
}

#mainContent .left_column.practiceAreas img {
	margin-left: -12px;
}
#mainContent .left_column img {
	margin: 0 0 18px 0;
}
#mainContent .left_column li {
	list-style: none;
	margin-left: 0;
	}

#mainContent ul.attorneysList li {
	margin: 0;
}
#mainContent .left_column a {
	color:#7c0c04;
}
#mainContent .contact_info {
	font-weight: bold;
	color: #7c0c04;
}
#mainContent .contact_info span, #mainContent .contact_info a {
	font-weight: normal;
	color: #1d1d1d;
}

#mainContent .contact_info a.vcard {
	padding: 2px 23px 4px;
	background: url(../_images/vcard.png) no-repeat;
	font-weight: bold;
	color: #7c0c04;
}
/*- Our Work Styles -*/
#mainContent .box { /* used for Our Work divs and Contact form */
	background: #f1f1f1 url(../_images/bg_bottom_gradient.jpg) bottom repeat-x;
	border: 1px solid #d7d7d7;
	padding: 15px;
	margin: 0 0 40px 0;
}
#mainContent .box li {
	list-style: url(../_images/bullet_arrow.png) inside;
	padding: 3px 0;
	margin-left: 0;
}
#mainContent .papers a {
	font-weight: bold;
	color: #7c0c04;
}
#mainContent .papers a span {
	font-style: italic;
	font-weight: normal;
	color: #8d8d8d;
}
#mainContent .papers p {
	margin-left: 20px;
}
/*- Map Styles -*/
.map { margin: 40px 0 80px 0; }
.map iframe { padding: 0 25px 0 0; }

/*- Contact Form Styles -*/
#fm_contact label {
	display: block;
	padding: 0 0 2px 0;
}
#fm_contact input, #fm_contact textarea {
	border: 1px solid #d7d7d7;
	padding: 4px;
}
#fm_contact input {
	width: 240px;
}
#fm_contact #fm_submit {
	width: 100px;
	color:#FFF;
	cursor:pointer;
}
	
/*- FOOTER STYLES -*/
#footer { 
	background:#2e2b2a;
	border-top: 1px solid #000;
	font-size: 86%;
} 
#foot_contain {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0px 40px 10px;
}
#foot_nav {
	width: 480px;
	float: left;
}
#foot_nav li {
	float: left;
	display: inline;
}
#foot_nav li a {
	color: #fff;
	padding:0px 6px 0px 0px; 
}
#foot_nav li a:hover {
	color: #ccc;
	text-decoration: none;
}
#footer p {
	width: 300px;
	float: right;
	color: #cacaca;
	text-align: right;
	padding: 0;
}