﻿/* ----- Main Layout Elements ----- */
* {margin:0; padding:0;}

body {background-color: #ffffff; background-image:url(../images/background.jpg); background-repeat:repeat-x;
	text-align: center; padding: 0; margin: 0; height: 100%; color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 76%;}

h1 {font-size: 150%; margin-top: 0; margin-bottom: 0.4em; padding-bottom:0.2em; color:#FFFFFF;
	background-image:url(../images/yellowblack_underline.png); background-repeat:repeat-x; background-position:bottom;}
h2 {font-size: 130%; margin-top: 0.6em; margin-bottom: 0.2em; color:#FFFFFF;}
h3 {font-size: 120%; margin-bottom: 0.2em; color:#FFFFFF;}
h4 {font-size: 110%; margin-bottom: 0.2em; color:#FFFFFF;}
p {font-size: 100%; margin-bottom: 0.7em;}

ul {list-style-type: none; font-size: 100%; margin-bottom: 0.4em;}
li {text-align: left; padding-left: 2em; background:url(../images/arrowbullet.png) no-repeat 1em 50%;}

a:link, a:visited, a:hover, a:active {text-decoration: underline; color: #ffffff;}

.prop {float: left; width: 0; height: 450px; min-height: 450px;}

#wrapper {width: 960px; margin: 10px auto; text-align: left;}

#header {clear: both; width: 960px; height: 165px; background-image:url(../images/header.png); background-repeat:no-repeat;}

#footer {clear: both; width: 960px;}
#footer p {text-align: right; color: #000000; padding-top: 5px; padding-right: 15px; font-size: 13px;}
#footer a{color:#000000;}

#sidemenu {float: left; margin-top: 10px; width: 200px; height: 500px;
	overflow: hidden; background: #000; background-image: url(../images/sidemenu.png); background-repeat: no-repeat;}
	
#sidemenu_inner {padding: 15px 10px;}

#nav_home, #nav_aboutus, #nav_services, #nav_specialoffers, #nav_contactus
{display: block; width: 160px; height: 40px; margin-bottom:5px;}

#nav_home {background: url("../images/home_black.png") no-repeat 0 0;}
#nav_home:hover {background: url("../images/home_red.png") no-repeat 0 0;}
#nav_aboutus {background: url("../images/aboutus_black.png") no-repeat 0 0;}
#nav_aboutus:hover {background: url("../images/aboutus_red.png") no-repeat 0 0;}
#nav_services {background: url("../images/services_black.png") no-repeat 0 0;}
#nav_services:hover {background: url("../images/services_red.png") no-repeat 0 0;}
#nav_specialoffers {background: url("../images/specialoffers_black.png") no-repeat 0 0;}
#nav_specialoffers:hover {background: url("../images/specialred.png") no-repeat 0 0;}
#nav_contactus {background: url("../images/contactus_black.png") no-repeat 0 0;}
#nav_contactus:hover {background: url("../images/contactus_red.png") no-repeat 0 0;}

#nav_home span, #nav_aboutus span, #nav_services span, #nav_specialoffers span, #nav_contactus span
{display: none;}

#opentimes {background-color:#000000; color:#FFFFFF; padding:5px; border:1px solid #999999;}
#opentimes table{width:100%;}
#opentimes th{font-size:120%;}
#opentimes .day{padding-top:0.5em;}

.outofhours {margin-top:5px; color:#FFFFFF; padding:10px;}
.outofhours p{font-size:120%; margin-bottom:0.3em;}

#facebook {border:1px solid #FFFFFF; margin-top: 0; margin-left:25px; margin-bottom:10px;}

#maincontent {float: right; width:750px; margin-top: 10px;}
#maincontent_top {width:750px; height: 10px; background-image:url(../images/main_top.png); background-repeat:no-repeat;}
#maincontent_middle {width:750px; background-image:url(../images/main_middle.png); background-repeat:repeat-y;}
#maincontent_middle_inner {padding: 10px 15px;}
#maincontent_bottom {width:750px; height: 10px; background-image:url(../images/main_bottom.png); background-repeat:no-repeat;}

.middleprop {float:left; width: 0; height: 460px; min-height: 460px;}
.clear {clear:both; height: 1%;}

.boldfont{font-weight:bold;}
.whitefont{color:#FFFFFF;}

/* pages */
.frontlist ul{margin-top:20px; margin-bottom:20px;}
.frontlist li{margin-bottom:0.3em; color:#FFFFFF;}

#onlinesales {border: 1px solid #fff; margin: 15px;}

#googlemap_pos {float:right; margin:5px; width: 400px; height:300px; border:1px solid #000000;}

.serviceslist {margin-top:20px; margin-bottom:20px;}
.serviceslist li{margin-bottom:0.3em;}

.serviceoverview {font-weight:bold; margin-bottom:0.2em;}

.imgright10b1 {float:right; margin:10px; border:1px solid #000000;}
.b1 {border: 1px solid #000000; margin: 40px;}

#logolist {float:right; width: 235px;}
#logolist img{margin-bottom:10px; margin-left:10px; border:0;}