/* ---------------------------------------------------------------------------------
   
   Johnsons Solictors - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */

body {	
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
}
a img { border: none; }
a {color: #505050; text-decoration: none; }
a:hover { color: #ab0101; }
p { font-size: 0.80em; line-height: 1.6em; color: #505050; margin: 0 0 1.0em 0;}
p a { border-bottom: solid 1px #ccc; }
h1, h2, h3, h4, h5, h6 { 
	font-family: Times New Roman, Times, serif; 
	font-weight: normal;
	margin: 0 0 0.6em 0;
	color: #ab0101; 
}

h1 { font-size: 1.7em; }
h1 span { color: #535351; }
h2 { font-size: 1.2em; color: #535351; margin: 0 0 0.6em 0; } 
h3 { font-size: 1.2em; }


#headerBG {
	width: 100%;
	height: 185px; 
	position: absolute;
	background: url(../images/bg-texture.jpg) repeat-x 0 0 #f1f0eb;
	top: 0px; 
	left: 0px;
	z-index: 10;
	border-bottom: solid 5px #ab0303; 
}

#greyBar {
	background: url(../images/bg-greyBar.gif) repeat-x 0 0 #595959;
	width: 50%;
	height: 25px;
	position: absolute;
	z-index: 11;
	top: 159px; 
	left: 0px;
}

#wrapper {
	width: 100%;
	background: url(../images/bg-shadow.gif) no-repeat center 159px;
	z-index: 20;
	position: absolute; 
}

#wrapperInner {
	width: 859px;
	margin: 0 auto;
}

#header { width: 100%; float: left; height: 185px; display: inline; }


/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */ 

#header #logo { float: left; margin: 50px 0 0 0; width: 208px; height: 71px; }
#header #slogan { 
	float: right;
	display: block;
	width: 267px;
	height: 55px;
	background: url(../images/bg-slogan.gif) no-repeat 0 0;
	text-indent: -5000px;
	margin: 48px 0 0 0;
}
#navigation {
	/* background: url(../images/bg-nav.gif) no-repeat 0 0 #595959; */
	width: 642px;
	height: 38px;
	float: left;
	clear: both;
	margin: 26px 0 0 0;
	padding: 0;
}
#navigation li {
	padding: 0;
	list-style: none;
	float: left;
}

#navigation li:hover { background: #595959; }

#navigation li a {
	height: 25px;
	padding: 12px 0 0 0;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	text-align: center;
	background-color: #595959;
}

#navigation li a:hover {  }

#navigation .divider {
        background: url(../images/nav-divider.gif) no-repeat 0 12px #595959; 
	padding-left: 1px;
}

#n01 { width: 122px; background: url(../images/bg-nav.gif) no-repeat 0 0; }
#n02 { width: 177px; background: url(../images/bg-nav.gif) no-repeat -101px 0; }
#n03 { width: 170px; background: url(../images/bg-nav.gif) no-repeat -255px 0; }
#n04 { width: 141px; background: url(../images/bg-nav.gif) no-repeat -381px 0; }
#n05 { width: 170px; background: url(../images/bg-nav.gif) no-repeat -472px 0; }

#n01:hover { background-position: 0 -37px; }
#n02:hover { background-position: -101px -37px; }
#n03:hover { background-position: -255px -37px; }
#n04:hover { background-position: -381px -37px; }
#n05:hover { background-position: -472px -37px; }


/* ---------------------------------------------------------------------------------
   LEFT
--------------------------------------------------------------------------------- */

#left { width: 642px; float: left;}
#content { width: 576px; float: left; padding: 34px 0px 22px 34px; }

#left #content ul { margin: 0 0 1.0em 0; padding: 0; }
#left #content ul li { font-weight: bold; padding: 3px 0 3px 20px; list-style-type: none; font-size: 0.8em; color: #505050; background: url(../images/tick.gif) no-repeat 0 6px; line-height: 1.3em; }
#left #content ul li span { color: #666; font-size: 0.85em; font-weight: normal; }

#homeBox { width: 385px; height: 141px; background: url(../images/homeBox.jpg) no-repeat 0 0 #f0f0e5; font-size: 0.7em; padding: 17px 166px 0 25px; margin: 25px 0 0 0; }
#homeBox span { width: 339px; display: block; }

.subHead { border-bottom: solid 1px #ccc; padding-bottom: 12px; }
.imgRight { margin-left: 20px; }
#ray, #signage { 
	float: right; 
	display: inline;
	margin-top: -10px; 
	padding: 0 0 5px 25px; 
	background: #fff;  
}
#ray { margin-top: -4px; padding-left: 30px; }

.ulLeft { width: 280px; float: left; }
.ulRight { float: right; width: 280px; }
.serviceBox { float: left; width: 100%; border-top: solid 1px #ccc; padding: 15px 0px 5px 0px; }

#h1-index,
#h1-services,
#h1-partners,
#h1-pricing,
#h1-contact
{ text-indent: -5000px; height: 32px; }

#h1-index { background: url(../images/h1-index.gif) no-repeat 0 5px; }
#h1-services { background: url(../images/h1-services.gif) no-repeat 0 5px; }
#h1-partners { background: url(../images/h1-partners.gif) no-repeat 0 5px; }
#h1-pricing { background: url(../images/h1-pricing.gif) no-repeat 0 5px; }
#h1-contact { background: url(../images/h1-contact.gif) no-repeat 0 5px; }


/* ---------------------------------------------------------------------------------
   RIGHT
--------------------------------------------------------------------------------- */

#right {
	margin-top: 76px; 
	width: 217px;
	height: 398px; 
	float: right; 
	background: url(../images/bg-right.jpg) no-repeat 0 0 ;
}

#right p { font-size: 0.7em; }
#right p a { border: none; }
#right p a:hover { text-decoration: underline; }

#address { margin: 182px 0 0 0; padding-left: 34px; }

#right h3 { background: url(../images/h3-address.gif) no-repeat 0 0; text-indent: -5000px; display: block; height: 18px; }


/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer { 
	width: 576px;
	height: 55px; 
	float: left;
	display: inline; 
	margin: 0 34px 0 34px;
	padding-top:  10px;
	border-top: solid 3px #ccc;  
}

#footer .left { float: left; }
#footer .right { float: right; }

#footer p { font-size: 0.7em; }