body{
background-color:#333333;
margin:0 0 0 0;
}

.copy {color:#333333; font-size: 12px; text-decoration:none ; font-family: arial;}
.copy2 {color:#fefefe; font-size: 14px; font-weight:bold; text-decoration:none ; font-family: arial;}
.copy3 {color:#333333; font-size: 16px; text-decoration:none ; font-family: arial; line-height:14px;}
.head {color:#666733; font-size: 20px; text-decoration:none ; font-family: arial;}
.head2 {color:#666733; font-size: 16px; font-weight:bold; text-decoration:none ; font-family: arial;}
.subhead {color:#666733; font-size: 14px; font-weight:bold; text-decoration:none ; font-family: arial;}
.list {color:#333333; font-size: 18px; text-decoration:none ; font-family: 'lucida sans';}
.tel {color:#666733; font-size: 32px; text-decoration:none ; font-weight:bold; font-family: 'lucida sans';}
.address {color:#333333; font-size: 10px; text-decoration:none ; font-family: arial;}
.h1 {color:#333333; font-size: 26px; text-decoration:none ; font-weight:normal; font-family: arial;}
.footer {color:#666733; font-size: 12px; text-decoration:none ; font-family: arial;}
.cta {color:#333333; font-size: 20px; text-decoration:none ; font-weight:bold; font-family: arial;}
.tel2 {color:#fefefe; font-size: 20px; text-decoration:none ; font-weight:bold; font-family: 'lucida sans';}
.lists {color:#666733; font-size: 14px; text-decoration:none ; font-weight:bold; font-family: arial;}

h1 {color:#666733; font-size: 20px; text-decoration:none ; font-family: arial;}
h4 {color:#333333; font-size: 20px; text-decoration:none ; font-family: arial;}


a.email:link    {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email:visited {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email:active  {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email:hover   {color: #ffffff; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}

a.email2:link    {color: #666733; font-size: 16px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email2:visited {color: #666733; font-size: 16px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email2:active  {color: #666733; font-size: 16px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.email2:hover   {color: #333333; font-size: 16px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}

a.clink:link    {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.clink:visited {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.clink:active  {color: #666733; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}
a.clink:hover   {color: #333333; font-size: 12px; font-weight:normal; text-decoration:none; font-family: 'lucida sans'}

a.ctam:link    {color: #333333; font-size: 14px; font-weight:normal; font-weight:bold; text-decoration:underline; font-family: arial}
a.ctam:visited {color: #333333; font-size: 14px; font-weight:normal; font-weight:bold; text-decoration:underline; font-family: arial}
a.ctam:active  {color: #333333; font-size: 14px; font-weight:normal; font-weight:bold; text-decoration:underline; font-family: arial}
a.ctam:hover   {color: #fefefe; font-size: 14px; font-weight:normal; font-weight:bold; text-decoration:underline; font-family: arial}

html>body ul {
    margin: 0;
}


#menubg {
	float:left;
	margin:35px 0 0 20px;
}

/*1. the style of the div container with id=”css_horizontal_menu”*/
#css_horizontal_menu {
	float:left;
	overflow:hidden;
	width:100%;
}

/*2. the style of the links (html element <a>)*/
#css_horizontal_menu a{
	display:block;
	float:left;
	padding-left:18px;
	padding-right:18px;
	height:30px;
	text-align:center;
	font-family:'lucida sans';
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#666733;
	line-height:30px;
	border-style:solid;
	border-width:1px 1px 1px 0;
	border-color:#666733;
}

/*3. the css style on the hover state of the links*/
#css_horizontal_menu a:hover{
	background-color:#666733;
	color:#333333;
}

/*3. the css style on the hover state of the links*/
#css_horizontal_menu a.active{
	background-color:#666733;
	color:#333333;
}

/* remove the left margin for the first link*/
#css_horizontal_menu a.first{
	border-width:1px 1px 1px 1px;
	border-color:#666733;
	border-style:solid;
	padding-left:18px;
	padding-right:18px;
}

/* remove the left margin for the first link*/
#css_horizontal_menu a.first2{
	background-color:#666733;
	color:#333333;
	border-width:1px 1px 1px 1px;
	border-color:#666733;
	border-style:solid;
	padding-left:18px;
	padding-right:18px;
}

.myButton {
	font-size:18px;
	color:#333333;
	width:208px;
	height:28px;
	font-family:'lucida sans';
	padding-top:5px;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	background-color:#666733;
	display:inline-block;
	text-align:center;
}

.myButton:hover { 
	font-size:18px;
	color:#666733;
	width:208px;
	height:28px;
	background-color:#333333;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	display:inline-block;
	text-align:center;
}

.myButton1 {
	font-size:12px;
	color:#666733;
	width:208px;
	height:28px;
	font-family:'lucida sans';
	padding-top:14px;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	background-color:#333333;
	display:inline-block;
	text-align:center;
}

.myButton1:hover { 
	color:#333333;
	background-color:#666733;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	display:inline-block;
	text-align:center;
}

.myButton2 {
	font-size:12px;
	color:#666733;
	width:210px;
	height:20px;
	font-family:'lucida sans';
	padding-top:2px;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	background-color:#333333;
	display:inline-block;
	text-align:center;
}

.myButton2:hover { 
	color:#333333;
	background-color:#666733;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	display:inline-block;
	cursor: pointer; cursor: hand;
	text-align:center;
}

.myButton3 {
	font-size:12px;
	color:#333333;
	width:420px;
	height:20px;
	font-family:'lucida sans';
	padding-top:2px;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	background-color:#666733;
	display:inline-block;
	text-align:center;
}

.myButton3:hover { 
	color:#666733;
	background-color:#333333;
	border-style:solid;
	border-width:1px;
	border-color:#666733;
	display:inline-block;
	text-align:center;
}


#container {
	width:100%;
	float:left;
	margin:0 0 0 0;
}

#contentainer {
	width:900px;
	margin:0 0 0 0;
}

#topbar {
	width:900px;
	float:left;
	margin:0 0 0 0;
}

#logo {
	float:left;
	margin:10px 0 0 0;
}

#contact {
	float:right;
	text-align:right;
	margin:10px 0 0 0;
}

#main {
	width:900px;
	float:left;
	margin:0 0 0 0;
}

#leftcol {
	width:440px;
	float:left;
	margin:0 0 0 0;
}

#rightcol {
	width:440px;
	height:455px;
	float:left;
	margin:0 0 0 20px;
}

#rightcol2 {
	width:440px;
	float:left;
	margin:0 0 0 20px;
}

#copy {
	width:210px;
	height:250px;
	float:left;
	background:#dedede;
	text-align:left;
	margin:20px 0 0 0;
}

#copy1 {
	width:335px;
	height:250px;
	float:left;
	background:#dedede;
	text-align:left;
	margin:20px 0 0 0;
}

#copy2 {
	width:440px;
	height:250px;
	float:left;
	background:#dedede;
	text-align:left;
	margin:20px 0 0 0;
}

#copy3 {
	width:440px;
	height:665px;
	float:left;
	background:#dedede;
	text-align:left;
	margin:20px 0 0 0;
}

#copy4 {
	width:440px;
	height:395px;
	float:left;
	background:#dedede;
	text-align:left;
	margin:20px 0 0 0;
}

#copywindows {
	width:100%;
	float:left;
	background:#dedede;
	text-align:left;
	margin:0 0 0 0;
}

.scrollArea {
width: 335px; 
height: 250px;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #666733;
scrollbar-3dlight-color: #dedede;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #959595;
scrollbar-shadow-color: #b8b9b3;
scrollbar-track-color: #b8b9b3;
float: left; 
overflow: auto;
}

.scrollArea1 {
width:210px;
height:250px;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #666733;
scrollbar-3dlight-color: #dedede;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #959595;
scrollbar-shadow-color: #b8b9b3;
scrollbar-track-color: #b8b9b3;
float: left; 
overflow: auto;
}

.scrollArea2 {
width: 440px; 
height: 250px;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #666733;
scrollbar-3dlight-color: #dedede;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #959595;
scrollbar-shadow-color: #b8b9b3;
scrollbar-track-color: #b8b9b3;
float: left; 
overflow: auto;
}


#hero {
	width:670px;
	height:250px;
	float:left;
	margin:20px 0 0 20px;
}

#hero1 {
	width:545px;
	height:250px;
	float:left;
	margin:20px 0 0 20px;
}

#hero2 {
	width:440px;
	height:250px;
	float:left;
	margin:20px 0 0 20px;
}

#hero3 {
	width:440px;
	height:250px;
	float:left;
	margin:20px 0 0 0;
}

#slideshow {
	width:440px;
	height:250px;
	float:left;
	margin:20px 0 0 20px;
}

#cat1 {
	width:210px;
	float:left;
	margin:20px 0 0 0;
}

#cats {
	width:210px;
	float:left;
	margin:20px 0 0 20px;
}

#catpic {
	width:210px;
	height:145px;
	float:left;
	margin:0 0 0 0;
}

#catbtn {
	width:210px;
	height:30px;
	float:left;
	margin:10px 0 0 0;
}

#list1 {
	width:160px;
	float:left;
	text-align:left;
	margin:0 0 0 0;
}

#list2 {
	width:160px;
	float:left;
	text-align:left;
	margin:0 0 0 0;
}

#doorcopy {
	width:100%;
	float:left;
	text-align:left;
	margin:0 0 0 0;
}

#footainer {
	width:900px;
	float:left;
	margin:20px 0 0 0;
}

#footer1 {
	float:left;
	margin:0 0 0 0;
}

#footer2 {
	float:right;
	margin:0 0 0 0;
}

#buttons {
	float:left;
	margin:20px 0 0 0;
}

#buttons1 {
	float:left;
	margin:20px 0 0 20px;
}

#cta1 {
	width:356px;
	height:80px;
	float:left;
	text-align:left;
	background:#666733;
	margin:20px 0 0 0;
}

#ctatxt {
	width:340px;
	float:left;
	text-align:left;
	background:#666733;
	margin:0 0 0 0;
}

#cta2 {
	float:left;
	margin:20px 0 0 0;
}

#contactform {
	width:440px;
	height:250px;
	float:left;
	text-align:left;
	margin:10px 0 0 10px;
}

#quickcontactform {
	width:440px;
	height:80px;
	float:left;
	text-align:left;
	margin:20px 0 0 20px;
	font-size: 13px; font-family: 'lucida sans';
}

#quickcontactform1 {
	width:210px;
	height:80px;
	float:left;
	text-align:left;
	margin:0px 0 0 0px;
}

#creds {
	float:left;
	margin:10px 0 0 10px;
}

#quickcontactform .form-row { margin: 0 0 12px 0; }

#quickcontactform label { float: left; width: 120px; display: block; clear: both; padding: 3px 0 0 0; }

#quickcontactform .textarea {
	width: 206px; height:46px; overflow:hidden; background-color:#666733; border-color:#666733; 
	border-width:1px; border-style:solid; color:#333333; font-size: 12px; font-family: 'lucida sans';
}

#quickcontactform .inputfield {
	width: 206px; color:#333333; overflow:hidden; background-color:#666733; border-color:#666733; border-width:1px; border-style:solid; font-size: 12px; font-family: 'lucida sans';
}

.web-enquiry-form { width:420px; font-size: 12px; font-family: 'lucida sans';}

.web-enquiry-form .form-row { overflow: auto; margin: 8px 0 0 0; background:none; }

.web-enquiry-form label { float: left; width: 130px; display: block; clear: both; padding: 0 0 0 0; }

.web-enquiry-form .textarea {width: 416px; height:70px; color:#666733; font-size: 12px; overflow:hidden; font-family: 'lucida sans'; background:#333333; border-color:#666733; border:1px solid;}

.web-enquiry-form .inputfield {width: 416px; color:#666733; font-size: 12px; font-family: 'lucida sans';	background:#333333;	border-color:#666733; border:1px solid;}