/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body { background:#18191B url('../graphics/wood_bg.jpg') repeat-x }
a { color:#382e25 }
a:hover { color:#65503d }

quote{color:#422620;}

#navigation a:hover { color:#65503d }

.sf-menu ul { border:1px solid #634e3d }

.sf-menu a { border-left:1px solid #FFFFD2; border-right:1px solid #cab5a4 }
.sf-menu ul a { border-bottom:1px solid #cab5a4; border-top:1px solid #FFFFD2 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#392d23 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#382e25 }

.sf-menu li li { background:#c3ae9c }
.sf-menu li li li { background:#c3ae9c }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#c3ae9c }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#392d23; color:#FFFFFF !important; border-bottom-color:#cab7a7; border-top-color:#cab7a7 }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#FFF; border-top:1px solid #000 }
.blue-block a { color:#C7E687 }
.blue-block a:hover { color:#fff }

#main-content { background:#DBD1B9; border:2px solid #f3ece3 }

#header .contact-info { color:#eae3dd }
#header .contact-info small em { color:#eae3dd}
#header .contact-info a { color:#eae3dd }
#header .contact-info a:hover { color:#eae3dd }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#DBD1B9; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .left { background:#F3F0E8; border-right:1px solid #FFF }
#main-content .right { border-left:1px solid #A7947A; background:#FFF }
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B }
#main-content quote { color:#422620}

#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#785700; font-style:normal }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#392d23; color:#FFF; border:2px solid #0E3B65 }

#footer { border-left:1px solid #31271e; border-right:1px solid #31271e; color:#FFF; border-top:1px solid #000; background:#31271e }
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background:url('../graphics/header_bg.jpg') no-repeat }
#header h1 {
	width:250px;
	height:75;
	margin:0;
	padding:0;
	position:absolute;
	top:4px;
	left:29px
}
#header h1 a { text-indent:-2000px; display:block; background:url('../graphics/logo.png') no-repeat; width:255px; height:100px }

#header .contact-info {
	text-align:right;
	font-size:18px;
	width:650px;
	height:80px;
	position:absolute;
	right:22px;
	bottom:25px
}
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:italic }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:2000;
	font-size:16px;
	font-weight:bold;
	width:980px;
	background:url('../graphics/nav_bg.gif') no-repeat
}



/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content { width:980px; height:377px; position:relative; z-index:100; border-bottom:1px solid #000 }

#myController { display:none }
#mySlides img { display:block; margin:0 }
.blue-block { display:block !important; text-align:center; padding:15px 0 0 0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; display:block; width:980px; height:48px; background:url('../graphics/blue_bar_bg.gif') repeat-x }
.blue-block a { text-decoration:underline }
.blue-block a:hover { text-decoration:none }

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext {
	cursor:pointer;
	display:block;
	width:116px;
	height:63px;
	text-indent:-5000px;
	position:absolute
}

.jFlowPrev { bottom:0; left:0; background:url('../graphics/button_left.gif') no-repeat }
.jFlowNext { bottom:0; right:0; background:url('../graphics/button_right.gif') no-repeat }

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

.gallery .jFlowPrev { top:0 !important; left:0 }
.gallery .jFlowNext { top:0 !important; right:0 }
.gallery { border-bottom:none; height:561px !important }

.gallery-block {
	width:948px;
	height:468px;
	padding:14px;
	border-bottom:none }
	
.gallery-block ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block ul.bottom { margin:0 }
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block li.last { margin:0 }

.gallery-block li a { display:block; width:146px; height:144px }
.gallery-block li img { display:block; width:146px; height:144px; margin:0 }


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:936px;
	padding:20px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .left {
	width:655px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content .right {
	width:219px;
	margin:0;
	padding:15px;
	float:left }
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 { font-size:23px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif }

#main-content h4 { font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#4b3d1b }

#main-content p { padding:0; margin:15px 0; font-size:14px; line-height:24px }

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:italic; line-height:26px }

#main-content table { font-size:14px; font-weight:regular }

#main-content table ul li { font-size:14px; font-weight:regular; color:#23201B}

/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer {
	position:relative;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size:11px;
	width:938px;
	margin:0 auto;
	padding:20px;
	background-color: #31271e;
}

#footer a:hover { text-decoration:none }
#footer span {
	position:absolute;
	right:344px;
	top:38px
}

/* Styling the work and subsequent pages for the thumbnails etc */
 #portfolio_area {
	width:660px;
	text-align: center;
	min-height: 200px;
	margin-top: 10px;
	clear: both;
}

.portfolio_thumb {
	float: left;
	height: 133px;
	width:200px;
	padding-right: 20px;
	padding-bottom:10px;
}

#portfolio_sections {
	float: left;
	height: 60px;
	width:620px;
	padding-left: 300px;
	background-image:url(../img/portfolio_sections.jpg);
	background-repeat:no-repeat;
	text-align: left;
	padding-top: 20px;
	margin-top: 20px;
}

/*#portfolio_sections ul, #portfolio_sections li{
	margin:0;
	padding: 0;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a{
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	font-size:18px;
	text-decoration:none;
}

#portfolio_sections li a.active {
	font-family:Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	font-size:18px;
	text-decoration:none;
} */