@charset "UTF-8";
/* CSS Document */
body {
margin:0;
padding:0;
background:#eeeeee;
color:#cccccc;
font-family:"Century Gothic", Arial, Verdana, "Trebuchet MS";
}

h1 {
padding:5px;
margin:0px;
background:#7c9c5f url(../assets/images/backgrounds/back_content_01.jpg) repeat-x;
height:0.5em;
}

h1 span {
margin-left:-2000px;
}

h2 {
background:#7c9c5f url(../assets/images/backgrounds/back_content_01.jpg) repeat-x;
margin:0;
padding:0 10px 1em 10px;
font-size:0.8em;
height:1em;
color:#FFFFFF;
}

h3 {
padding:5px 10px 0px 10px;
margin:0px 0 0 0;
color:#7c9c5f;
font-size:0.8em;
}

h4 {
font-size:0.8em;
color:#7c9c5f;
margin:0;
padding:5px 10px 0px 10px;
}

p {
color:#516f27;
padding:5px 10px;
margin:0;
font-size:0.8em;
}

div.AccordionPanelContent .exLink {
padding:5px 10px 0px 10px;
font-size:1.2em;
}
div.AccordionPanelContent p {
padding:5px 10px 0px 10px;
}
a:link {
text-decoration:none;
color:#9c935f;
}

a:visited {
text-decoration:none;
color:#9c935f;
}

a:hover {
text-decoration:none;
color:#51663d;
}

a:active {
text-decoration:none;
color:#9c935f;
}

div.h2_wide_content a:link {
	color:#ffffff;
}

div.h2_wide_content a:visited {
	color:#ffffff;
}

div.h2_wide_content a:hover {
	color:#dddddd;
}

div.h2_wide_content a:active {
	color:#dddddd;
}

/* CONTAINERS */

.wrapper {
width:1050px;
margin:10px auto 10px auto;
padding:10px 0px;
background:#ffffff;
}

.container {
width:1030px;
margin:0px 10px;
padding-bottom:10px;
background:#ffffff url(../assets/images/backgrounds/back_container_01.jpg) repeat top left;
}

.thumbs {
width:680px;
margin:0px 0px 0px 0px;
padding:0;
float:left;
display:inline;
}

.sideBar {
width:340px;
margin:0;
padding:0;
float:left;
}

.footer p {
padding:5px;
margin:0px 10px;
background:#7c9c5f url(../assets/images/backgrounds/back_footer.jpg) repeat-x bottom;
color:#FFFFFF;
}

/* MEDIUM CELL FIXED HEIGHT */

.top_1 {
width:330px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_02.jpg) no-repeat top left;
display:inline;
float:left;
height:250px;
}

.top_1_h2 {
width:330px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_02.gif) no-repeat top left;
display:inline;
float:left;
height:250px;
}

.btm_1 {
width:330px;
margin:0;
background:url(../assets/images/backgrounds/back_btm_02.jpg) no-repeat bottom left;
height:240px;
}

.content_01 {
width:330px;
margin:10px 0px;
padding:0px;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
height:230px;
}

/* MEDIUM CELL VARIABLE HEIGHT */

.top_2 {
width:330px;
margin:10px 0px 0px 10px;
padding:0;
background:url(../assets/images/backgrounds/back_top_02.jpg) no-repeat top left;
display:inline;
float:left;
}

.top_2_h2 {
width:330px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_02.gif) no-repeat top left;
display:inline;
padding:0;
float:left;
}

.btm_2 {
width:330px;
margin:0;
height:100%;
padding:0 0 10px 0;
background:url(../assets/images/backgrounds/back_btm_02.jpg) no-repeat bottom left;
}

.content_02 {
width:330px;
margin:10px 0 0 0;
padding:0;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
}

.content_02 object {
padding:0px;
}

.content_02 img {
float:right;
margin:10px 10px 10px 10px;
}

.content_02 #map {
float:none;
margin:10px 10px 0px 10px;
}

.content_02 a:hover{ /* ENABLES THE FOLLOWING HOVER TO WORK IN EXPLORER 6 */
	color:green;
	}

div.content_02 a:link img {
	border:#4f6d25 2px solid;
}

div.content_02 a:visited img {
	border:#4f6d25 2px solid;
}

div.content_02 a:hover img {
	border:#7c9c5f 2px solid;
	background-color:#b82b00;
}

div.content_02 a:active img {
	border:#4f6d25 2px solid;
}


/* MENU CELL VARIABLE HEIGHT */

.top_4 {
width:330px;
margin:10px 0px 0px 10px;
background: url(../assets/images/ffartLogo.gif) no-repeat top left;
display:inline;
float:left;
}

.btm_4 {
width:330px;
margin:0;
padding:0 0 10px 0;
height:100%;
background:url(../assets/images/backgrounds/back_btm_02.jpg) no-repeat bottom left;
}

.content_04 {
width:330px;
margin:10px 0 0 0;
padding:150px 0 0 0;
background:#eeeeee url(../assets/images/ffartLogo.gif) no-repeat -10px left;
}

/* SMALL CELL VARIABLE HEIGHT */

.top_3 {
width:160px;
margin:10px 0px 0px 10px;
padding:0;
background:url(../assets/images/backgrounds/back_top_01.jpg) no-repeat top left;
display:inline;
float:left;
}

.top_3_h2 {
width:160px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_01.gif) no-repeat top left;
display:inline;
padding:0;
float:left;
}

.btm_3 {
width:160px;
margin:0;
height:100%;
padding:0 0 10px 0;
background:url(../assets/images/backgrounds/back_btm_01.jpg) no-repeat bottom left;
}

.content_03 {
width:160px;
margin:10px 0 0 0;
padding:0;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
}

.content_03 p {
font-size:0.7em;
padding:5px 10px 5px 10px;
margin:0;
text-align:left;
}

.content_03 img {
margin:10px 10px 0px 10px;
}

/* SMALL CELL FIXED HEIGHT */

.top_5 {
width:160px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_01.jpg) no-repeat top left;
display:inline;
float:left;
height:200px;
}

.top_5_h2 {
width:160px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_01.gif) no-repeat top left;
display:inline;
float:left;
height:200px;
}

.btm_5 {
width:160px;
margin:0;
background:url(../assets/images/backgrounds/back_btm_01.jpg) no-repeat bottom left;
height:190px;
}

.content_05 {
text-align:center;
width:160px;
margin:10px 0px;
padding:0px;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
height:180px;
}

.content_05 h2 {
text-align:left;
margin:0 0 10px 0;
font-size:0.7em;
height:1em;
}

.content_05 h3 {
font-size:1em;
text-align:left;
color:#7c9c5f;
}

.content_05 p {
font-size:0.7em;
margin:5px 10px 5px 10px;
padding:0;
text-align:left;
}

.content_05 a:hover{ /* ENABLES THE FOLLOWING HOVER TO WORK IN EXPLORER 6 */
	color:green;
	}

div.content_05 a:link img {
	border:#4f6d25 2px solid;
}

div.content_05 a:visited img {
	border:#4f6d25 2px solid;
}

div.content_05 a:hover img {
	border:#7c9c5f 2px solid;
	background-color:#b82b00;
}

div.content_05 a:active img {
	border:#4f6d25 2px solid;
}



/* LARGE CELL FIXED HEIGHT */

.top_6 {
width:670px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_06.jpg) no-repeat top left;
display:inline;
float:left;
height:200px;
}



.top_6_h2 {
width:670px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_06.gif) no-repeat top left;
display:inline;
float:left;
height:200px;
}

.btm_6 {
width:670px;
margin:0;
background:url(../assets/images/backgrounds/back_btm_06.jpg) no-repeat bottom left;
height:190px;
}

.content_06 {
width:670px;
margin:10px 0px;
padding:0px;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
height:180px;
}



/* LARGE CELL VARIABLE HEIGHT */

.top_7 {
width:670px;
margin:10px 0px 0px 10px;
padding:0;
background:url(../assets/images/backgrounds/back_top_06.jpg) no-repeat top left;
display:inline;
float:left;
}

.top_7_h2 {
width:670px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_06.gif) no-repeat top left;
display:inline;
padding:0;
float:left;
}

.btm_7 {
width:670px;
margin:0;
height:100%;
padding:0 0 10px 0;
background:url(../assets/images/backgrounds/back_btm_06.jpg) no-repeat bottom left;
}

.content_07 {
width:670px;
margin:10px 0 0 0;
padding:0;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
text-align:left;
}

.content_07 img {
margin:10px 10px 0px 10px;
float:right;
}

.fullSize {
width:670px;
margin:10px 0 0 0;
padding:0;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
text-align:center;
}

.content_07 p {
padding:10px;
text-align:left;
}

.content_07 .look {
padding:20px 0 20px 0;
}

.news {
color:#7c9c5f;
padding:0;
margin:10px 10px 0px 30px;
}

.content_07 a:hover{ /* ENABLES THE FOLLOWING HOVER TO WORK IN EXPLORER 6 */
	color:green;
	}

div.content_07 a:link img {
	border:#4f6d25 2px solid;
}

div.content_07 a:visited img {
	border:#4f6d25 2px solid;
}

div.content_07 a:hover img {
	border:#7c9c5f 2px solid;
	background-color:#b82b00;
}

div.content_07 a:active img {
	border:#4f6d25 2px solid;
}

/* SMALL CELL FIXED HIGHT FOR THUMBS WITH DETAILS */

.top_8 {
width:160px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_01.jpg) no-repeat top left;
display:inline;
float:left;
height:400px;
}

.top_8_h2 {
width:160px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_01.gif) no-repeat top left;
display:inline;
float:left;
height:400px;
}

.btm_8 {
width:160px;
margin:0;
background:url(../assets/images/backgrounds/back_btm_01.jpg) no-repeat bottom left;
height:390px;
}

.content_08 {
text-align:center;
width:160px;
margin:10px 0px;
padding:0px;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
height:380px;
}

div.top_8_h2 .btm_8 .content_08 h2 {
margin-bottom:10px;
}

.content_08 h2 {
text-align:left;
font-size:0.6em;
height:1em;
}

.content_08 h3 {
font-size:0.8em;
text-align:left;
color:#7c9c5f;
margin:5px 0 0 0;
}

.content_08 p {
font-size:0.7em;
line-height:1em;
text-align:left;
}

.content_08 a:hover{ /* ENABLES THE FOLLOWING HOVER TO WORK IN EXPLORER 6 */
	color:green;
	}

div.content_08 a:link img {
	border:#4f6d25 2px solid;
}

div.content_08 a:visited img {
	border:#4f6d25 2px solid;
}

div.content_08 a:hover img {
	border:#7c9c5f 2px solid;
	background-color:#b82b00;
}

div.content_08 a:active img {
	border:#4f6d25 2px solid;
}

/* THREE CELL WIDE CELL */

.top_9 {
width:500px;
margin:10px 0px 0px 10px;
padding:0;
background:url(../assets/images/backgrounds/back_top_09.jpg) no-repeat top left;
display:inline;
float:left;
}

.top_9_h2 {
width:500px;
margin:10px 0px 0px 10px;
background:url(../assets/images/backgrounds/back_top_09.gif) no-repeat top left;
display:inline;
padding:0;
float:left;
}

.btm_9 {
width:500px;
margin:0;
height:100%;
padding:0 0 10px 0;
background:url(../assets/images/backgrounds/back_btm_09.jpg) no-repeat bottom left;
}

.content_09 {
width:100%;
margin:10px 0 0 0;
padding:0;
background:#eeeeee url(../assets/images/backgrounds/back_mid_01.jpg) repeat-x;
text-align:left;
}

.content_09 label {
font-size:0.8em;
}

/* OTHER THINGS */

.slideshow {
width:670px;
height:200px;
margin:10px 0px 0px 10px;
display:inline;
float:left;
}

.center {
height:140px;
position:relative;
width:156px;
padding:10px 0 0 0;
}
.center img {
position:absolute;
left:50%;
top:50%;
}

.center02 {
margin:10px 5px 10px 10px;
height:140px;
position:relative;
width:140px;
float:right;
}
.center02 img {
position:absolute;
left:50%;
top:50%
}

.center03 {
display:inline;
margin:10px 0px 0px 10px;
height:68px;
position:relative;
width:68px;
float:left;
}
.center03 img {
position:absolute;
left:50%;
top:50%
}

.h2_wide_top {
width:670px;
margin:10px 10px -10px 10px;
padding:10px 0px;
background:url(../assets/images/backgrounds/back_top_06.gif) no-repeat top left;
display:inline;
float:left;
}

.h2_wide_content {
width:670px;
margin:0;
padding:0px;
overflow:hidden;
}

.h2_wide_btm {
width:670px;
margin:0;
padding:0 0 10px 0;
background:url(../assets/images/backgrounds/back_h2_btm.gif) no-repeat bottom left;
}

.h2_wide_content h2 {
text-align:left;
padding:0px 10px 5px 10px;
margin:0;
background:#7c9c5f url(../assets/images/backgrounds/back_content_01.jpg) repeat-x;
}

.h2_wide_content ul {
display:inline;
background:#7c9c5f url(../assets/images/backgrounds/back_content_01.jpg) repeat-x;
width:100%;
margin:0;
padding:0;
}

.h2_wide_content ul li {
display:inline;
padding:0 0 0 5px;
font-weight:500;
font-size:0.9em;
list-style:none;
}

.h2_wide_content ul li a {
padding-left:5px;
}

.clear{
clear:both;
line-height:0;
height:0;
}

.clear_lft{
clear:left;
line-height:0;
height:0;
}

.line {
width:100%;
height:1px;
background:#dddddd;
}

.footnote {
font-size:0.7em;
}

.flt_rt {
float:right;
}



.flt_rt_clRt {
float:right;
clear:right;
}

.sold {
background:url(../assets/images/backgrounds/sold.gif) no-repeat 10px 10px;
padding:10px;
}
.sold span {
margin-left:-2000px;
}


/* LINK STYLES */

.back_btn {
margin:0;
padding:0;
line-height:20px;
}

h3.back_btn a:link, h3.back_btn a:visited {
color:#7c9c5f;
text-decoration:none;
display:block;
background-image:url(../assets/images/backgrounds/back_btn.jpg);
background-repeat:no-repeat;
background-position:top right;
height:20px;
width:310px;
margin:10px 10px 0px 10px;
padding:0;
}

h3.back_btn a:hover {
color:#748148;
display:block;
background:url(../assets/images/backgrounds/back_btn_over.jpg) no-repeat top right;
height:20px;
width:310px;
margin:10px 10px 0px 10px;
padding:0;
}

h3.back_btn a:active {
color:#7c9c5f;
display:block;
background:url(../assets/images/backgrounds/back_btn.jpg) no-repeat top right;
height:20px;
width:310px;
margin:10px 10px 0px 10px;
padding:0;
}

.news a:link  {
	color:#9c935f;
}

.news a:visited {
	color:#9c935f;
}

.news li a:hover {
	color:#51663d;
}

.news a:active {
	color:#9c935f;
}

/* CONTACT FORM STYLES */

#map {
width:310px;
height:310px;
margin:10px 10px 0px 10px;
}

#mapInfo {
background:#eeeeee;
font-size:0.8em;
color:#7c9c5f;
padding:10px;
}

#mapInfo h2 {
color:#FFFFFF;
line-height:2em;
}

#mapInfo img {
float:left;
margin:0 10px 0 0;
}

#mapInfo p {
width:100px;
float:right;
font-size:0.8em;
}

.send {
margin:0px 10px;
}

.send2 {
margin:0px 10px;
padding:0;
width:75px;
height:50px;
background:url(../assets/images/backgrounds/send.jpg) no-repeat top left;
font-size:20px;
color:#FFFFFF;
cursor:pointer;
border:none;
}

div #enquiry label {
line-height:1em;
}
.input_text {
width:460px;
margin:5px 0px;
padding:0;
font-size:0.8em;
}

#enquiry {
color:#7c9c5f;
text-align:left;
width:480px;
padding:0;
margin:0px 10px 0px 10px;
background-color:#eeeeee;
}

/* GALLERY CELL STYLES */

dl{border-bottom:1px solid #ccc;}

dt{font-weight:bold;}

dt,dd{margin-left:10px; padding-bottom:.2em;}

.col{background-color:#ccc;
	background:url(images/grey-bg.png) no-repeat bottom;
	height:510px;
	width:220px;
	float:left;
	margin-right:20px;
	display:inline;}/*solves possible IE6 3px jog*/

/*Image Vertical align*/
.outer-box{
	width:160px;
	height:140px;
	text-align:center;
	display:table;
	}

.image-wrapper{
	display:table-cell;
	vertical-align:middle;
	}