/* CSS Document */
@import url("reset.css");

html, body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	background:#fff url(../image/core/page_backgr.gif) repeat-x 0 133px;
	color:#000;
}

#wrapper {
	margin:0 auto;
	margin-bottom:20px;
	width:750px;
	text-align:left;
}


/* = Header Elements 
========================================================================= */
#header{
	position:relative;
	height:133px;
	width:100%;
}

#logo{
	position:absolute;
	top:3px;
	left:0;
	border:none;
}
#callnow{
	position:absolute;
	top:0;
	right:0;
	font-size:130%;
	color:#fff;
	padding:10px 15px 10px 35px;
	background:#2a4f2a url(../image/core/call_curve.gif) no-repeat left bottom;
}

#opening_hours{
	position:absolute;
	right:0;
	bottom:10px;
	width:24em;
	font-size:95%;
    z-index: 100;
}
#opening_hours th, #opening_hours td{
	color:#244423;
	padding:3px 0;
}
#opening_hours th{font-weight:bold;}


#top_nav{
	list-style:none;
	margin:0;
	margin-top:9px;
	font-size:95%;
}
#top_nav li{
	display:inline;
}
#top_nav a{
	display:block;
	float:left;
	background:url(../image/core/top_nav_sep.gif) no-repeat right top;
	padding:0 10px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#top_nav a:hover{
	text-decoration:underline;
}

/* = Main navigation elements
============================================================================ */
#main_nav{
	clear:both;
	list-style:none;
	margin:0;
	margin-top:42px;
    position: relative;
}
#main_nav li{
	display:inline;
}
#main_nav li a{
	float:left;
	display:block;
	height:25px;
	margin:0;
	padding:5px 10px 0 10px;
	background:url(../image/core/main_nav_sep.gif) no-repeat right top;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:95%;
}
#main_nav li a:hover{
	color:#F7C63B;
}
/* Hide end nav sep */
#main_nav li a.end, #top_nav li a.end{
	background:none;
}
#main_nav li a.begin, #top_nav li a.begin{
	padding-left:5px;
}

#main_nav span.new{display:block; width:46px; height: 32px; background: url(/image/new.png) no-repeat 0 0; position: absolute; left: 480px; top:19px;}

/* = Main Content Elements
================================================================ */

/* -- Content ------------------------- */
#content_container{
	width:100%;
	clear:both;
	padding-top:20px;
	padding-bottom:50px;
}

.lcolumn{
	float:left;
	width:360px;
	padding:5px 5px 5px 0;
	padding-top:0;
	margin-bottom:10px;
}
.rcolumn{
	float:right;
	width:360px;
}


/* = Footer ------------------------ */
#footer_cont{
	position:relative;
	clear:both;
	margin-top:40px;
	background:url(../image/core/footer_stripe.gif) repeat-x top left;
}
#footer_img{
	position:absolute;
	top:-71px;
	right:2px;
	background:url(../image/core/footer_box.jpg) no-repeat 0 0;
	width:144px;
	height:102px;
}
#footer{
	width:750px;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
	color:#000;
	font-weight:bold;
	font-size:85%;
}
#footer_links{color:#244423; margin-top:15px;}
#footer_links a{
	font-weight:bold;
	color:#244423;
}
#footer_links a:hover{
	color:#000;
}

#footer_address{margin-top:5px;}
#copyright{
	color:#000;
	font-weight:normal;
	margin:5px 0;
}

/* = Page specific elements
==================================================== */
/* = Global page styles ---------------------- */
.features{
	padding:10px 10px 10px 20px;
	background-color:#2A4F2A;
	color:#fff;
	margin:0;
	margin-bottom:15px;
}
.features a{color:#FFFF00;}

.featurelist{font-weight:bold; color:#2A4F2A;}
.featurelist li p{font-weight:normal; color:#000;}

/* = HomePage --------------------------------*/
.option{float:left; width:236px; margin:0 10px 30px 0; font-weight:bold;}
.option p{padding:5px; font-size:90%;}
.option h1{padding:15px 0 5px 10px; font-size:130%;}
.option .img{margin:0 0 0 7px;}
.option .btn{float:right; margin-right:5px;}
.option p.btn_cont{padding-bottom:10px; margin-top:-10px;}

#home_op.option{background:#345234 url(../image/home/option_home_bottom.gif) no-repeat left bottom;}
#home_op.option .top{width:236px; background:#345234 url(../image/home/option_home_top.gif) no-repeat left top;}
#home_op.option .top h1{color:#f6eb14;}
#home_op.option .img{border:1px solid #315b33;}

#bus_op.option{background:#656363 url(../image/home/option_business_bottom.gif) no-repeat left bottom;}
#bus_op.option .top{width:236px; background:#656363 url(../image/home/option_business_top.gif) no-repeat left top;}
#bus_op.option .top h1{color:#fff;}
#bus_op.option .img{border:1px solid #333333;}

#doc_op.option{background:#3d426a url(../image/home/option_doc_bottom.gif) no-repeat left bottom;}
#doc_op.option .top{width:236px; background:#3d426a url(../image/home/option_doc_top.gif) no-repeat left top;}
#doc_op.option .top h1{color:#fca145;}
#doc_op.option .img{border:1px solid #141948;}

#home_moto{font-size:140%; text-align:center; margin-bottom:-15px;}
#home_image{width:740px; background:url(../image/home/home_pic.jpg) no-repeat 0 0; padding:270px 0 10px 5px; margin-top:3px;}

/* = Estimator ---------------------------------------- */
#estimator{margin-bottom:15px;}
#estimator th{font-weight:bold; color:#fff; background:#2A4F2A; padding:4px 2px;}
#estimator td{padding:2px 2px 5px 2px; vertical-align:top; font-weight:bold; border-bottom:1px solid #003300;}

/* = Prices / packaging ---------------------------------------- */
.prices{margin-bottom:15px; width:350px; border:1px solid #B1CFAD;}
.prices th{font-weight:bold; color:#fff; background:#2A4F2A; padding:4px 2px;}
.prices td{padding:2px 2px 5px 2px; vertical-align:top; font-weight:bold; border-bottom:1px solid #B1CFAD;}
.prices tr, .prices th{text-align:center;}
.prices.align_left tr, .prices.align_left th{text-align:left;}
.prices span.small{font-size:80%;}

.prices.xmas tr,.prices.xmas th{text-align: left;}

/* = Find us ---------------------------------------- */
#map{margin-bottom:20px;}

/* = Photos ---------------------------------------- */
#image_gallery {
position: relative;
overflow: hidden;
}
#image_gallery #photolinks{font-weight:bold; margin:10px 0;}
.photolist{
	clear:both;
	list-style:none;
}
.photolist li{
	position:relative;
	float:left;
	width:200px;
	margin-right:20px;
	background: none;
	display: inline;
}
.photolist li img {
	margin-bottom:5px;
	border:2px solid #003300;
}
.photolist li img:hover{border:2px solid #990000;}
.photolist li p{
	text-align:center;
}

.thumb img { /* styles thumbnail previews */
background: #fff;
border: 1px solid #ddd;
}
.thumb:hover img {
background-color: transparent;
}
.thumb span { /* hides large previews */
visibility: hidden;
position: absolute;
}
.thumb span img { /* styles large previews */
background: #fff;
border: 2px solid #000;
}
.thumb:hover span { /* displays preview while hovering over thumb */
visibility: visible;
top: 80px; /* absolute positioning to control where previews are displayed */
left: 0;
z-index: 100;
}
.thumb.thumbright:hover span { /* displays preview while hovering over thumb */
left: -200px;
}
.thumb.thumbmiddle:hover span { /* displays preview while hovering over thumb */
left: -100px;
}
.thumb.bottom{
	top:0;
}

/* = xmas
=================================================== */
#xmas_top{width:258px; height:68px; position: absolute; left: 659px; top:101px; z-index: 50; background: url(/image/xmas_top.png) no-repeat 0 0;}
#xmas_top_link{text-indent: -4000px; display: block; height: 68px; width:258px; }
.xmas_message{font-weight:bold; color:#990000; font-size:110%; margin:10px 0;}

 .table{
    width:340px;
    text-align:center;
}

.table th{
    height:28px;
    vertical-align:middle;
    background-color:#003300;
    border-bottom:3px solid #FF9900;
    color:#FFF;
    padding:0 3px;
}
.table td{
    padding:5px 3px;
    background-color:#ABD39A;
    font-weight:bold;
    color:#000;
}

.table{text-align:left;}
		
/* = tag elements
==================================================== */
a{color:#006600;}
a:hover{text-decoration:none;}

h1, h2{
	font-size:140%;
	color:#244423;
	margin:0;
	margin-bottom:0.5em;
}
h2{
	font-size:115%;
	font-weight:bold;
	color:#990000;
}

h3{
	font-size:100%;
	color:#203455;
	margin:10px 0 0.5em 0;
}
ul{
	list-style:square;
	margin:0 0 1em 25px;
}
ul li{
	margin:4px 0;
}

p{margin-bottom:1em;}
strong{font-weight:bold;}

/* Forms */
form{background-color:#2A4F2A; padding:5px 5px 2px 10px;}
form p{color:#FFFF00;}
form label{color:#FFCC33; font-weight:bold;}
form input, form textarea{border:1px solid #003300; padding:2px;}
form .submit{padding:5px 10px; border:1px solid #003300; color:#000; background:#FFCC33; cursor:pointer; font-weight:bold;}

/* = General Styles
--------------------------------------------- */
.clear{
	clear:both;
}	
.bold{font-weight:bold;}
.example{
	color:#CC0000;
	font-style:italic;
}

.image{
	border:1px solid #244423;
	margin-bottom:10px;
}

/* used to hide elemtns used to aid People with disabilities to use the site, from normal users */
.hide{position:absolute; left:-9000px;}
.noborder{border:none;}
.lfloat{float:left;}
.rfloat{float:right;}

#error_list{
	font-weight:bold;
	margin-right:25px;
	margin-bottom:10px;
	list-style:square;
}
.error_list{color:#FFFF00;}

/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	display: block; 
}
 
.clearfix {
	display: inline-block; 
}

/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */