@import url(grid.css);
@import url(typography.css);
@import url(blog.css);
@import url(navigation.css);

* { margin: 0; padding: 0; outline: none; border: none;}

body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color:#444; background: #147EC1;}

.outer {display:none;}

.white_bg {background:#fff;}

#pageheader { text-align:left; background:url(../images/header_bg.jpg) repeat-x left top; height:206px; border-bottom: 2px solid #1977B8; margin: 0 auto 0; position:relative;z-index:1000;}
#main { text-align:left; }
#pagefooter { margin: 0 auto ; background:#147EC1; height:100px; border-top: 2px solid #1977B8;}

#Section6 > div { width:100%;}

.headline { clear:left;}

.headline h1 { padding: 0!important; font-style: italic; position:relative; top: 10px;}

#logo { float:none; position: relative; top: 12px; left: 40px;  background:url(../images/logo.png) no-repeat; width: 110px; height:116px; display:block;}
#strapline {list-style:none; position:absolute; left: 165px; top: 80px; width: 350px;}
#strapline .line1 { font-size:24px; font-weight:normal; color:#1977B8; float: left; padding: 0 0 4px 0; font-family: 'Cabin', sans-serif; width:100%; letter-spacing:2px;text-align:right; }
#strapline .line2 { font-size:16px; font-weight:bold; color:#1977B8; float: left; padding: 0 0 0 0; font-family: 'Cabin', sans-serif; text-align:right; width:100%;  text-align:right; }
#girl { position:absolute; top:0; right: 0; background:url(../images/girl.jpg) no-repeat; width:219px; height:206px; z-index:1}
#phone { background:#F68C3D; font-size:16px; color:#fff; padding: 4px; text-align: center; width: 140px; position:absolute; top: 75px; left: 612px; z-index:2;}
#phone a { text-decoration:none; font-weight:bold; color:#fff;}

.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}

.imgleft { float:left; margin: 0 10px 10px 0;}
.imgright { float:right; margin: 0 0 10px 10px;}

#Header { position:relative; top: 62px;}

#navigation { float: none; text-align:center; margin: 52px 10px 40px; position:relative; clear:both;}

a.btn_donate {   background: none repeat scroll 0 0 #F68C3D;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    margin: 20px auto;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    width: 175px;}
a.btn_donate { 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	}
a.btn_donate:hover { background:#1977B8; color:#fff; }


/* GRID */

div.section { list-style:none; float:left;min-width:182px; min-height:1px;}
div.section > div { float:left; position:relative;}

.col { float:left;}
.clear { clear: both;}
.clearleft { clear: left;}
.clearright { clear: right;}

.floatright { float:right!important;}
.floatleft { float:left!important;}

.relative { position:relative;}
.absolute { position:absolute;}

.boxed {border:1px solid #ede8e5;}

/* colours */
	   

/*.mainnav { list-style:none; position: relative; top: 0; z-index: 100;}
.mainnav li { float: left; text-align:center; margin: 0 10px 0 0;}
.mainnav li a { text-decoration:none; font-size:12px; color:#eee!important; display:block; padding: 0; line-height:31px; width:112px; height:32px; background:url(../images/btn_bg.png) no-repeat 0 0; text-align:center; font-weight:bold; text-transform:uppercase;}
.mainnav li a.on,
.mainnav li a:hover { text-decoration:none; color:#267CBF!important;  background:url(../images/btn_bg.png) no-repeat 0 -32px }*/


.sm_icons { margin: 0px; display: block; float:right; }	
.sm_icons a { display:inline-block; margin:auto 1px;vertical-align:middle;}	
.sm_icons img.icon { width: auto;}

#newsletter-signup { float:left; text-align:left; margin: 3px 0;}
#newsletter-signup  p { font-size:12px; color:#807055; margin-right: 5px; line-height:26px;}

#frm_newsletter-signup label { font-size:12px; color:#807055; margin-right: 5px;}
#frm_newsletter-signup input[type="text"] { border: 1px solid #d5d0cb; color:#807055; font-size:12px; padding: 2px;
											border-radius: 3px; -moz-border-radius:3px;}
#frm_newsletter-signup input[type="submit"] { background:url('../images/btn_submit.png'); width:55px; height:26px; border: none; text-indent:-9999px;}

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



.imagelink { background:#fff; display:table; height:100%; width:100%;}/*border:1px solid #ede8e5;*/
.contents { width:100%; height:100%; overflow:hidden; position:relative; }
.imagelink .contents {border: 1px solid #ede8e5; }

.imagelink .detail { position:absolute; left:0; bottom:-182px; display:block; height:182px; background:#f8f3ec; width: 100%;opacity: .80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);					
}
.imagelink .detail a { display:block;  color:#5d5147; font-size:12px; line-height:24px; padding: 10px 35px 0 10px; height:auto; margin: 0 13px 0 0;
			background:url('../images/box-arrow-off.png') no-repeat right 10px; text-decoration:none;}
.imagelink .detail a:hover {padding-top:10px; background:url('../images/box-arrow.png') no-repeat right  10px; }

.contents .dummy { position:absolute; top: 83px; right: 13px;}
.contents .dummy a { display:block; width:18px; height:18px; background:url('../images/box-arrow-off.png') no-repeat 0 0; text-decoration:none;}
.contents .dummy a:hover {padding-top:20px; background:url('../images/box-arrow.png') no-repeat 0 0; }


.blank {background:#f8f3ec;}
.imagelink:hover { sbackground:#f8f3ec;}

	  
.contents .caption { position:absolute; left:0; bottom:-182px; display:block; height:182px;  background:#f8f3ec; width: 100%; opacity: .80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);					
}
.contents .caption  p { color:#5d5147; font-size:12px; line-height:18px; padding: 10px; }

.colourbar { width: 100%; height:100%; display:table-cell;border-bottom: 2px solid #fff; }
.colourbar .linktext { width: 100%; height:100%; display:table; }
.colourbar .linktext a {display:table-cell; vertical-align:middle; color:#5d5147; font-size:22px; line-height:24px; padding: 0 35px 0 10px; height: 180px; width:137px;  
			  background:transparent url('../images/box-arrow-off.png') no-repeat 154px center; text-decoration:none; }
.colourbar .linktext a:hover { background: transparent url('../images/box-arrow.png') no-repeat 154px center;  }			  

.colourlink { width: 100%; height:100%; display:table-cell;}
.colourlink .img.absolute { z-index:0;}
.colourlink .overlay a {display:table-cell; vertical-align:middle; color:#5d5147; font-size:22px; line-height:24px; padding: 0 35px 0 10px; height: 50%;
			  background:url('../images/box-arrow-off.png') no-repeat 154px center; text-decoration:none; width:100%; position:relative; z-index:2; }
.colourlink .overlay a:hover { background:url('../images/box-arrow.png') no-repeat 154px center; }			  

.colourlink .overlay { background:#fff; opacity: 1; height: 50%; vertical-align:middle; display:table; width:100%; margin: 25% 0; position:relative; z-index:1;}
.colourlink:hover .overlay { background:#f8f3ec; height: 50%; vertical-align:middle; display:table; width:100%; margin: 25% 0; opacity: .80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // first!
	filter: alpha(opacity=80);					// second!
}

.colourbar.blue.on 		{ border-bottom:2px solid #123f6c; }
.colourbar.green.on 	{ border-bottom:2px solid #047981; }
.colourbar.marine.on 	{ border-bottom:2px solid #0075a5; }
.colourbar.orange.on 	{ border-bottom:2px solid #f39200; }
.colourbar.red.on 		{ border-bottom:2px solid #c51a1b; }
.colourbar.grass.on 	{ border-bottom:2px solid #91af40; } 

.colourlink.blue 		{ border-bottom:2px solid #123f6c;}
.colourlink.green 		{ border-bottom:2px solid #047981;}
.colourlink.marine 		{ border-bottom:2px solid #0075a5;}
.colourlink.orange 		{ border-bottom:2px solid #f39200;}
.colourlink.red 		{ border-bottom:2px solid #c51a1b;}
.colourlink.grass 		{ border-bottom:2px solid #91af40;} 

.colourlink img.absolute { display:none; width:182px;}

#copy_quotebox    { background:#f8f3ec; height: 100%; vertical-align:middle;display:table; width:100%;  }
#copy_quotebox h1 { font-size:27px; font-weight:normal; line-height: 28px; padding: 0 26px; height: 100%; display:table-cell; vertical-align:middle; color:#736350; }

div.staffmenu {background:#f8f3ec; height:100%; }
ul.staffmenu { list-style:none; padding: 45px 0;height:100%; display:table;}
ul.staffmenu li { margin: 10px 0;}
ul.staffmenu li a { padding: 5px 10px 5px 45px;  background:url('../images/box-arrow-white-off.png') no-repeat 20px center; 
					font-size: 12px; font-weight: normal; color: #736350; text-decoration:none; }

ul.staffmenu li a.on,					
ul.staffmenu li a:hover { padding: 5px 10px 5px 45px;  background:url('../images/box-arrow.png') no-repeat 20px center; text-decoration:underline; }


ul.list  { list-style:none!important; padding:0; margin: 0;}
ul.list li { padding: 5px 0;}
.list a { color: #736350; text-decoration:none;}
.list a:hover { color: #736350; text-decoration:underline;}

.clientlist ul { list-style:none; padding: 0;}
.clientlist ul li { font-size: 11px; padding: 0;}


a.back {  background:url('../images/box-arrow-back-off.png') no-repeat left 0; display:block; width: 85px; line-height:18px; padding:0 0 0 23px; 
		  color: #736350; text-decoration:none; font-size:14px; margin:8px 0;}
a:hover.back {  background:url('../images/box-arrow-back.png') no-repeat left 0; text-decoration:underline;}


#copy_enquiries {  background:#f8f3ec;   height:100%; display:table; width:100%;}
#copy_enquiries h2 { font-size: 20px; color:#736350; font-weight: normal; padding: 25px 15px 15px;}
#copy_enquiries h4 { font-size: 16px; color:#736350; font-weight:bold; padding: 0 15px;}
#copy_enquiries p { font-size: 20px; color:#968a7c; font-weight:normal; padding: 4px 15px 15px;}
#copy_enquiries a { font-size: 13px; color:#968a7c; font-weight:normal; text-decoration:none;}
#copy_enquiries a:hover { text-decoration:underline;}

#copy_address {    height:100%; display:table; text-align:left; vertical-align:middle; margin: 35px 0 0 220px; border-right: 1px solid #eee;}
#copy_address h2 { font-size: 20px; color:#736350; font-weight: normal; padding: 25px 15px 15px;}
#copy_address h4 { font-size: 16px; color:#736350; font-weight:bold; padding: 0 15px;}
#copy_address p { font-size: 12px; color:#999; font-weight:normal; padding: 8px 20px 8px;}
#copy_address strong { color:#ccc;}
#copy_address a { text-decoration:underline; color:#eee!important;}
#copy_address a:hover { text-decoration:underline; color:#fff!important;}

.profile.standard { margin:0px auto 10px;}
.profile.small { margin:20px auto 0px;}
.profile.standard div.imagebox { width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #ede8e5;; background:#f8f3ec; display:block; float: left;}
.profile.small div.imagebox { width: 80px; height: 80px; margin: 0 10px 0 0; border: 1px solid #ede8e5;; background:#f8f3ec; display:block; float: left;}

.profile div.details { float:left; }

.profile.standard div.details h2 { font-size:22px; line-height:28px; color:#736350; padding:30px 0 3px;}
.profile.standard div.details h3 { font-size:17px; line-height:20px; color:#736350;}
.profile.standard div.details a  { font-size:12px; line-height:12px; color:#968A7C; text-decoration:none; padding-top:8px; display:block;}
.profile.standard div.details a:hover { text-decoration:underline;}

.profile.small div.details h2 { font-size:22px; line-height:28px; color:#736350; padding-top:14px;}
.profile.small div.details h3 { font-size:17px; line-height:20px; color:#736350;}
.profile.small div.details a  { font-size:12px; line-height:12px; color:#968A7C; text-decoration:none; padding-top:3px; display:block;}
.profile.small div.details a:hover { text-decoration:underline;}


.sitemap { margin: 0; list-style:none; padding: 0; margin: 20px auto 5px; font-size:14px; width:100%}
.sitemap li ul {margin:10px 20px; list-style: square;color: #1977B8;}
.sitemap ul li {margin:5px 0;}
.sitemap li ul > ul {margin-left: 5px; list-style: square!important; color: #1977B8; }
.sitemap li {  font-weight:normal; margin:2px 0 2px ;}
.sitemap ul li {  font-weight:normal;}
.sitemap li a { color:#666; text-decoration:none;}
.sitemap li a:hover { color:#1977B8; text-decoration:underline;}
.sitemap li ul li a { color: #666; text-decoration:none; }
.sitemap li ul li a:hover { color:#1977B8; text-decoration:underline;}
.sitemap li.headline { margin:5px 0 25px!important;}

.sm-footer li { margin:5px 0 25px!important;}

.crossfade-gallery  { overflow:hidden;}

/* FP SCROLLER */
.thumbscroll-gallery { overflow:hidden; position:relative;}
#fp_gallery {     
	height: 378px;
    left: 0;
    overflow: hidden;
    top: 31px;
    width: 572px;
	z-index:0;
}
#outer_container{
    background: none repeat scroll 0 0 #F8F3EC;
    border: 1px solid #EDE8E5;
    height: 182px;
    left: 0;
    margin: 30px 0;
    overflow: hidden;
    padding: 0;
    top: 0px;
    width: 570px;
	z-index:2;
	
}
#thumbScroller{
	position:relative;
	overflow:hidden;
}
#thumbScroller .container{
	position:relative;
	left:0;
}
#thumbScroller .content{
	float:left;
}
#thumbScroller .content div{
	margin: 10px 0 10px 10px;
	height:100%;
}
#thumbScroller .content div:last-child { 
	margin: 10px 10px 10px 10px;
	height:100%;
}
#thumbScroller img,
img.clone{
	
	height:164px;
	border:1px solid #ede8e5;
}
#thumbScroller a{
	padding:2px;
	outline:none;
}
.fp_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	//background:transparent url(../images/icons/pattern2.png) repeat-x bottom left;
}
.fp_loading{
	display:none;
	position:relative;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#000 url(../images/icons/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	z-index:999;
	opacity:0.7;
}
.fp_next,
.fp_prev{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	opacity:0.5;
	z-index:201;
}
.fp_next:hover,
.fp_prev:hover{
	opacity:0.9;
}
.fp_next{
	background:#000 url(../images/icons/next.png) no-repeat center center;
	right:-50px;
}
.fp_prev{
	background:#000 url(../images/icons/prev.png) no-repeat center center;
	left:-50px;
}
.fp_thumbtoggle{
	height:50px;
	background:#000;
	width:200px;
	text-align:center;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	position:fixed;
	left:50%;
	margin-left:-100px;
	bottom:-50px;
	line-height:50px;
	cursor:pointer;
	opacity:0.8;
}
.fp_thumbtoggle:hover{
	opacity:1.0;
}
img.fp_preview{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:200;
}



/* ============== */		   
	


#copyright { float:right; color:#fff; font-size:11px; margin: 35px 0 15px}