/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}


/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; margin:30px 0; background:#fff; }

#wrapper { text-align:left; margin:0 auto 0 auto; position:relative; padding:0 0; width:993px; }

#header { width:100%;  padding:0 0 0 0; background: url(../I/banner-main.jpg) no-repeat 0 60px; height:325px; position:relative;  }

#mid { width:100%;  padding:0 0 0 0; background: url(../I/back-mid.png) repeat-y 0 0; }
#side { width:330px;  padding:0 0 0 0; background:#FFB420 url(../I/back-left.jpg) ; float:left; display:inline; }
#main { width:663px;  padding:0 0 0 0; float:left; display:inline; }
#main .box { padding:30px; }

#page-home #main { background:url(../I/pic-lock.png) no-repeat 95% 95%;}

#footer { width:100%;  padding:0 0 0 0; margin-top:5px; background: url(../I/back-footer.jpg) repeat-x; height:78px; }


/* ----- header ----- */
#logo { height:293px; height:292px; position:absolute; top:-20px; left:0;}


/* ----- nav ----- */
#nav { float:left; height:60px; width:100%; background:#FAA01A url(../I/nav/back-nav.png) repeat-x 0 0; border-bottom:#fff 5px solid;}

/* NAV  */
#nav ul {  display:inline; margin:0 0 0 0; }
#nav li {  margin:0 0 0 0; float:left; display:inline; }
#nav a { display:block; margin:0;  height:60px; }

#nav-home { background: url(../i/nav/nav-home.png) no-repeat 0 0; width:288px; float:left }
#nav-estate { background: url(../i/nav/nav-estate.png) no-repeat 0 0; width:240px;}
#nav-domestic { background: url(../i/nav/nav-domestic.png) no-repeat 0 0; width:154px; }
#nav-commercial { background: url(../i/nav/nav-commercial.png) no-repeat 0 0;  width:179px;}
#nav-areas { background: url(../i/nav/nav-areas.png) no-repeat 0 0;  width:131px;}

#nav-home:hover, #nav-estate:hover, #nav-domestic:hover, #nav-commercial:hover, #nav-areas:hover { background-position:0 -60px;}
#page-home #nav-home, #page-estate #nav-estate, #page-domestic #nav-domestic, #page-commercial #nav-commercial, #page-areas #nav-areas {background-position:0 -60px;}

#nav span {position:absolute;left:-9999px;top:-9999px;z-index : 2;}

/* CONTENT  ----------------------- */
/* ----- teaser ----- */

#teaser { width:100%; float:left; background:#CFC;}

#teaser div { float:left; background:#1B5067;}
#teaser div a { display:block; width:331px; height:147px;color:#fff; }
#teaser div a:hover { text-decoration:none;}

#teaser div.t1 { background:url(../I/teaser-domestic.jpg) no-repeat 100% 0;}
#teaser div.t2 { background:url(../I/teaser-commercial.jpg) no-repeat 100% 0;}
#teaser div.t3 { background:url(../I/teaser-estate.jpg) no-repeat 100% 0;}

#teaser div h3 { padding:20px; text-transform:uppercase; letter-spacing:4px; font-size:20px; }
#teaser div p { padding:0 20px; }

#teaser div.t1:hover, #teaser div.t2:hover, #teaser div.t3:hover { background-position:0 -147px; text-decoration:none;}

/* ----- left column ----- */
#side .side-home {  }
#side .side-home ul { padding:0 20px 20px; }
#side .side-home h2 { font-size:20px; padding:40px 20px 20px; text-transform:uppercase; color:#000; letter-spacing:4px; }
#side .side-home p { margin:20px; }
#side .side-home li { font-size:14px; padding:10px 0; list-style:none;  }




#page-estate #side {background: url(../I/back-side2.png) no-repeat 0 0; min-height:500px;}
#page-domestic #side {background: url(../I/back-side2.png) no-repeat 0 0; min-height:500px;}
#page-commercial #side {background: url(../I/back-side2.png) no-repeat 0 0; min-height:500px;}
#page-areas #side {background: url(../I/back-side2.png) no-repeat 0 0; min-height:500px;}
#page-about #side {background: url(../I/back-side2.png) no-repeat 0 0; min-height:500px;}

/* ----- footer ----- */

#footer ul {  list-style:none; padding:30px 20px;}
#footer li { float:left;padding:0 10px; font-size:14px; font-weight:bold; text-transform:uppercase}
#footer li a { color:#000;}
#footer li a:hover { color:#8B5205;}

#footer li.credit { float:right; border:none; }



/* ----- global paragraphs, headers & horizontal rules ----- */
h1, h2, h3, h4, h5, h6{margin:0 0; font-weight:bold; color:#fff; padding-bottom:20px;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}

#main h2 { font-size:24px; line-height:140%;}
#main p { color:#fff; margin:0 0 20px 0; font-size:14px; line-height:140%; }
#main p.callme { font-size:28px; font-weight:bold;}


#main ul { margin-bottom:20px; margin-left:20px}
#main li { color:#fff; margin:3px 0; font-size:14px; line-height:140%; }

strong { font-weight:bold;}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#FFB420;
	text-decoration:none;
}
a:hover{color:#FFB420; text-decoration:underline;}










/* ----- float fix ----- */
#wrapper:after, #header:after, #side:after, #main:after, #mid:after, #footer:after, .box:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper, #header, #side, #main, #footer, .box{display:block;}
/*  \*/
#wrapper, #header, #side, #main, #footer,.box {min-height:1%;}
* html #wrapper, * html #header, * html #side, * html #main, * html #footer, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */