/*====================================================================
LAYZELL PROPERTY LETS - GLOBAL STYLE SHEET
Copyright 2008 Layzell Property Lets
Written by dentonscreative.com
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif; }
body {background: #fefefe url(../images/base/bodybg.gif) repeat-x top; text-align: left; font-size: 62.5%; }
.clear {clear: both;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Default Header Styles */
h1 {text-indent: -9999px; background: url(../images/base/header.gif) no-repeat left; line-height: 108px; }
h2 {font-size: 2.4em; line-height: 1.6em; padding: 0; text-indent: -9999px; margin-bottom: 20px;}
h3 {font-size: 1.8em; line-height: 1.4em; padding: 8px 0 6px 0; color: #27323d; font-weight: normal;}
h4 {font-size: 1.4em; line-height: 1.6em; padding: 0 0 0 35px; color: #214891;}
h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; color: #333; border-bottom: 1px dotted #ccc;}

/* Image Replacement H2's */
h2.hello {background: url(../images/h2/hello.gif) no-repeat left; line-height: 2em;}
h2.whoare {background: url(../images/h2/whoaremgwlaw.gif) no-repeat left;}
h2.doforyou {background: url(../images/h2/doforyou.gif) no-repeat left;}
h2.fixedfee {background: url(../images/h2/395fixed.gif) no-repeat left;}
h2.accident {background: url(../images/h2/accident.gif) no-repeat left;}
h2.children {background: url(../images/h2/children.gif) no-repeat left;}
h2.clinic {background: url(../images/h2/clinic.gif) no-repeat left;}
h2.nowinfunding {background: url(../images/h2/nowinnofee.gif) no-repeat left;}
h2.collaborativelaw {background: url(../images/h2/collaborativelaw.gif) no-repeat left;}
h2.contact {background: url(../images/h2/contact.gif) no-repeat left;}
h2.divorceseparation {background: url(../images/h2/divorceseparation.gif) no-repeat left;}
h2.generallegal {background: url(../images/h2/generallegal.gif) no-repeat left;}
h2.homebuying {background: url(../images/h2/homebuying.gif) no-repeat left;}
h2.matrimonial {background: url(../images/h2/matrimonial.gif) no-repeat left;}
h2.relationship {background: url(../images/h2/relationshipbreakdown.gif) no-repeat left;}
h2.legaldisputes {background: url(../images/h2/legaldisputes.gif) no-repeat left;}
h2.livingtogether {background: url(../images/h2/livingtogether.gif) no-repeat left;}
h2.mediation {background: url(../images/h2/mediation.gif) no-repeat left;}
h2.medical {background: url(../images/h2/medical.gif) no-repeat left;}
h2.meet {background: url(../images/h2/meet.gif) no-repeat left;}

h2.break {margin-top: 20px;}

/* Image Replacement H3's */
#sideBar .panel h3 {padding: 0 0 30px 0; margin-bottom: 6px; font-size: 1.2em; text-indent: -9999px; line-height: 1.8em;}
h3.otherservices  {background: url(../images/h3/ourproducts.gif) no-repeat left;}
h3.ourservices  {background: url(../images/h3/ourservices.gif) no-repeat left;}


/* Default / Alternative P Styles */
p {padding: 0 20px 16px 0; color: #444; font-size: 1.2em; line-height: 1.4em; color: #444;}
p strong {color: #27323d;}

.note {font-size: 1em; color: #666;}

/* Link Styles */
a {color: #990000; font-weight: bold; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline; }
a.inline {margin-left: 40px;}

/* List Styles */
ul, ol {margin: 0 0 16px 30px;}
ul li, ol li {font-size: 1.2em; line-height: 1.4em; color: #444; }

ul.2col {float: left;}

/* Main Banner */

#banner {margin: 6px 0;}
img.banner {margin: 6px 0; z-index: 0;}



/*====================================================================
BASIC PAGE LAYOUT
======================================================================*/

/* Wrappers */
#wrapper {background: url(../images/base/logo.gif) no-repeat top left; width: 800px; margin: 5px auto; padding: 0 20px 0 160px;}

/* Header */
#header {height: 115px; width: 100%; margin: 0 auto; background: url(../images/base/header_bg.gif) repeat-x top; position: relative;}

/* Layout */
#mainCol {width: 530px; border-top: 1px solid #ccc; float: left; padding: 40px 10px 20px 0;}
#sideBar {width: 260px; border-top: 1px solid #ccc; float: left; padding: 40px 0 20px 0;}

/* Staff Pics */
.staff {width: 231px; text-align: center; float: left; display: inline; margin: 0 25px 25px 0;}
.staff img {border: 3px solid #ebebe4;}
.staff h3 {font-size: 1.4em; padding-bottom: 0; font-weight: bold;}
.staff p {padding: 0; color: #999;}

/* Sidebar Elements */
#sideBar .panel {width: 228px; background: #ebebe4; border: 1px solid #ccc; padding: 5px 15px 15px 15px; margin-bottom: 15px;}
#sideBar .panel ul {list-style: none; margin: 0 0 16px 0;}

#mapCont {width: 500px; border: 1px solid #ccc; background: #fff; padding: 5px; margin-bottom: 15px;}
#map {width: 500px; height: 360px; background-color: #fff; font-size: 1em; margin: 0;}

/* Footer */
#footer {
	height: 170px;
	background: #27323d url(../images/base/footer.gif) repeat-x top;
	text-align: left;
	padding-top:15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer div {width: 800px; margin: 0 auto; padding: 0 20px 0 160px;}
#footer div p {padding: 8px 0 20px 0; font-size: 1.1em; line-height: 1.2em; color: #ccc; clear: left;}
#footer div p strong {color: #fff;}
#footer div p a, #footer div p a:hover {color: #69c9ca;}

/* Footer Menu */
ul#footNav {padding: 0; margin: 8px 0 8px 0;}
ul#footNav li {color: #ccc; margin: 0; list-style-type: none; font-size: 1.1em; height: 14px; display: block; float: left; border-right: 1px solid #ccc;}
ul#footNav li a {line-height: 14px; padding: 0 5px; font-weight: normal; color: #69c9ca;}
ul#footNav li a.first {padding: 0 5px 0 0;}
ul#footNav li.last {border-right: none;}

/* Keywords */
ul#footKeywords	{width: 800px; margin: 10px 0 0 0; padding: 10px 0; position: relative; text-align: left; border-top: 1px solid #e0e0e0;}
ul#footKeywords li {margin: 0; font-size: 1.1em; line-height: 1.2em; display: inline; padding: 0 12px 0 0; background: url(../images/buttons/keyword_linkbullet.gif) no-repeat right;}
ul#footKeywords li a {line-height: 1.2em; font-weight: normal; color: #999; }
ul#footKeywords li.last {background: none;}

/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

ul#mainNav	{height: 36px; width: 800px; bottom: 0; background: url(../images/menu.gif) no-repeat top left; position: relative; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
ul#mainNav li {margin: 0;  padding: 0;	list-style: none; position: absolute; top: 0;}
ul#mainNav li, ul#mainNav a	{height: 36px; display: block;}
ul#mainNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 0; width: 52px;}
#opt2 {left: 52px; width: 150px;}
#opt3 {left: 202px; width: 105px;}
#opt4 {left: 307px; width: 93px;}
#opt5 {left: 400px; width: 144px;}
#opt6 {left: 544px; width: 110px;}
#opt7 {left: 654px; width: 67px;}
#opt8 {left: 721px; width: 79px;}

#opt1 a:hover {background: transparent url(../images/menu.gif) 0 -36px no-repeat;}
#opt2 a:hover {background: transparent url(../images/menu.gif) -52px -36px no-repeat;}
#opt3 a:hover {background: transparent url(../images/menu.gif) -202px -36px no-repeat;}
#opt4 a:hover {background: transparent url(../images/menu.gif) -307px -36px no-repeat;}
#opt5 a:hover {background: transparent url(../images/menu.gif) -400px -36px no-repeat;}
#opt6 a:hover {background: transparent url(../images/menu.gif) -544px -36px no-repeat;}
#opt7 a:hover {background: transparent url(../images/menu.gif) -654px -36px no-repeat;}
#opt8 a:hover {background: transparent url(../images/menu.gif) -721px -36px no-repeat;}

#opt1 a.current {background: transparent url(../images/menu.gif) 0 -72px no-repeat;}
#opt2 a.current {background: transparent url(../images/menu.gif) -52px -72px no-repeat;}
#opt3 a.current {background: transparent url(../images/menu.gif) -202px -72px no-repeat;}
#opt4 a.current {background: transparent url(../images/menu.gif) -307px -72px no-repeat;}
#opt5 a.current {background: transparent url(../images/menu.gif) -400px -72px no-repeat;}
#opt6 a.current {background: transparent url(../images/menu.gif) -544px -72px no-repeat;}
#opt7 a.current {background: transparent url(../images/menu.gif) -654px -72px no-repeat;}
#opt8 a.current {background: transparent url(../images/menu.gif) -721px -72px no-repeat;}

/* Pop Up Nav */
#mainNav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Style the list OR link hover. Depends on which browser is used */

#mainNav a:hover {visibility:visible; position:relative; z-index:200;}
#mainNav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, #mainNav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:300;}

#mainNav ul.sub1 {width:160px; z-index: 300;}

#mainNav :hover iframe.one {left: 0; top: 36px; width:160px; height:100px;}

#mainNav :hover ul {left: 0; top:36px; background: #28323e; padding:3px; border: 2px solid #69c9ca; border-width:0 2px 2px; white-space:nowrap; height:auto; z-index:300;}
#mainNav :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; text-align: left;}
#mainNav :hover ul li a {display:block; font-size:11px; height: 24px; line-height: 24px; width:auto; padding:0 10px; color:#fff; text-decoration:none; text-indent: 0;}
#mainNav :hover ul li a:hover {background: #426e76; color:#fff;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0; border: 0; font-size: 1.2em; padding: 0 20px 10px 20px; margin-bottom: 15px; border-bottom: 5px solid #ccc; }
form fieldset {padding: 12px 0; border: 0;}

form label, textarea, select {display: block; float: left; padding-top: 3px; color: #666;}
form label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;}
form input {display: block; float: left; height: 20px; width: 200px; border: 1px solid #ccc; font-size: 1.2em; padding: 3px; margin-bottom: 5px;}
form select {display: block; float: left; height: 20px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form textarea {width: 270px; height: 200px; border: 1px solid #ccc; padding: 4px; font-size: 1.2em; margin-bottom: 7px;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form input:focus, form textarea:focus {border: 1px solid #e9872d;}

form p.disclaimer {font-size: .9em; color: #666; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; }

form .submit {float: none; height: 26px; width: 147px; padding: 0; color: #fff; font-size: 1.2em; line-height: 26px; margin: 6px 0 10px 0; border: 1px solid #fff; background: url(../images/buttons/submitenquiry.gif) no-repeat; border: none;}
form .submit:hover {border: 0; cursor: pointer;}
form br {clear: left;}

.dentonslogo {text-align:right;}