@import url(forms.css);

body {
	margin:0px 0px 80px 0px;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	background: transparent url(../images/bg_grass.png) repeat-x fixed bottom left;
}

/*
==========================================================================
	global tags
==========================================================================
*/
p { margin:0px 0px 10px 0px; }
.no-margin { margin:0px; padding:0px;}
h1 { margin:0px 0px 20px 0px; }
h2 { margin:0px; }
img { border:none; }
a { color:#339933; }
a:hover { color:#ccc; }

/*
==========================================================================
	structural containers
==========================================================================
*/
#main-container { position:relative; width:866px; margin:0px auto; }
#header { position:relative; float:left; width:814px; height:130px; margin:0px 0px 0px 40px; }
#content-border { background:#fff; border:2px #CCC solid; float:left; width:760px; padding:15px; }
#content { width:760px; height:369px;/* simulate min-height */ }
#left-shadow { float:left; vertical-align:top; width:28px; height:369px;/*height:479px;*/ background:transparent url(../images/bg/left-shadow-alpha-8bit.png) no-repeat scroll right top; }
#right-shadow { position:absolute;right:29px;bottom:23px; width:15px; height:80px;; background:transparent url(../images/bg/right-shadow-alpha-8bit.png) no-repeat scroll left bottom; }
#bottom-shadow { float:right; width:866px; height:23px; background:transparent url(../images/bg/bottom-shadow-alpha-8bit.png) no-repeat scroll right top; }

/*
==========================================================================
	global classes
==========================================================================
*/
.right { float:right; }
.right-text {text-align:right;}
.left { float:left; }
.clearer { clear:both;font-size:1px;height:0px;line-height:0px; }
.testimonials {font-size:11px}
.testimonial {float:left; width:755px;}

/*
==========================================================================
	header styles
==========================================================================
*/

#date-time {position:absolute; display:block; width:172px; top:10px; right:190px; text-align:right; color:#339933}

#header a.logo { position:absolute; display:block; width:248px; height:85px; left:0px; top:8px;}
#header a.voucher { position:absolute; display:block; top:0px; right:60px; }

#header ul#nav { float:right; margin:100px 50px 0px 0px; padding:0px; }
#header ul#nav li { float:left; list-style:none; margin:0px 3px 0px 0px; }

#header ul#nav li.btn-home a { background:#fff url(../images/navigation/home-ir.png) no-repeat scroll left top; width:78px;  }
#header ul#nav li.btn-services a { background:#fff url(../images/navigation/services-ir.png) no-repeat scroll left top; width:78px; }
#header ul#nav li.btn-testimonial a { background:#fff url(../images/navigation/testimonials-ir.png) no-repeat scroll left top; width:141px; }
#header ul#nav li.btn-frequently-asked-questions a { background:#fff url(../images/navigation/frequently-asked-questions-ir.png) no-repeat scroll left top; width:188px }
#header ul#nav li.btn-quotation-request a { background:#fff url(../images/navigation/quotation-request-ir.png) no-repeat scroll left top; width:127px; }
#header ul#nav li.btn-contact a { background:#fff url(../images/navigation/contact-ir.png) no-repeat scroll left top; width:78px; }

#header ul#nav li a  { display:block; height: 30px }
#header ul#nav li a.focus,
#header ul#nav li a:hover,
#header ul#nav li a:active,
#header ul#nav li a.focus { background-position: right; }

#header ul#nav li.btn-testimonial a.focus,
#header ul#nav li.btn-testimonial a:hover,
#header ul#nav li.btn-testimonial a:active,
#header ul#nav li.btn-testimonial a.focus { background-position: -141px; }

#header ul#nav li.btn-frequently-asked-questions a.focus,
#header ul#nav li.btn-frequently-asked-questions a:hover,
#header ul#nav li.btn-frequently-asked-questions a:active,
#header ul#nav li.btn-frequently-asked-questions a.focus { background-position: -188px; }

#header ul#nav li.btn-quotation-request a.focus,
#header ul#nav li.btn-quotation-request a:hover,
#header ul#nav li.btn-quotation-request a:active,
#header ul#nav li.btn-quotation-request a.focus { background-position: -127px; }

/*
==========================================================================
	main content styles
==========================================================================
*/
#right-shadow img { vertical-align:bottom; }
#home-left-third { float:left; width:306px; padding:0px 10px 0px 0px; margin:20px 0px 0px 0px; border-right:#CCC 2px solid; }
#home-middle-third {float:left; width:210px; padding:20px 15px; }
#home-right-third { float:left; width:173px; background:#333; padding:13px; margin:10px 0px 0px 0px; color:#FFF; }

/*
==========================================================================
	page specifics
==========================================================================
*/
.half-width {width:360px;float:left; padding:10px;}
.half-width img {margin:0px 10px 20px 0px;float:left;}
.half-width h2 {margin:0px;font-size:12px;color:#006600;}
.half-width .FAQ-answer { margin:0px 0px 35px 0px;}

.services {width:740px;float:left; padding:10px;}
.services img {margin:0px 10px 0px 0px;float:left;}
.services h2 {margin:0px;font-size:12px;color:#006600;}
.services .FAQ-answer { margin:0px 0px 35px 0px;}

#full-width {width:760px;float:left;}
#full-width img {margin:0px 10px 20px 0px;float:left;}


/* Gallery area */
#gallery {float:left; width:760px;}
#gallery h2 { color:#060; font-size:14px; margin:0px 0px 10px 0px; }

/* contact-us */
dl.contact { margin-bottom:15px; width: 280px; float:left; }
dl.contact dt { padding:0px;margin:0px; float: left; width:80px; font-weight: bold; }
dl.contact dd { padding:0px;margin:0px; float: right; width:200px; }

/* success messages */
div#success { background: #e3fce5; border: 3px solid #9ae49e; padding: 10px; }
#success h2, #success p { color: #28a82e;  } 
#success h2 { border-bottom: 1px dotted #28a82e; }

/* error messages */
div#error { background: #fed3d6; border: 3px solid #fc9ca3; padding: 10px; }
#error h2, #error p { color: #e3535d;  } 
#error h2 { border-bottom: 1px dotted #e3535d; }

/* Footer Area */
#footer {margin:0px auto;
		width:780px; font-size:10px; color:#999999; text-align:right}

#footer a {color:#999999}