/********************************************************************************
*                                                                               *
*  Author    :  Chris Czaikowxki                                                *
*  Web       :  http://www.phase8.com                                           *
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )                            *
*  Modified  :  24-April-2009                                                     *
*                                                                               *
*  Copyright (c) 2009 Chris Czaikowsi. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

*/ 

/* Structure 
------------------------------------------
html -> body -> wrapper -> main -> main-left/main-right
html -> body -> footer

main-left -> stripe1/stripe2
main-right -> logo/menu/content
*/

html {background: #005121; height: 100%;line-height: 18px;}
#wrapper {min-width: 950px;height: 100%;background: transparent url(../images/bg-slice3.gif) repeat-y;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 40px;width: 100%;position: relative;}
#main-left {position: relative;float: left;width: 278px;}
#main-right {float: left;width: 665px;height: 100%;}

/* Dark green vertical stripe
------------------------------------------ */
#stripe1 {float: left;}
#vertical-banner {width: 70px;height: 550px;margin: 100px 0 0 40px;background: url(../images/vertical-tag.gif) no-repeat;}

/* Light green vertical stripe
------------------------------------------ */
#stripe2 {float: right;}
#sale-button {width: 115px;height: 92px;margin-top: 165px;}
#let-button {;width: 115px;height: 92px;}
#advice-button {width: 115px;height: 92px;}
.left-button1 {width: 115px;height: 92px;display: block;background: url(../images/button-salesearch2.gif) no-repeat;}
.left-button2 {width: 115px;height: 92px;display: block;background: url(../images/button-letsearch2.gif) no-repeat;}
.left-button3 {width: 115px;height: 92px;display: block;background: url(../images/button-mortadvice2.gif) no-repeat;}
.main-button {margin: 8px 16px 5px 0;}

/* Header and Nav styles
------------------------------------------ */
#main-logo {width: 100%;height: 160px;margin: 0px;padding: 0px;display: block;background: #005121 url(../images/logo2.gif) 20px 20px no-repeat;}
#menu {position: relative;left: 5px;width: 670px;height: 33px;margin: -13px 0 0 0;padding: 0px;background: #005121;}
#menu ul {margin: 0px;padding: 0px;}
#menulist .menu-item {float: left;margin-right: 5px;list-style-type: none;display: block;border-right: 2px solid #ffffff;text-transform: uppercase;}
#menulist .menu-item-last {float: left;list-style-type: none;display: block; text-transform: uppercase;}
#menulist .menu-item a, #menulist .menu-item-last a {padding: 5px 7px 5px 0;color: #ffffff;font-size: 15px;text-decoration: none;}
#menulist .menu-item a:hover, #menulist .menu-item-last a:hover {padding: 5px 7px 5px 0;font-size: 15px;text-decoration: none;color: #d49f10;}
#menulist .menu-item:last-child { border: 0px; }

.current a {color: #d49f10 !important;}

/* Content & image construction
------------------------------------------ */
#content{width: 660px; height: 100%;margin: 0 0 0 5px;padding: 0px;}
#home-images {margin: 12px 10px 10px 10px;height: 180px;}
#main-image {margin: 12px 10px 10px 10px;height: 180px;}
.content-text {margin: 0px;padding: 10px 10px 20px 10px;width: 639px;height: 100%;background: #ffffff;}

/* Two column content layout
------------------------------------------ */
.twin-column {position: relative;height: auto;width: 100%;margin: 20px 0 20px 0;padding: 10px 0 10px 0;display: block;background: #D8EBE0;}
.twin-column h2{padding: 0 5px 0 5px;}
.twin-column p {padding: 0 5px 0 5px;}
.twin-column strong {padding: 0 5px 20px 0;}
.twin-column-left {float: left;width: 49%;margin: 0px;padding: 0 0 0 10px;display: block;}
.twin-column-right {float: right;width: 48%;margin: 0px;padding: 0 5px 0 0;display: block;}

/* Textual styles
------------------------------------------ */
h1 {padding: 20px 0 0 0;font-size: 16px;color: #005121;}
h2 {padding: 20px 0 0 0;font-size: 16px;color: #005121;}
h3 {color: #FFFFFF;font-size: 18px;margin: 0px;padding: 0px;float: right;}
.highlighted {border: 1px solid #005121;font-size: 14px;text-align: center; padding-left: 10px; padding-right: 10px;}

/* Footer
------------------------------------------ */
#footer {position: relative;width: 943px;margin-top: -40px;padding: 0px;height: 40px;clear: both;background: #005121 url(../images/bg-slicegreen.gif) repeat-y;}
#footer h3 {color: #FFFFFF;font-size: 18px;font-weight: normal;margin: 0px;padding: 0px;float: left;position: relative;left: 300px;top: 10px;}

/* general styling
------------------------------------------ */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{clear: both;}
.image-block{display: block;overflow: hidden;font-size: 0;line-height: 1000em;text-decoration: none;letter-spacing: -9999px;height: 0;}

/* Layout Page Specific 
------------------------------------------ */
#landlord-drop1 {padding-bottom: 15px;border-bottom: 1px solid #005121;}
#landlord-drop2 {padding-bottom: 15px;border-bottom: 1px solid #005121;}
hr { border: none; border-bottom: 1px solid #005121; margin-top: 25px; }