/*====================================================================
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: #dfebf1 url(../images/base/body_bg.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/headlogo.gif) 31px 18px no-repeat; line-height: 115px; }
h2 {font-size: 2.4em; line-height: 1.2em; padding: 15px 0 15px 35px; color: #214891;}
h3 {font-size: 1.8em; line-height: 1.8em; padding: 8px 0 10px 35px; color: #214891;}
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;}

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

.note {color: #990000;}

/* Link Styles */
a {color: #ff9900; font-weight: bold; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: underline; }

/* List Styles */
ul {margin: 0 0 16px 60px;}
ul li {font-size: 1.4em; line-height: 1.6em; color: #444; margin-bottom: 7px;}

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

/* Header Line */
#headerLine {height: 21px; width: 900px; margin: 0 auto; text-align: center;}
#headerLine p {font-size: 1.1em; color: #fff; padding: 0; line-height: 21px;}
#headerLine p a {color: #fff; margin-right: 45px;}
#headerLine p span.tel {margin: 0 15px;}

/* Wrappers */
#wrapper {background: url(../images/base/wrapper_bg.gif) repeat-x top; width: 930px; margin: 0 auto;}
#inner {background: #fff; width: 900px; border: 1px solid #a1a8ab; border-top: none; margin: 0 auto; padding-bottom: 4px;}

/* Header */
#header {
	height: 115px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/* Content Containers */
#content {margin: 20px 20px 40px 0;}
img.home {float: right; margin: 4px 0 0 20px;}

/* Gallery */
.gallery {margin: 8px 0 16px 35px;}
.gallery div.gal {width: 152px; height: 190px; float: left; display: inline; margin: 0 15px 15px 0; clear: none; text-align: center; }
.gallery div.gal img {border: 2px solid #214891;}
.gallery div.gal img:hover {border: 2px solid #ff9900;}
.gallery div.gal p {padding: 5px 0; font-size: 1.1em; line-height: 1.1em;}

/* Foot Features */

#footFeat {padding: 0 0 0 4px; clear: both;}
#footFeat img {margin: 0 1px 1px 0;}

#footFeat div {width: 295px; height: 265px; margin: 0 1px 1px 0; float: left; display: line; background: #f5f5f5;}
#footFeat div h3 {padding: 15px 0 30px 31px;}
#footFeat div p {padding: 0 40px 18px 31px; font-size: 1.4em; line-height: 1.4em;}
#footFeat div.first {margin-left: 6px;}
#footFeat div.clear {width: 0; height: 0; clear: both; float: none;}

#footFeat div.clock {background: #f5f5f5 url(../images/feath3_clock.jpg) no-repeat top;}
#footFeat div.stop {background: #f5f5f5 url(../images/feath3_stop.jpg) no-repeat top;}
#footFeat div.fire {background: #f5f5f5 url(../images/feath3_fire.jpg) no-repeat top;}

/* Footer */
#footer {width: 860px; height: 100px; margin: 0 auto; text-align: center;}
#footer div {width: 860px; margin: 0 auto; padding: 0;}
#footer div p {padding: 0 0 20px 0; font-size: 1.1em; line-height: 1.2em;}

/* Footer Menu */
ul#footKeywords	{width: 800px; margin: 10px 30px; padding: 0; position: relative; text-align: center;}
ul#footKeywords li {margin: 0; font-size: 1.1em; line-height: 1.2em; display: inline; padding: 0 12px 0 4px; 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#topNav	{height: 26px; width: 310px; background: #000033 url(../images/topmenu_bg.gif) repeat-x top; text-align: center; margin: 0; position: absolute; padding: 0; top: 0; right: 12px;}
ul#topNav li {margin: 0;  padding: 0; font-size: 1.3em; color: #24478b; list-style: none; line-height: 26px; padding: 0; height: 26px; display: inline; text-transform: uppercase;}
ul#topNav li a	{text-decoration: none; color: #24478b; padding: 0 5px 0 3px; font-weight: bold; letter-spacing: -1px;}
ul#topNav li a:hover {color: #ff9900;}
ul#topNav li a.current {color: #ff9900;}

ul#mainNav	{height: 41px; width: 900px; background: #000033 url(../images/menu_bg.gif) repeat-x top; text-align: center; margin: 0; position: relative; padding: 0; border-bottom: 7px solid #eee;}
ul#mainNav li {margin: 0;  padding: 0;	font-size: 1.2em; list-style: none; line-height: 41px; padding: 0; height: 41px; display: inline;}
ul#mainNav li a	{text-decoration: none; color: #fff; padding: 0 8px; font-weight: normal;}
ul#mainNav li a:hover {color: #66ffcc;}
ul#mainNav li a.current {color: #ff9900;}

/*====================================================================
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;}