a { color:#517307 }
a:hover { color:#67920D }

#h2 {
	color:#254f7b;
	border-bottom:1px solid #7fb1c3
}

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

.sf-menu a { 
	border-left:1px solid #accbcf; 
	}

.sf-menu ul a { 
	border-bottom:1px solid #2f4e6b; 
	border-top:1px solid #e5e5e1; 
	}

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

.sf-menu ul a:hover { background:#4d83b0 !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:#FFFFFF
}

.sf-menu li li { background:#4f9cc8 }
.sf-menu li li li { background:#4f9cc8 }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	background: url('../images/nav_bg_hover.png') repeat-x; background-position:top center;
}

.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:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

#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 {
	border:1px solid #7fb1c3;
	background-image:url(../images/trans1.png);
	background-repeat:repeat;
}

#header .contact-info {
	color:#474747
}
#header .contact-info small em { color:#FFF }
#header .contact-info a { color:#C7E687 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#FFF !important }

.gallery-block {

}
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#flash-gallery {
	border-top:1px solid #d7e2ec;
	border-left:1px solid #9fc3d7;
	border-right:1px solid #bad7e7;
	border-bottom:1px solid #9fc3d7;
	margin-bottom:10px;
	width:694px;
}
#main-content .flash-g {
	margin-bottom:10px;
	width:650px;
	float:left;
}

#main-content .left {
	width:420px;
	height: 400px;
	padding:15px;
	float:left;
}
#main-content .right {
	width:520px;
	margin:0;
	padding:15px;
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 400px;
	}
#main-content .right2 {
	width:202px;
	margin:0;
	margin-top:-6px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	float:left;
	margin-left: 10px;
	color:#FFFFFF;
	}
#main-content .whole {
	border-top:1px solid #d7e2ec;
	border-left:1px solid #9fc3d7;
	border-right:1px solid #bad7e7;
	border-bottom:1px solid #9fc3d7;
	background-image:url(../graphics/whole.png);
	background-repeat:repeat-x;
	width:905px;
	margin:0;
	padding:15px;
	float:left;
}
#main-content .whole_gallery {
	width:938px;
	margin:0;
	float:left;
}
#main-content ul {
	color:black;
}
#main-content .right ul { color:#23201B !important }

#main-content h3 { color:#4B3D1B }
#main-content h4 {
	font-size:16px;
	line-height:16px;
	color:#254f7b;
	margin-bottom:-12px;
}

#main-content p {
	color:black;
}
#main-content .right p {
	color: black; !important
}
#main-content p.intro-text {
	color: black;
}

#main-content a {
	color:#1d5385;
	text-decoration: underline;
}
.portfolio-entry { border-top:1px solid #DBD1B9 }

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

#footer {
	color:#666666;
	border-top:1px solid #5b808d
}
#footer a {
	color:#666666
}
#footer a:hover { color:#FFF }


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

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0
}
/*
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
*/	
#content { width:980px; margin: 40px auto 0 }
.clear { clear:both; display:block }

img { border:none }
	
.img-left {
	float:left;
	margin:0 15px 15px 0;
	position:relative;
	top:5px;
	border: 1px solid #888888;
}
.img-right {
	float:right;
	position:relative;
	top:5px;
	margin-left: 15px;
	border: 1px solid #888888;
	margin-bottom: 10px;
}
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header {
	position:relative;
	width:980px;
	height:100px;
	background:url('../images/header_bg.jpg') no-repeat
}
#header h1 {
	width:506px;
	height:102px;
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	left:12px
}
#header h1 a {
	text-indent:-2000px;
	display:block;
	background:url('../images/logo.png') no-repeat;
	height: 170px;
}

#header .contact-info {
	text-align:right;
	font-size:14px;
	width:288px;
	height:84px;
	position:absolute;
	right:16px;
	bottom:61px;
	padding-top: 15px;
}
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#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;
	font-style:italic;
	position:relative;
	z-index:2000;
	font-weight:900;
	font-weight:bold;
	width:980px;
	height:34px;
	background:url('../images/nav_bg.png') no-repeat;
	border-bottom:1px solid #5b808d;
}

#navigation a.active { border-left:none;color:#1d5385; }
#navigation a.non { border-right:none;color:#6b8aa7; }
#navigation a:hover { text-decoration:none;color:#fff; }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none;	text-transform:capitalize;
 }
	.sf-menu {
}
	.sf-menu ul { position:absolute; top:-999em; width:12em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:1.9em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0 }
	.sf-menu a {
	font-size:14px;
	padding:9px 13px 8px 13px;
	text-decoration:none;
}
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }

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

#main-content {
	width:938px;
	padding:20px;
	border-bottom:none;
	background-image: url(../images/bg.png);
}
	
#main-content.subpage { border-top:none }
	
#main-content ul {
	line-height:20px;
	font-size:13px
}

#main-content h1 {
	font-size:25px;
	font-weight:bold;
	line-height:24px;
	color:#1d5385;
	margin:0;
	padding:0 0 10px 0;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	letter-spacing: -1px;
	border-bottom:1px solid #1d5385;
}

#main-content h2 {
	font-size:25px;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	letter-spacing: -1px;
	color:#1d5385;
	border-bottom:1px solid #1d5385;
	}
#main-content h5 {
	font-size:25px;
	margin:0;
	padding:0 0 5px 0;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	letter-spacing: -1px;
	color:#fff;
	border-bottom:1px solid #fff;
	}
#main-content h6 {
	font-size:13px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: normal;
	}
#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 p {
	padding:0;
	margin:15px 0;
	font-size:15px;
	line-height:20px
}

#main-content p.intro-text {
	margin:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	line-height:19px
}


/* --------------------------------------------- */
/* 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 }

/* Scrollbar styles */

.leftscroll .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.leftscroll a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.leftscroll a.jScrollArrowDown {
	left: 0;
	right: auto;
}

/* Contact Form */

.contactField {
	width:267px; 
	height:21px;
	background-color:#FFFFFF; 
	border:1px solid #35609A; 
	color:#35609a; font-family:arial; 
	font-size:11px; 
	padding-left:5px; 
	padding-top:2px;
}

.stateField {
	background-color:#FFFFFF; 
	border:1px solid #35609A; 
	color:#35609a; font-family:arial; 
	font-size:11px; 
	padding-left:5px; 
	padding-top:2px;
}

.postcodeField {
	width:120px;
	height:21px;
	background-color:#FFFFFF; 
	border:1px solid #35609A; 
	color:#35609a; font-family:arial; 
	font-size:11px; 
	padding-left:5px; 
	padding-top:2px;
}

.commentsField {
	width:267px; 
	height:115px;
	background-color:#FFFFFF; 
	border:1px solid #35609A; 
	color:#35609a; font-family:arial; 
	font-size:11px; 
	padding-left:5px; 
	padding-top:2px;
}

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

#footer {
	position:relative;
	font-size:12px;
	width:940px;
	margin:0 auto;
	padding:20px
}
#footer a {
	text-decoration:none
}
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }