@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}
img { border: 0;}
body { font-family: Arial, Helvetica, sans-serif;}
a { text-decoration: none;}
.clearflt { clear: both;}
.space10rgt { margin-right: 10px;}
.space15rgt { margin-right: 15px;}
.space15top { margin-top: 15px;}
.space13top { margin-top: 13px;}
.space10b { margin-bottom: 10px;}
.space15b, #main-content h4 { margin-bottom: 15px;}
.nomargin { margin: 0;}
.nomarginr { margin-right: 0;}
.fltl { float: left;}
.fltr { float: right;}
.dashed-h { border-bottom: #d6cfb2 dashed 1px;}
.dashed-form { border-bottom: #776100 dashed 1px; margin: 7px 0 10px 0;}

/* Colours
----------------------------------------------- */
#sidebar #blog a, #footer a, #main-content .blog-container a, #main-content .blog-container a.arrow:hover, ul#submenu a, ul#submenu li.nolink, .photo3col a, #main-content a:hover, .contactform, .green, #main-content h5 {color: #776100;}

#sidebar #blog a:hover, #main-content .blog-container a:hover, #main-content .blog-container a.arrow, #footer a:hover, ul#submenu a:hover, .photo3col a:hover, ul#submenu li.active a, #main-content a {color: #f26649;}

#main-content #three-boxes .box .boxcontent a, #main-content h1 a, #main-content h1 a:hover {color: #fff;}

#main-content #three-boxes .box .boxcontent a:hover {color: #d6cfb2;}
#main-content h1.find {background: #f47c2e;}
#main-content h1.hconnect {background: #00a0c6;}

/* Containers
----------------------------------------------- */
#header { 
	background: url(../images/header-bg.png) #f26649 center top no-repeat;
	height: 137px;
}
.container { 
	width: 938px;
	margin: 0 auto;
	position: relative;
}
#logo { 
	background: #FFF;
	padding: 26px 24px;
	width: 271px;
}
#header-right { 
	position: absolute;
	bottom: 28px;
	right: 0;
	width: 240px;
}
#sitemap { 
	text-align: right;
	font-size: 13px;
	padding: 5px;
}
#sitemap a { color: #fff; }
#sitemap a:hover { color: #facabf; }
#sitemap ul { 
	list-style: none;
}
#sitemap ul li { 
	display: inline;
	padding-left: 40px;
}
#reel { 
	border-top: #d6cfb2 dashed 1px;
	border-bottom: #d6cfb2 solid 1px;
	padding: 2px 0;
	z-index: 0;
}
#top-image, #top-image2 { 
	border-top: #d6cfb2 dashed 1px;
	border-bottom: #d6cfb2 solid 1px;
	padding: 2px 0;
	z-index: 0;
}
#top-image { 
	margin-bottom: 15px;
}
#main-container-home, #main-container {
	background: url(../images/bg-main-container.gif) repeat-y 654px 0;
}
#main-container-home {
	margin: 15px 0;
}
.two-images {
	margin: 5px 0 15px 0;
}
#main-container {
	margin-bottom: 15px;
}
#main-content {
	width: 639px;
	float: left;
}
#main-content .bodytext {
	padding: 15px 25px;
}
#main-content .bio, #main-content .two-col {
	float: left;
	width: 396px;
	padding-bottom: 15px;
}
#main-content .bio { width: 396px; }
#main-content .two-col { width: 287px; }
#footer {
	border-top: #bbb07f solid 1px;
	color: #776100;
	font-size: 10px;
	padding: 10px 0;
}
#application-form {
	background: #ddd7bf;
	padding: 20px;
	width: 400px;
}
#logos {
	border-top: #d8d1b5 solid 1px;
	padding: 20px 0;
	color: #776100;
	font-size: 13px;
}
.logo {
	float: left;
	margin: 20px 50px 0 0;
	height: 50px;
}
/* Sidebar
----------------------------------------------- */
#sidebar {
	float: right;
	width: 268px;
}
#sidebar h1 {
	background: #bbb07f;
	padding: 8px 0;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
#sidebar h1.submenu {
	background: #f26649;
}
#sidebar h2 {
	color: #776100;
	font-size: 15px;
	padding-left: 10px;
}
#sidebar #icons, #sidebar #video, #sidebar .social {
	border-bottom: #d6cfb2 dashed 1px;
}
#sidebar .noborder {
	border-bottom: none;
}
#sidebar #icons {
	text-align: center;
	padding: 20px 0;
}
#sidebar #video {
	padding: 15px 0;
}
#sidebar .social {
	padding: 20px 0 20px 3px;
}
.twtr-ft { display: none; } /*twitter widget   .twtr-hd, */

#sidebar #blog {
	padding: 20px 3px;
	color: #776100;
	font-size: 12px;
}
#sidebar #blog ul {
	list-style: none;
	padding-left: 10px;
}
#sidebar #blog ul li {
	border-bottom: dotted #bbb07f 1px;
	padding: 10px 0;
}
#sidebar #blog .arrowl {
	padding: 10px 13px;
}
#sidebar #blog .arrowr {
	padding: 10px 3px;
}
#sidebar #blog .arrowl a.older, #sidebar #blog .arrowr a.newer {
	display: block;
	width: 55px;
	height: 9px;
	text-decoration: none;
	cursor:pointer;
}
#sidebar #blog .arrowl a.older:hover, #sidebar #blog .arrowr a.newer:hover {
	background-position: 0 -9px;
}
#sidebar #blog .arrowl a.older {
	background: url("../images/btn-older-s.gif") no-repeat;
}
#sidebar #blog .arrowr a.newer {
	background: url("../images/btn-newer-s.gif");
}
/* Submenu
----------------------------------------------- */
ul#submenu, ul.submenu2, ul.submenu3 {
	list-style: none;
	font-size: 13px;
}
ul#submenu { margin: 10px 0 40px 0; min-height: 255px;}
ul#submenu.noheight { min-height: inherit;}

ul#submenu a {
	margin-top: 10px;
}
ul#submenu li {
	border-bottom: #d6cfb2 dashed 1px;
	padding: 5px 0 5px 45px;
}
ul#submenu li.active {
	background: url(../images/arrow-submenu.gif) no-repeat 19px 9px;
	color: #f26649;
}
ul#submenu li.noborder {
	border-bottom: none;
}
ul#submenu li.submenu2 {
	border-bottom: none;
	padding-left: 60px;
}
ul#submenu li.submenu3 {
	border-bottom: none;
	padding-left: 75px;
}
ul#submenu li.sublast {
	border-bottom: #d6cfb2 dashed 1px;
	padding-bottom: 10px;
}

/* Text
----------------------------------------------- */
#main-content h1 {
	background: #776100;
	padding: 8px 25px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
}
#main-content h2, #main-content h4 {
	font-size: 17px;
	color: #776100;
	font-weight: normal;
	padding: 10px 0 5px 0;
}
#find #main-content h2 {color: #794400;}
#hconnect #main-content h2 {color: #00a0c6;}
#main-content h2.first {
	padding-top: 0;
}
#main-content h3 {
	padding: 5px 0 0 0;
}
#main-content h5 {
	padding: 15px 0 0 0;
	font-size: 13px;
	line-height: 20px;
}
#main-content .bodytext, .blog-container, #main-content .bio, #main-content h3, .maintext {
	font-size: 13px;
	line-height: 20px;
	color: #333;
}
#main-content .bodytext p, #main-content .bio p {
	padding-bottom: 10px;
}
#main-content .bodytext ul {
	list-style: none;
	padding: 0 0 10px 5px;
}
#main-content .bodytext ul.table {
	padding: 0 0 0px 5px;
}
#main-content .bodytext ul li {
	background: url(../images/bullet-triangle.gif) no-repeat 0 5px;
	padding-left: 10px;
}
#main-content .bodytext ul li.pdf {
	background: url(../images/icon-pdf.png) no-repeat 0 2px;
	padding-left: 18px;
}
#main-content .bodytext ul li.excel {
	background: url(../images/icon-excel.png) no-repeat 0 2px;
	padding-left: 18px;
}
#main-content .bodytext ol {
	margin-left: 19px;
}
#main-content .bodytext ol li {
	padding-bottom: 10px;
}

/* 3 boxes
----------------------------------------------- */
#main-content #three-boxes .box {
	width: 203px;
	height: 164px;
	float: left;
	margin: 0 15px 15px 0;
	color: #fff;
	font-size: 15px;
}
#main-content #three-boxes .last {
	margin-right: 0;
}
#main-content #three-boxes .one {
	background: url(../images/bg-box1.jpg);
}
#main-content #three-boxes .two {
	background: url(../images/bg-box1.jpg);
}
#main-content #three-boxes .three {
	background: url(../images/bg-box1.jpg);
}
#main-content #three-boxes .box .boxcontent {
	padding: 10px 25px;
}
#main-content #three-boxes .box .boxcontent p {
	padding-top: 0px;
}
#main-content #three-boxes .box .boxcontent img {
	margin-right: 5px;
}
/* board
----------------------------------------------- */
.photo3col {width: 203px;}
.photo3col p {
	padding: 10px 0 30px 15px;
	font-size: 13px;
	line-height: 20px;
}
/* Arrows
----------------------------------------------- */
#main-content a.arrow, #main-content #three-boxes a.arrow {
	display: block;
	width: 15px;
}
#main-content a.arrow:hover {
	background-position: 0 -13px;
}
#main-content #three-boxes a.arrow:hover {
	background-position: 0 -12px;
}
.arrowtxt {
	margin-left: 20px;
	font-size: 12px;
	font-weight: bold;
}
#main-content #three-boxes a.arrow {
	background: url("../images/arrow-r-white.png") no-repeat;
	height: 12px;
}
#main-content a.arrow {
	background: url("../images/arrow-r-salmon.png") no-repeat;
	height: 13px;
}

#main-content a.older, #main-content a.newer {
	display: block;
	width: 64px;
	height: 13px;
	cursor:pointer;
}
#main-content a.older:hover, #main-content a.newer:hover {
	background-position: 0 -13px;
}
#main-content a.older {
	background: url("../images/btn-older-l.gif") no-repeat;
}
#main-content a.newer {
	background: url("../images/btn-newer-l.gif");
}
#main-content a.previous, #main-content a.next {
	display: block;
	width: 82px;
	height: 17px;
}
#main-content a.previous:hover, #main-content a.next:hover {
	background-position: 0 -17px;
}
#main-content a.previous {
	background: url("../images/btn-previous.gif") no-repeat;
}
#main-content a.next {
	background: url("../images/btn-next.gif");
}
#main-content a.back {
	display: block;
	width: 15px;
	height: 12px;
	background: url("../images/arrow-l-white.png") no-repeat;
	margin: 4px 10px 0 0;
}
#main-content a.back:hover {
	background-position: 0 -12px;
}
.arrowh1 {
	margin-left: 20px;
}
/* Blog
----------------------------------------------- */
.blog-container {
	border-bottom: #d6cfb2 dashed 1px;
	background: url(../images/bg-blog-container.gif) repeat-y 319px 0;
	padding-bottom: 10px;
}
.blogbox {
	float: left;
	padding: 10px 25px;
	width: 269px;
}
.blog-container .date {
	border-top: #bbb07f 1px solid;
	border-bottom: #bbb07f 1px solid;
	font-size: 11px;
	color: #776100;
	padding: 2px 0;
}
.blog-container p{
	padding: 6px 0 0 0;
}
/* text fields
----------------------------------------------- */
fieldset.search, fieldset.subscribe {
	border: none;
	width: 240px;
	margin-top: 9px;
}
.search input, .search button, .subscribe input, .subscribe button {
	border: none;
	float: left;
}
.search input.box, .subscribe input.box {
	width: 196px;
	height: 23px;
	padding: 4px 0 0 13px;
	color: #776100;
}
.search button.btn, .subscribe button.btn {
	width: 31px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
}
.search input.box {
	background: url(../images/search-field.png) no-repeat left top;
}
.search input.box:focus {
	background: url(../images/search-field.png) no-repeat left -27px;
	outline: none;
}
.search button.btn {
	background: url(../images/search-field.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(../images/search-field.png) no-repeat bottom right;
}
.subscribe input.box {
	background: url(../images/subscribe-field.png) no-repeat left top;
}
.subscribe input.box:focus {
	background: url(../images/subscribe-field.png) no-repeat left -27px;
	outline: none;
}
.subscribe button.btn {
	background: url(../images/subscribe-field.png) no-repeat top right;
}
.subscribe button.btn:hover {
	background: url(../images/subscribe-field.png) no-repeat bottom right;
}
.contact-textbox {width: 400px; border:solid 1px #bbb07f;}
.contact-btn {width: 400px; text-align: right;}
.contact-btn .btn, #application-form .btn {background: #776100; color: #FFF; border: none; padding: 2px 8px; margin-top: 10px;}

/* tables
----------------------------------------------- */
#progress td.header {border-bottom :solid 2px #776100;}
#progress td.maininfo {border-bottom :solid 1px #bbb07f; padding: 5px 0; line-height: 15px;}
#progress td.last {border-bottom :none;}
#progress td.footer {border-top :solid 2px #776100;}

/* pdf thumbnails
----------------------------------------------- */
.pdf-thumb { 
	width: 136px;
	font-size: 12px;
	line-height: 15px;
	float: left;
	margin: 0 15px 15px 0;
}
.pdf-img { border: 1px solid #ddd7bf;}
.last { margin-right: 0px;}

/* gallery thumbnails
----------------------------------------------- */
.set-thumb { 
	width: 85px;
	font-size: 12px;
	line-height: 15px;
	float: left;
	margin: 0 15px 15px 0;
}
.last { margin-right: 0px;}