/*====================================================================
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: Arial, Helvetica, sans-serif;}
body {background: #fff url(../images/body_bg.gif) repeat 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/h1logo.gif) 0 10px no-repeat; line-height: 110px;}
h2, h3, h4 {font-weight: normal;}
h2 {font-size: 2.4em; line-height: 30px; padding: 15px 20px; letter-spacing: -.05em; color: #333;}
h3 {font-size: 1.8em; line-height: 1.6em; padding: 4px 20px 5px 20px; letter-spacing: -.05em; color: #333;}
h4 {font-size: 1.6em; line-height: 1.6em; padding: 4px 20px 5px 20px; letter-spacing: -.05em; color: #e9872d;}
h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; letter-spacing: -.05em; color: #333; border-bottom: 1px dotted #ccc;}

/* Default / Alternative P Styles */
p {padding: 0 40px 16px 20px; color: #444; font-size: 1.2em; line-height: 1.4em;}
p.intro {font-size: 1.4em; line-height: 1.4em; color: #333;}
p.telno {color: #e9872d;}
p.telno strong {font-size: 1.4em; margin-right: 15px; color: #333;}

/* Alternative Header Styles */
h3.alt {font-size: 1.4em; margin-bottom: 8px;}

.corp {color: #e9872d;}
.feint {color: #666;}
.discreet {font-size: 9px; color: #666; line-height: 15px;}

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

p a {text-decoration: none; border-bottom: 1px dotted #ccc;}
p a:hover {border-bottom: 1px solid #e9872d;}

/* List Styles */
ul li {font-size: 1.2em;}


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

#inner {width: 740px; margin: 0 auto; background: #fff url(../images/titleinfo.gif) no-repeat top; padding: 30px 15px 20px 15px;}
#header {height: 110px; background: url(../images/head_strapline.gif) no-repeat right center;}
#sideCol {width: 220px; float: left; display: inline; margin-bottom: 50px; text-align: center;}
#mainCol {width: 510px; float: left; margin-left: 10px; display: inline; margin-bottom: 50px;}
#footer {clear: left; border-top: 1px solid #ccc; background: url(../images/footer_logo.gif) no-repeat right 25px;}

/*Index Banner */
#indBanner {height: 150px; background: url(../images/indbanner_bg.jpg) no-repeat; margin-bottom: 10px;}
#indBanner h2, #indBanner p {color: #fff; width: 280px;}
#indBanner h2 {padding: 25px 0 10px 20px; letter-spacing: normal;}
#indBanner p {padding-bottom: 10px;}


/*====================================================================
MAIN COL BASIC ELEMENTS
======================================================================*/

.imglinks {margin-bottom: 10px;}
.infoPanel {background: #fafafa; border-bottom: 5px solid #ccc; margin-bottom: 10px;}
.infoPanelsm {width: 250px; background: #fafafa; border-bottom: 5px solid #ccc; margin-bottom: 10px; margin-right: 10px; display: inline; float: left;}

#map {width: 500px; height: 400px; background-color: #fff; border: 5px solid #fff; font-size: 12px; margin-bottom: 15px;}


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

ul#mainNav	{height: 35px; margin: 0; border-top: 1px solid #e9872d; border-bottom: 1px solid #d3d3d3; margin-bottom: 10px; text-align: center;}
ul#mainNav li {margin: 0;  padding: 0 7px;	list-style: none; font-size: 1.2em; color: #666; line-height: 35px; text-transform: uppercase;}
ul#mainNav li, ul#mainNav a	{height: 35px; display: inline; margin: 0;}
ul#mainNav li a	{text-decoration: none; color: #666; font-weight: normal; border: none;}
ul#mainNav li a:hover {color: #e9872d; border: none;}
ul#mainNav li a.current {color: #e9872d; font-weight: bold;}

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

form {padding: 0; border: 0; font-size: 1.2em; padding: 0 20px 10px 20px; margin-bottom: 15px; }
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;}


/*====================================================================
FOOTER STYLES
======================================================================*/

#footer p {padding: 14px 0 0 0; color: #999;}
#footer a {font-weight: normal;}