/*  By Studio Wonders Limited. All rights reserved. © Copyright 2008 - http://www.StudioWonders.com */
/*  IT IS ILLEGAL to remove this copyright statement unless you get permission from Studio Wonders Limited */
/*****************************************************************************
********************************* Generic ************************************
/*****************************************************************************/

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;  /* ver stretch */
}

body {
font: 12px/16px Arial, Helvetica, sans-serif;
background: url(../images/body.jpg);
color: #888;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
line-height: normal;
color:#444;
}
 
h1 {
padding: 0 0 10px 0;
letter-spacing:-1px;
font-size:2.5em;
}
 
h2 {
padding: 0 0 10px 0;
letter-spacing:-1px;
font-size:2em;
font-weight:bold;
}
 
h3 {
padding: 0 0 8px 0;
font-size:1.3em;
font-weight:bold;
color: #555;
}

h4 {
padding: 0 0 5px 0;
font-size:1em;
color: #666;
}
 
/***** Common Formatting *****/
 
div, p, ul, ol {
margin:0;
padding:0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
padding: 0;
margin: 5px 0;
display:block !important;
text-align:justify;
}

blockquote p {
color:#827a58;
display:inline;
}

blockquote p:before,
blockquote p:after {
color:#eaead0;
line-height:0;
font-size:4em;
}

blockquote p:before {
content: open-quote;
padding-right:10px;
vertical-align:-22px;
}

blockquote p:after {
content: close-quote;
font-size:5em;
line-height:.3;
vertical-align:-37px;
}

blockquote .quotee {
text-align: right;
display: block;
}
 
small {
font-size:0.85em;
}
 
img, a img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
color: #971200;
text-decoration:underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Default Classes *****/

.clear {
clear: both; 
width: 0;
height: 0;
font-size: 0;
overflow: hidden;
}
.float-left {
float:left;
}
.float-right {
float:right;
}

.hide, .print-logo, .close-button {
display:none;
}
 
.text-left {
text-align:left;
}
.text-right {
text-align:right;
}
.text-center {
text-align:center;
}
.text-justify {
text-align:justify;
}
 
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
border-bottom:1px solid;
}
.highlight {
background:#ffc;
}
 
.img-left {
float:left;margin:4px 4px 0 0;
}
.img-right {
float:right;margin:4px 0 0 4px;
}
 
.nopadding {
padding:0;
}
.noindent {
margin-left:0;padding-left:0;
}
.nobullet {
list-style:none;list-style-image:none;
}



/*****************************************************************************
******************************** Layout **************************************
/*****************************************************************************/

/***** Wrappers *****/

.container {
width:100%;
margin:0 auto;
}

#body-bottom {
background: url() bottom left repeat-x;
min-height: 100%; /* ver stretch For Mozilla/Opera/Safari */
}
#body-top {
background: url() top left repeat-x;
padding-top: 10px;
padding-bottom: 25px;
}
 
#wrap {
background: url(../images/wrap.gif) top center repeat-y;
}
#wrap-bottom {
background: url(../images/wrap-bottom.gif) bottom center no-repeat;
padding-bottom: 10px;
}
#wrap-top {
background: url(../images/wrap-top.gif) top center no-repeat;
padding-top: 14px;
}

/***** Page *****/

.page {
width:960px;
margin:0 auto;
padding: 0;
background: #fff url(../images/page.png) top center no-repeat;
position: relative;
} 

/***** Header *****/

#header {
height: 250px;
margin:0;
padding:0;
position: relative;
}

.home #header {
background: url(../images/header-home.jpg) top right no-repeat;
}

.about-us #header {
background: url(../images/header-about-us.jpg) top right no-repeat;
}

.team-members #header {
background: url(../images/header-about-us.jpg) top right no-repeat;
}

.areas-of-law #header {
background: url(../images/header-areas-of-law.jpg) top right no-repeat;
}

.contact-us #header {
background: url(../images/header-contact-us.jpg) top right no-repeat;
}

.testimonials #header {
background: url(../images/header-testimonials.jpg) top right no-repeat;
}
		
/***** Content *****/

#content {
width: 930px;
margin: 30px 15px 0 15px; 
background: #fff url(../images/ver-dash.gif) 300px 0 repeat-y;
}

/***** Cols *****/

.cols {
margin: 0;
padding: 0 10px;
float: left;
background: #fff url(../images/ver-dash.gif) top right repeat-y;
}
.two_cols {
width: 290px;
}
.first-col {
clear: left;
padding-left: 0;
}
.last-col {
clear: right;
padding-right: 0;
background-image: none;
}


/***** Rows *****/

.rows {
margin: 0 0 12px 0; 
background: #fff url(../images/hor-dash.gif) bottom left repeat-x;
}
.first-row {
}
.last-row {
background-image: none;
}

/***** Footer *****/

#footer {
clear:both;
color:#777;
margin:25px 0 0 0;
padding: 20px 0;
text-align: center;
background: url(../images/hor-dash-gif) 0 0 repeat-x;
}

/*****************************************************************************
******************************** Contents ************************************
/*****************************************************************************/

/***** Header *****/

/***** Tel *****/
#header #tel-fax {
	width: 215px;
	height: 50px;
	line-height: 25px;
	font-weight: bold;
	position: absolute;
	font-size: 18px;
	color: #ddd;
	left: 10px; 
	top: 20px;
	z-index: 100;
	text-align: right;
	font-weight: lighter;
}

/***** Guy *****/
#header #guy {
	width: 264px;
	height: 220px;
	position: absolute;
	left: 420px; 
	top: -20px;
	background: url(../images/guy.png) 0 0 no-repeat;
	z-index: 100;
}

/***** Flash *****/
#header #flash {
	width: 400px;
	height: 55px;
	position: absolute;
	left: 5px; 
	top: 145px;
	z-index: 10;
}

/***** Logo *****/
#header h1 {
padding: 0;
height: 200px;
text-indent:-2000px;
background: url(../images/h1.png) 0 0 no-repeat;
}
	#header h1 a#logo {
	width:440px;
	height:56px;
	display:block;
	background: url(../images/logo.png) 0 0 no-repeat;
	position: absolute;
	left: 0px; 
	top: 91px;
	}
/***** Hor-nav1 *****/
#header ol.hor-nav1 {
margin:0 65px;;
padding:0;
height:50px;
list-style:none;
}
	#header ol.hor-nav1 li {
	background: url(../images/hor-nav1-mid.gif) center center no-repeat;
	display:inline;
	float: left;
	width: 160px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	}
	#header ol.hor-nav1 li.first-item {
	}
		#header ol.hor-nav1 li a, #header ol.hor-nav1 li a span {
		font-size: 12px;
		color: #FFFFFF;
		cursor: pointer;		
		width: 100%;
		display: block;
		height:50px;
		margin:0;
		padding:0;
		text-decoration:none;
		font-weight:bold;
		line-height: 50px;
		text-align: center;
		background: url(../images/hor-nav1-left.gif) top left no-repeat;
		}
		#header ol.hor-nav1 li a, #header ol.hor-nav1 li a span {
		background: url(../images/hor-nav1-left.gif) top left no-repeat;
		}
		#header ol.hor-nav1 li a:hover,
		#header ol.hor-nav1 li a.active {
		color:#000;
		}
		#header ol.hor-nav1 li a.active {
		}
		#header ol.hor-nav1 li a span {
		background: url(../images/hor-nav1-right.gif) top right no-repeat;		
		}
		
/***** Content *****/

/***** Left-bar *****/
#left-bar {
float:left;
clear:left;
margin:0;
padding:0;
width:300px;
background: #fff;
}
	#left-bar h2 {
	font-size:1.5em;
	color: #BF2E1A;
	letter-spacing:normal;
	}
	#left-bar ul.ver-nav1,
	#left-bar ol.ver-nav2 {
	padding:0 0 1em 0;
	list-style:none;
	}
	#left-bar .rows {
	padding: 0 0 10px 0;
	width: 275px;
	}
	#left-bar .rows p {
	margin-bottom: 5px;
	}
	#left-bar .rows strong {
	}
	#left-bar .rows a.more {
	display: block;
	text-align: right;
	font-size: 11px;
	text-decoration: none;
	}
	
#left-bar blockquote p:before, #left-bar blockquote p:after {
color: #BF2E1A;
}

#left-bar blockquote .quotee {
font-size: 90%;
}

#left-bar .contact p {
margin-bottom: 15px;
}

/***** Main *****/
#main {
float:right;
clear: right;
width:605px;
margin:0;
padding:0;
background: #fff;
}
	#main p.first-para {
	margin: 5px 0 10px 0;
	}
	#main .rows {
	padding: 0 0 5px 0;
	}
	#main .rows p {
	margin-bottom: 10px;
	}
	.pngs {
	border: 1px dashed #ccc; 
	width: 120px; 
	height: 120px; 
	margin-right: 15px;
	float: left;
	}
	#inline-img {
	background: none;
	}
	#bg-no-repeat {
	background: url(../images/flower.png) center center no-repeat;
	}
	#bg-repeat {
	width: 200px;
	background: url(../images/flower.png);
	}
	#main ul.nobullet {
	padding: 0;
	margin: 10px 0;
	}
	#main ul.nobullet li {
	line-height: 20px;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	background: url(../images/red_bullet.gif) 0 7px no-repeat;
	}
	#main .rows a.more {
	font-size: 11px;
	text-decoration: none;
	}

.team-members h3 span {
font-weight: normal;
font-size: 80%;
}		

.contact-us .rows {
margin-bottom: 25px; 
}		


/***** Footer *****/

/***** hor-nav2 *****/
#footer ol.hor-nav2 {
width: 650px;
height:15px;
margin:0 auto;
padding:0;
list-style:none;
font-size:0.9em;
}
	#footer ol.hor-nav2 li {
	display:inline;
	float: left;
	border-left: 1px solid #ccc;
	}
	#footer ol.hor-nav2 li.first-item {
	border-left: none;
	}
		#footer ol.hor-nav2 li a {
		float:left;
		color:#555;
		height:15px;
		line-height: 15px;
		margin:0;
		padding:0 15px;
		text-decoration: none;
		}
		#footer ol.hor-nav2 li a:hover,
		#footer ol.hor-nav2 li a.active {
		color:#000;
		}
		#footer ol.hor-nav2 li a.active {
		text-decoration: underline;
		}

/***** Branding *****/
#branding {
height: 80px;
overflow: hidden;
clear:both;
text-align: center;
overflow: hidden;
}
#branding p {
color: #ccc;
padding: 0;
margin: 0;
font: 9px/20px Arial, Helvetica, sans-serif;
}
#branding p#copyright {
margin-top: 10px;
}
#branding p#studiowonders{
color: #555;
}
#branding p a {

}

/***** Forms *****/	
fieldset.fieldsets {
border: none;
margin: 0;	
padding: 0;
display: block;
clear: both;
}
fieldset.fieldsets legend {
color: #B52822;
font-style: italic;
font-weight: bold;
font-size: 16px;
}
fieldset.fieldsets p {
}
fieldset.fieldsets table, fieldset.fieldsets td {
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#2F2C1F;
}
.fieldsets input {
}
.fieldsets label {
float:left;
width:100px;
display: block;
}
.fieldsets input.text {
width: 300px;
font-size: 12px;
padding: 4px;
}
.fieldsets input.radio {
width: 30px;
font-size: 12px;
padding: 4px;
}
.fieldsets input.checkbox {
width: 30px;
font-size: 12px;
padding: 4px;
}
.fieldsets input:focus {
background: #ddd;
}
.fieldsets select {
}
.fieldsets select:focus {
background: #ddd;
}
.fieldsets select option {
font-size: 12px;
padding: 3px;
}
.fieldsets input.buttons {
width: 100px;
}
.fieldsets textarea {
width: 600px;
height: 150px;
margin: 0;
}
.fieldsets textarea:focus {
background: #ddd;
}
.fieldsets .inputText {
font-size: 11px;
color:#999999;
padding-left: 100px;
}
.fieldsets .required {
font-weight: bold;
}
.fieldsets span.required {
color: #CC0000;
font-size: 125%;
}
.fieldsets .infieldsets {
clear: both;
}
.fieldsets .infieldsets strong {
display: block;
clear: both;
margin-bottom: 10px;
}
.nostyle {
float: none;
background: none;
border: none;
margin: 0;
padding: 0;
text-indent: 0;
}