/* CSS Document */

html {
	margin: 0;
	padding: 0;
	background: #93630b url(../images/htmlBG.jpg) repeat-y center top fixed;
}

body {
	background: url(../images/bodyBG.jpg) no-repeat center 117px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	color: #333;
	height: 100%;
	width: 100%;
	display: table;
}

/* --( Global Classes )-- */
.clear {
	clear: both;
}
.right {
	text-align: right;
	display:block;
}

/* self clearing rules */

	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	.selfclear { display: inline-block; _height: 1%; }

	/* Hides from IE-mac \*/

	.selfclear { display: block; }

	/* End hide from IE-mac */
	
/* --( Wraps )-- */
#headerWrap {
	height: 117px;
	background: url(../images/headerBG.gif) repeat-x;
}	
#bodyWrap {
	background-image: url(../images/bodyWrapBG.jpg);
	background-repeat: repeat;
	background-position: left top;
	width: 960px;
	margin: 0 auto;
}
#footerWrap {
	background: #444D76 url(../images/footerWrapBG.gif) repeat-x;
	border-top: 1px solid #2B2C31;
}

/* --( Section Widths )-- */
#header, #body, #footer {
	width: 920px;
	margin: 0 auto;
}

/* --( Header Styles )-- */
#logo {
	margin: 0;
	float: left;
	width: 638px;
}
#logo h1 {
	margin: 0;
	padding-top: 74px;
}
#logo h1 a {
	display: block;
	height: 36px;
	width: 638px;
	text-indent: -3000px;
	background: url(../images/logo.gif) no-repeat;
}
#header {
	background: url(../images/headerBG.jpg) no-repeat center top;
}
#header h3 {
	float: right;
	clear: right;
	width: 250px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #FDC94D;
	text-align: right;
	margin:0;
	padding-bottom: 12px;
	padding-top: 40px;
	line-height: 1em;
}
#header h3 span a {
	color: #FFFF00;
}
#header h3 span {
	font-size: 20px;
}
#nav1 {
	margin: 0;
	padding: 15px 8px 0;
	float: right;
	display: block;
}
#nav1 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
#nav1 li a {
	display: block;
	float: left;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #ceac63; /* Top Tool Navigation Text Color */
	font-size: 11px;
	line-height: normal;
}
#nav1 li a:hover {
	text-decoration: underline;
}
#nav1 li.home a {
	background-image: url(../images/iconHome.gif);
	background-position: 0 3px;
	padding-left: 16px;
	margin-right: 14px;
}
#nav1 li.contact a {
	background-image: url(../images/iconMail.gif);
	background-position: 0 2px;
	padding-left: 21px;
}
#nav1 li.login a {
	background-image: url(../images/iconLogin.gif);
	background-position: 0 2px;
	padding-left: 23px;
}
/* --( Left Side Styles )-- */
#left_side {
	width: 202px;
	float: left;
	padding: 0;
	margin: 0;
}
#left_side .more {
	color:#333333;
	font-size:12px;
	font-style:italic;
	text-align:left;
}
#left_side .button {
	background: url(../images/quilt-shop_bg.jpg) no-repeat center top;
	padding-top: 150px;
	height: 47px;
	width: 214px;
	font-size: 10px;
}
#left_side .button a {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #ffdca9;
	text-decoration: none;
	line-height: 47px;
	background: url(../images/btn_side-column.gif) no-repeat;
	display: block;
	font-family: "Times New Roman", Times, serif;
	width: 214px;
	font-size: 2em;
}
/* --( Navigation Styles )-- */
#nav {
	width: 215px;
	background: #828d51 url(../images/navBG.gif) repeat-y 0px 0px;
	margin-top: 5px;
}
#nav h3 {
	display: none;
}
#nav ul {
	margin: 0;
	padding: 0;
	background: url(../images/navBGtop.gif) no-repeat 0px 0px;
}
#nav ul li {
	margin:0;
	padding:0;
	list-style: none;
	display: inline;
}
#nav ul li a {
	display: block;
	width: 186px;
	padding: 5px 15px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: .03em;
	color: #f7efc6;
}
#nav ul li a:hover {
	text-decoration: underline;
	color: #FFF;
}
#nav .first a { 
	padding-top: 8px; /* Special padding for First Nav Button */
}
#nav .last a {
	padding-bottom: 8px; /* Special padding for Last Nav Button */
	background-image: url(../images/navBG.gif);
	background-repeat: no-repeat;
	background-position: -215px bottom;
}
#nav .sep {
	display: block;
	height: 1px;
	background:url(../images/navSep.gif);
}

/* --( Header Graphic )-- */
#headerGraph {
	float: right;
	width: 685px;
	height: 203px;
}

#body {
	padding: 15px 20px;
	/*background-color: #f7f7f7;*/
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #CDCDCD;
}

/* --( Content Styles )-- */
#contentWrap {
	width: 685px;
	float: right;
	margin-top: 15px;
}
.content {
	float: left;
	width: 452px;
}
.wide {
	width: 685px;
}
.content p {
	line-height: 1.5em;
	margin: .75em 0;
}
.content ul li {
	line-height: 1.5em;
	margin: 0 0 .75em;
}
.content h2 {
	margin: 0;
	font-size: 2em;
	line-height: 1.125;
	color: #753f0e;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
.content a {
	color: #753F0E;
}
#contentWrap .content .horRule {
	display: block;
	height: 25px;
	background: url(../images/contentSep.gif) no-repeat center;
	padding: 10px 0;
}
#secondaryContainer h3, #contentWrap .content h3 {
	font-size: 1.5em;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #3a391e;
	margin: 0;
		
}
#contentWrap .content h3.bio {
	border-bottom:1px dotted #999999;
	color:#555555;
	font-family:"Times New Roman",Times,serif;
	font-size:1.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding-bottom:2px;
}
#contentWrap .content span.horRule + h3.bio {
	margin-top: 9px;
}
#contentWrap .content h2 + h3 {
	margin-top: 18px;
}
#contentWrap .content blockquote .quote {
	font-style: italic;
}
#contentWrap .content h4.bio {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1.333em;
	letter-spacing: .05em;
	color: #616F93;
	margin: .75em 0 .375em;
	text-transform: uppercase;
}
#contentWrap .content ul.bio {
	margin-top: 0;
}
#contentWrap .content blockquote h4 {
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: .02em;
	text-align: center;
	color: #6AA5BD;
}
#contentWrap .content .pic {
	float: right;
	padding-left: 1em;
}
#contentWrap .content .cds {
	float: left;
	width: 200px;
	margin-left: 0;
}
#contentWrap .content p.contact {
	float: left;
	margin-left: 2em;
}
#contentWrap .content p.first {
	margin-left: 0;
}
#contentWrap .content p.first a {
	display:block;
	font-size:11px;
	position:relative;
	text-align:right;
	top:-1.5em;
}
#contentWrap .content #map {
	width: 425px;
	margin: 20px auto 0;
}
#contentWrap .content p.contact span {
	display: block;
	float: left;
	clear: left;
	width: 4.5em;
}
#contentWrap .content dl.contact {
	float: left;
	width: 180px;
	margin-top: 1.5em;
}
dl.contact + dl.contact { margin-left: 3em; }
#contentWrap .content dl.contact dt {
	font-family: "Times New Roman", Times, serif;
	color: #3A391E;
	font-size: 1.5em;
	line-height: 1;
	border-bottom: 1px dotted #753F0E;
}
#contentWrap .content dl.contact dd {
	margin-left: .5em;
}
#weather {
	float: right;
	width: 240px;
	margin: 1.5em 0 0;
	padding: 0;
}
#secondaryContainer {
	width: 230px;
	float: right;
	padding-top: 1.5em;
}

/* Image Replacement */
div.imgreplace {
	width: 450px;
	margin: 0 auto;
	text-align: center;
}
#secondaryContainer h3 { font-size: 2em; padding-bottom: 3px; border-bottom: 1px dotted #753F0E; }
#contentWrap .content h3.imgreplace { margin-top: 1em; }
#contentWrap .content h3.imgreplace em {
	font-style: normal;
	color: #753F0E;
}
ul.thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.thumbs li a {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #F7EFC6;
	text-decoration: none;
	line-height: 35px;
	margin-bottom: .25em;
	background: url(../images/btn_side-column2.gif) no-repeat;
	display: block;
	font-family: "Times New Roman", Times, serif;
	width: 215px;
	font-size: 1.75em;
}
#secondaryContainer img {
	border: none;
}

/* Artwork Page Styles */
.artwork {
	padding-left: 30px;
}
.artwork dl {
	width: 120px;
	float: left;
	margin: 0 1.5em 0 0;
	min-height: 130px;
}
.artwork dt, .artwork dd {
	margin: 0;
	display: block;
}
.artwork dd {
	margin-bottom: 1.5em;
}


/* Side Box Styles */
	#testimonial {
		width: 450px;
		margin-left: 2em;
	}
	
	/* Testimonials Top Margin */
		#sidebox.testimonials {
			/*margin-top: 15px;*/
		}
		
	#sidebox legend {
		display: none;
	}
	#sidebox .head {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	/* Box Heading Titles */
		#sidebox.testimonials .head {
			height: 21px; /* Heading Height */
			width: 213px;
			background: url(../images/sideBox_test.jpg) no-repeat; /* Testimonials Heading */
		}
		
	#sidebox .content {
		
		background: #F1F9FE; /* Side Box Background Color */
		
		border-left: #C3DFE9 solid 1px; /* Side Box Border Left */
		
		border-right: #C3DFE9 solid 1px; /* Side Box Border Right */
		
		padding: 14px;
	}

	#sidebox .foot {
		display: block;
		height: 12px;
		margin: 0;
		padding: 0;
		background: url(../images/sideBox_foot.jpg) no-repeat;
	}
	#sidebox p {
		margin-top: 0;
	}
	#testimonial p.quote {
		text-indent: 30px;
		background: url(../images/quote.gif) no-repeat top left;
		line-height: 14pt;
		margin-bottom: 0;
	}
	#testimonial p.quote span {
		display: none;
	}
	#testimonial p.smallRight {
		font-size: 11px;
		text-align: right;
		margin-top: 0;
		padding-top: 0;
	}

#contentWrap .services li {
	padding-bottom: 10px;
}

/* Index Service Listing */
dl.services {
	margin-top: 32px;
}
dl.services dt {	
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: 1.667em;
	color: #777;
	padding-bottom: .125em;
}
dl.services dd {
	margin-left: 0;
	border-top: 1px dotted #999;
	margin-bottom: 2em;
}
dl.services dd p img {
	float: left;
	margin: 0 1em 1em 0;
}
dl.services dd p a {
	float: right;
	display: block;
	text-decoration: none;
	font-size: .916em;
}
dl.services dd ul {
	padding-left: 20px;
	margin-left: 0;
}
dl.services dd li {
	margin: .56em 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.33em;
	line-height: 1.125em;
	color: #616F93;
}
dl.services dd li a {
	color: #44537A;
}
dl.services dd p span {
	width: 100px;
	margin-right: 1em;
	display: block;
	float: left
}
dl.property dd p a { float: left; }
dl.property dd p a img { border: none; padding-bottom: 25px; }

/* Attorney Bios, Practice Areas & FAQ DL elements */
#practiceareas dt, #bios dt, #faq dt{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: 1.5em;
	color: #555;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999;
}
#practiceareas dd, #bios dd, #faq dd {
	margin-left: 0;
	margin-bottom: 1.5em;
}
#bios dd img {
	float: left;
	padding: 0 15px 10px 0;
}

* html #bios dd img {
	padding: 1em 15px 0 0;
}
#contentWrap .content img.bio {
	float: left;
	padding: 9px 15px 10px 0;
}
#faq dd a.top {
	float: right;
	position: relative;
	margin-top: -9px;
	margin-right: 18px;
}

/* --( Footer Styles )-- */
#footer {
	padding: 26px 0;
	font-size: 11px;
	color: #697146;
	line-height: normal;
}

#footer a {
	color: #697146;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer address {
	font-style: normal;
	float: left;
	
}
#footer p{
	float: right;
	line-height: 18px;
	margin: 0;
	text-align: right;
}

/** New styles for website - 06.10.2011 - KS **/

#contentWrap .content {width:100%;}
#contentWrap .small {width:452px;}
.floatLeft {float:left;margin:8px 10px 8px 0;}
.floatRight {float:right;margin:8px 0 8px 10px;}

#imageContainer, .imageContainer {
	clear:both;
	width:100%;
}
#imageContainer ul, .imageContainer ul {
	list-style-type:none;
	padding-left:0;
}
#imageContainer ul li, .imageContainer ul li {
	float:left;
	margin:0 8px 5px 0;
	text-align:center;
	width:100px;
}
#imageContainer img, .imageContainer img {border:0 none;height:75px;width:100px;}
.horRule {clear:both;}
#contentWrap .content h3 {margin-bottom:10px;}