@charset "utf-8";
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }




/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #fff;
	text-align: center;
	color: #583119;
	line-height: 1.2;
}
#container {
	width: 980px;
	margin: 0 auto; 
	border-left: 2px solid #583119;
	border-right: 2px solid #583119;
	text-align: left;
}
#header {
	width: inherit;
	height: 158px;
	clear: both;
}
#header #logoInfo {
	height: 125px;
	width: inherit;
	clear: both;
	position: relative;
}
#header #logoInfo #logo {
	margin: 8px 0 0 8px;
}
#header #logoInfo #logoAddress {
	position: absolute;
	top: 15px;
	left: 340px;
}
#header #topNav {
	width: inherit;
	height: 33px;
	background-color: #583119;
}
#header #topNav a { text-decoration: none; }
#header #topNav ul li {
	display: block;
	float: left;
	width: 196px;
	height: 33px;	
	background-position: top;
	cursor: pointer;
}
#header #topNav ul li:hover { background-position: bottom; }
#header #topNav ul li.active { background-position: bottom; }
#header #nav1 { background-image:url(images/header_Nav_01.png); }
#header #nav2 { background-image:url(images/header_Nav_02.png); }
#header #nav3 { background-image:url(images/header_Nav_03.png); }
#header #nav4 { background-image:url(images/header_Nav_04.png); }
#header #nav5 { background-image:url(images/header_Nav_05.png); }

#header #topNav div.navLink { width: 196px; height: 33px;}






#mainContent {
	clear: both;
	text-align: justify;
}
#mainContent li {
	list-style: disc;
	margin-left: 15px;
}



a 		{ color:#E4680B; text-decoration: none; cursor: pointer; }
a:hover {text-decoration: underline; }

hr 		{ margin: 13px 0; border: none; border-top: 1px solid #583119; }





#footer {
	width: inherit;
	clear: both;
	font-size: 9px;
	padding: 10px 0;
}
#footer p {
	margin: 5px 35px;
	letter-spacing: 1.5px;
}
#footer p.center {
	text-align: center;
}









/*  -------- INDEX page --------- */

#indexContent {
	width: inherit;
	height: 500px;
	background-image: url(images/BG_Index.jpg);
	position: relative;
}
#indexContent #orangeWindow {
	width: 223px;
	height: 250px;
	position: absolute;
	top: 45px;
	right: 47px;
	color:#FFF;
	font-size: 14px;
}
#indexContent #transparentWindow {
	width: 950px;
	height: 70px;
	position: absolute;
	bottom: 4px;
	left: 15px;
}
	


/*  -------- Practice page --------- */

#practiceContent {
	width: inherit;
	height: 500px;
	background-image: url(images/BG_Practice.jpg);
	position: relative;
}
#practiceContent #transparentWindow {
	width: 810px;
	height: 365px;
	position: absolute;
	bottom: 5px;
	right: 25px;
}




/*  -------- Philosophy page --------- */

#philosophyContent {
	width: inherit;
	height: 500px;
	background-image: url(images/BG_Philosophy.jpg);
	position: relative;
}
#philosophyContent #transparentWindow {
	width: 810px;
	height: 365px;
	position: absolute;
	bottom: 5px;
	right: 25px;
}


/*  -------- Attorneys page --------- */

#attorneysContent {
	padding: 125px 20px 15px 212px;
	background-image: url(images/BG_Attorneys.jpg);
}
#attorneysContent #transparentWindow {
	width: 100%;
}
#attorneysContent #namePointer {
	position: fixed;
	top: 300px;
	margin-left: -190px;
	width: 144px;
	height: 39px;
	padding: 7px;
	background-image: url(images/namePointer.png);
}
#attorneysContent img.portrait {
	float: right;
	margin: 3px 0 8px 15px;
}
#attorneysContent li {
	list-style: circle;
	margin-left: 30px;
}

div#shane span, div#allan span {
	text-decoration: underline;
}
div#allan {
	clear: both;
}


/*  -------- Offices page --------- */

#officeContent {
	width: inherit;
	height: 500px;
	background-image: url(images/BG_Offices.jpg);
	position: relative;
}
#officeContent #transparentWindow {
	width: 810px;
	height: 365px;
	position: absolute;
	bottom: 5px;
	right: 25px;
}
#officeContent #officeTxt {
	width: 400px;
	height: 280px;
	float: left;
}
#officeContent #googleMap {
	width: 320px;
	height: 210px;
	float: right;
	margin: 30px 20px 0 0;
	border: 3px solid #583119;
	background-color: #583119;
}
.mapDescription {
	color: #FFF;
	font-weight: bold;
}
#sfMapLink, #sonomaMapLink {
	cursor: pointer;
}



/*  -------- Contact page --------- */

#contactContent {
	width: inherit;
	height: 500px;
	background-image: url(images/BG_Contact.jpg);
	position: relative;
}
#contactContent #transparentWindow {
	width: 810px;
	height: 365px;
	position: absolute;
	bottom: 5px;
	right: 25px;
}
#contactContent #contactForm td{
padding: 8px 0;
}
#contactContent #contactForm .form1 input {
	width: 90%;
}
#contactContent #contactForm .form2 {
	margin-bottom: 3px;
}
#contactContent #contactForm .form2 input {
	width: 87%;
}
#contactContent #contactForm input, #contactContent #contactForm textarea {
	color: #583119;
	border: 1px solid #D2AC92;
	background-color: #ECE3DC;
}
#contactContent #contactForm input#submit {
	font-weight: bold;
	padding: 4px 8px;
	cursor: pointer;
}
#contactContent #contactForm input#submit:hover {
	background-color: #E4680B;
	color: #FFF;
}
#contactContent #contactForm input#submit:active {
	background-color: #583119;
	color: #FFF;
}

div#contactDisclaimer {
	position: absolute;
	right: 40px;
	bottom: 5px;
	width: 610px;
	font-size: 90%;
}


/* -------- Thank You ---------*/

div#thankyou {
	margin: 50px auto 0 auto;
	text-align: center;
}