﻿html
{
	height:100%;
	min-height:100%;
}

body
{
	font-family:"Helvetica Neue LT Std 45 Light", "Helvetica Neue 45 light", "Helvetica 45 Light", Verdana, Helvetica, Arial, Tahoma, Sans-Serif, "Trebuchet MS";
	margin:0;
	padding:0;
	color:#000000;
	background-color:#a7bc47;
	text-align:center;
	font-size:62.5%; /* This allows the base font size to be a factor of 10 (16px * 0.625 = 10px) Then the em multipliers are easier to control */
}

/* Do NOT move the below element */
html body #container 
{
	width:96.3em;
}

h3 { font-size:1.1em; margin:0; padding:0; color:#a7bc47; font-weight:bold; font-family:"Helvetica Neue LT Std 45 Light", "Helvetica Neue 45 light", "Helvetica 45 Light", Verdana, Helvetica, Arial, Tahoma, Sans-Serif; }

/*---- Page Structure elements -----*/
#container
{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	min-width:963px;
	max-width:96.3em;
	overflow:hidden;
	background-color:#fff;
}

#header
{
	width:100%;
	height:15.2em;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
}

#contentarea
{
	margin:0 auto;
	padding:0;
	width:100%;
}

#leftpanel
{
	width:27%;
	text-align:left;
	float:left;
	display:table;
	table-layout:fixed;
	letter-spacing:0.05em;
	padding:15px 0 0 0;
}

#leftpaneltext
{
	width:90%;
	text-align:left;
	padding:0 5% 15px 5%;
	letter-spacing:0.004em;
}

#rightpanel
{
	width:72%;
	text-align:left;
	float:right;
	font-size:1.3em;
	padding:11px 0 0 0;
	min-height:590px;
	background-color:White;
}

#rightpaneltext
{
	width:90%;
	text-align:left;
	padding:0 0 15px 1.2%;
	line-height:1.5em;
}

#footer
{
	clear:both;
	padding:10px 0 0 0;
	width:100%;
	height:135px;
	color:#000000;
	background-color:#cbd59f;
	font-size:1.1em;
	text-align:center;
	vertical-align:text-bottom;
	line-height:1.5em;
	bottom:0;
}

/*-----  HTML Elements  -----*/
p
{
	padding:0 0 8px 0;
	margin:0;
}

h2
{
	margin:0;
	padding:20px 0 5px 0;
	font-size:1.5em;
	font-variant:small-caps;
	color:#a7a9ac;
}

a
{
	color:#a7bc47;
	text-decoration:none;
}

a:hover
{
	color:#bcbec0;
	text-decoration:none;
}

a img
{
	border:none;
}

table
{
	padding:0 0 0 0;
	border:none 0px;
	border-spacing:0px;
}

ul
{
    margin:0 auto;
    padding:0;
}

li
{
	margin:1px;
	padding:0 0 2px 0;
	vertical-align:middle;
}

hr
{
	border:0;
	margin:12px 0 12px 0;
	color:#bcbdbe;
	background-color:#bcbdbe;
	height:1px;
	width:90%;
	text-align:left;
}

input, select, textarea
{
	font-family:"Helvetica Neue LT Std 45 Light", "Helvetica Neue 45 light", "Helvetica 45 Light", Verdana, Helvetica, Arial, Tahoma, Sans-Serif, "Trebuchet MS";
	font-size:0.85em;
}

input, textarea
{
	border:1px solid #a7a9ac;
	padding:2px 1px 2px 1px;
}

/*---- Left Panel -----*/
.facebooklinks
{
	width:100%;
	text-align:center;
}

a.menulink, a.menulinkactive, a.menulink:hover
{
	font-size:1.4em;
}

a.menulink
{
	color:#000000;
}

a.menulinkactive
{
	color:#a7a9ac;
}

a.menulink:hover
{
	color:#a7a9ac;
	text-decoration:none;
}

.viewlatest
{
	width:inherit;
	color:#879b39;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}

/*---- Right Panel -----*/
ul.standardlist
{
	margin:0;
	padding:0 0 0 20px;
	list-style-type:disc;
	list-style-image:url(/images/zwsquare.jpg);
}

.headerline
{
	margin:0;
	border-top: solid 1px #bcbdbe;
	width:95%;
}

input.quotesubmit
{
	cursor:pointer;	
}

.portfolioimage
{
	float:left;
	padding:0;
	width:44%;
}

.portfolioitem
{
	float:left;
	width:56%;
}

.portfolioitem h2 { padding:5px 0 0 0; }

td.quotequestion
{
	width:80%;
}

td.quoteanswer
{
	width:20%;
}

.homeleftpanel
{
	position:relative;
	width:49.2%;
	float:left;
	padding:0;
}

.homerightpanel
{
	position:relative;
	width:50.8%;
	float:right;
	padding:0;
}

.ourservicesleftpanel
{
	position:relative;
	width:52%;
	float:left;
}

.ourservicesrightpanel
{
	position:relative;
	width:48%;
	float:right;
}

/*---- Our Specials -----*/
.ostestimonial
{
	font-style:italic;
	color:#a7a9ac;
}

/*---- Footer Classes -----*/
a.footerlink
{
	font-weight:bold;
	font-size:1em;
}

a.footerlink, a.footermailto
{
	color:#000000;
}

a.footerlink:hover, a.footermailto:hover
{
	color:#ffffff;
}

ul.horizontalmenu
{
	text-align:center;
	list-style:none
}

ul.horizontalmenu li
{
	padding:0 25px 0 0;
    display:inline;
}

/*---- Contact Us -----*/
.googlemap
{
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:20px 0 0 0;
}

/*-----  Misc  -----*/
.error
{
	color:Red;
	font-size:1.1em;
}

.center
{
	text-align:center;
}

.hidden
{
	display:none;
}

.clear
{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

.break1
{
	clear:both;
	height:1px;
	line-height:1px;
}

.break2
{
	clear:both;
	height:2px;
	line-height:2px;
}

.break5
{
	clear:both;
	height:5px;
	line-height:5px;
}

.break10
{
	clear:both;
	height:10px;
	line-height:10px;
}

.break20
{
	clear:both;
	height:20px;
	line-height:20px;
}

.break40
{
	clear:both;
	height:40px;
	line-height:40px;
}

.paddinglr20
{
	margin-left:20px;
	margin-right:20px;
}

.padding10
{
	padding:10px;
}

.paddingr10
{
	padding-right:10px;
}

.paddingl10
{
	padding-left:10px;
}

.paddinglr10
{
	padding-left:10px;	
	padding-right:10px;
}

.padding5
{
	padding:5px;
}

.paddingr5
{
	padding-right:5px;
}

.paddingl5
{
	padding-left:5px;
}

.marginl10
{
	margin-left:10px;
}

.floatright
{
	float:right !important;
}

.floatleft
{
	float:left !important;
}

.scroll
{
	margin-top:10px;
	overflow:scroll;
	padding:1px;
}
