/* @override 
	http://www.newbyleisure.local/css/styles.css
*/

/* Newby Leisure Website
@Copyright 	-	Artsgraphica
@Author		-	Ben
 */
/* @group Undo Html */

/* These Styles are to reset all settings before we make new styles */

:link,:visited 
{ text-decoration:none }
ul,ol 
{ list-style:none }
h1,h2,h3,h4,h5,h6,pre,code 
{ font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input 
{ margin:0px; padding:0px }
a img,:link img,:visited img 
{ border:none }
address 
{ font-style:normal }
* 
{ outline: none;}
/* @end */

body
{
	background: url(../images/page/background.gif) repeat-x;
	background-color: #f3f3f3;
	font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

body.home
{
	background: url(../images/page/homepage-bg.gif) repeat-x;
	background-color: #f3f3f3;
	font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @group Links */

a:link, a:visited {
	color: #0e6b92;
	z-index: 0;
	position:relative;
}

a:hover, a:active {
	text-decoration: underline;
	z-index: 0;
	position:relative;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	text-decoration: none;
	z-index: 0;
	position:relative;
}



/* @end */

/* @group Homepage */

#homepage-header div.service-tabs {
	float: left;
	clear: left;
	display: inline;
	width: 960px;
	height: 80px;
	background-image: url(/images/page/tabs-bg.gif);
}


#homepage-content {
	float: left;
	clear: left;
	display: inline;
	width: 960px;
}

.homepage-banner{
	float: left;
	clear: none;
	display: inline;
	width: 735px;
	height: 530px;
	position: relative;
	overflow: hidden;
	font-size: 1em;
}

.homepage-banner h2, .homepage-banner p {
	text-indent: -5000px;
	overflow: hidden;
}

.banner-content1,
.banner-content2{
	float: left;
	clear: none;
	display: inline;
	width: 735px;
	height: 530px;
	position: relative;
	overflow: hidden;
	font-size: 1em;
	
}

a.banner-button{
	position:absolute;
	width: 134px;
	height: 32px;
	background: url(/images/page/banner-btn.gif) no-repeat 0 0;
	bottom: 25px;
	right: 40px;
	text-indent: -5000px;
	overflow: hidden;

}

a.banner-button:hover{
	background: url(/images/page/banner-btn.gif) no-repeat 100% 100%;
}

.service-tabs ul.tabs {
	float: left;
	clear: left;
	display: inline;
	width: 940px;
	margin-left: 10px;
	height: 60px;
}

.service-tabs ul.tabs li{
	float: left;
	clear: none;
	display: inline;
}

/* @group Recent Projects */





#recentprojectsWrapper{
	float: left;
	clear:left;
	display: inline;
	width: 460px;
	height: 520px;
}

.recentprojects_item {
	float: left;
	clear: left;
	display: inline;
	position: relative;
	width: 460px;
	height: 160px;
	margin-bottom: 15px;
	margin-left: 2px;
	overflow: hidden;
}


.recentprojects_summary {
	float: left;
	display: inline;
	width: 250px;
	margin-top: 10px;
	height: 140px;
}


.recentprojects_summary h4{
	color: #666;
	text-transform: uppercase;
	font: bold normal 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	border-bottom: 1px solid #e2e2e2;
	width: 250px;
	padding-bottom: 5px;
	margin-top: 5px;
}


.recentprojects_summary p{
	float:left;
	clear: left;
	display: inline;
	color: #666;
	font-size: 1em;
	margin-top: 10px;
	line-height: 14px;
	width: 240px;
}


.more-projects{
	float: left;
	clear: left;
	display: inline;
	width: 450px;
	height: 44px;
	background: url(/images/page/more-projects-bg.gif) no-repeat;
	margin-left: 6px;
	position: relative;	
}



div#projectsJumpMenu {
	position: absolute;
	width: 160px;
	height: 20px;
	right: 55px;
	bottom: 12px;
}

select#projectsJumpMenu {
	float: left;
	clear: left;
	display: block;
	width: 200px;
	height: 20px;

}

/* @end */




/* @group Latest News */



#latestnewsWrapper{
	float: left;
	clear:left;
	display: inline;
	width: 460px;
	height: 520px;
}

.latestnews_item {
	float: left;
	clear: left;
	display: inline;
	position: relative;
	width: 460px;
	height: 160px;
	margin-bottom: 15px;
	margin-left: 2px;
	overflow: hidden;
}


.latestnews_summary {
	float: left;
	display: inline;
	width: 250px;
	margin-top: 10px;
	height: 140px;
}


.latestnews_summary h4{
	color: #666;
	text-transform: uppercase;
	font: bold normal 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
}


.latestnews_summary p{
	float:left;
	clear: left;
	display: inline;
	color: #666;
	font-size: 1em;
	margin-top: 10px;
	line-height: 14px;
	width: 240px;
}

.latestnews_summary p.date{
	color: #ff9965;	
	font-size: 0.85em;
	margin-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
	width: 250px;
	padding-bottom: 5px;
	margin-top: 5px;
}



.more-news{
	float: left;
	clear: left;
	display: inline;
	width: 450px;
	height: 44px;
	background: url(/images/page/more-news-bg.gif) no-repeat;
	margin-left: 6px;
	position: relative;
}

a.more-news-button {
	width: 115px;
	height: 32px;
	background: url(/images/page/more-news-btn.gif) no-repeat 0 0;
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-indent: -5000px;
	overflow: hidden;
}

a.more-news-button:hover {
	background: url(/images/page/more-news-btn.gif) no-repeat 0% 100%;
}

/* @end */

/* @group Services Tabs */

.tabs li a#newby-leisure {
	float: left;
	clear: none;
	display: block;
	width: 159px;
	height: 60px;
	background: url(/images/page/newby-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#newby-leisure:hover {
	background: url(/images/page/newby-tab.gif) no-repeat 0% 100%;
}

.tabs li a#newby-leisure.selected {
	background: url(/images/page/newby-selected.gif) no-repeat;
}

.tabs li a#physical-play {
	float: left;
	clear: none;
	display: block;
	width: 155px;
	height: 60px;
	background: url(/images/page/physical-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#physical-play:hover {
	background: url(/images/page/physical-tab.gif) no-repeat 0% 100%;
}

.tabs li a#physical-play.selected {
	background: url(/images/page/physical-selected.gif) no-repeat;
}

.tabs li a#natural-sensory {
	float: left;
	clear: none;
	display: block;
	width: 155px;
	height: 60px;
	background: url(/images/page/natural-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#natural-sensory:hover {
	background: url(/images/page/natural-tab.gif) no-repeat 0% 100%;
}

.tabs li a#natural-sensory.selected {
	background: url(/images/page/natural-selected.gif) no-repeat;
}

.tabs li a#imaginative-play {
	float: left;
	clear: none;
	display: block;
	width: 155px;
	height: 60px;
	background: url(/images/page/imaginative-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#imaginative-play:hover {
	background: url(/images/page/imaginative-tab.gif) no-repeat 0% 100%;
}

.tabs li a#imaginative-play.selected {
	background: url(/images/page/imaginative-selected.gif) no-repeat;
}

.tabs li a#shade-shelter {
	float: left;
	clear: none;
	display: block;
	width: 155px;
	height: 60px;
	background: url(/images/page/shade-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#shade-shelter:hover {
	background: url(/images/page/shade-tab.gif) no-repeat 0% 100%;
}

.tabs li a#shade-shelter.selected {
	background: url(/images/page/shade-selected.gif) no-repeat;
}

.tabs li a#outdoor-resources {
	float: left;
	clear: none;
	display: block;
	width: 161px;
	height: 60px;
	background: url(/images/page/outdoor-tab.gif) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.tabs li a#outdoor-resources:hover {
	background: url(/images/page/outdoor-tab.gif) no-repeat 0% 100%;
}

.tabs li a#outdoor-resources.selected {
	background: url(/images/page/outdoor-selected.gif) no-repeat;
}

/* @end */




/* @end */




/* @group header */


#header {
	width: 960px;
	height: 400px;
	float: left;
	clear: left;
	display: block;
}


#homepage-header {
	width: 960px;
	height: 392px;
	float: left;
	clear: left;
	display: block;
}


#header-logo {
	height: 400px;
	width: 220px;
	float: left;
	clear: left;
	overflow: hidden;
	display: inline;
	background-image: url(/images/page/logo.jpg);
	
}

#header-logo a h1 {
	float: left;
	height: 220px;
	width: 210px;
	text-indent: -5000px;
	overflow: hidden;
}


#header-logo-home {
	height: 400px;
	width: 220px;
	float: left;
	clear: left;
	overflow: hidden;
	display: inline;
	background: url(/images/page/home-logo.jpg) no-repeat;
}

#header-logo-home a h1 {
	float: left;
	height: 220px;
	width: 210px;
	text-indent: -5000px;
	overflow: hidden;
}

.header-right {
	float: left;
	clear: none;
	display: inline;
	width: 730px;
}

.banner{
	float: left;
	clear: none;
	display: inline;
	width: 735px;
	height: 359px;
	position: relative;
	overflow: hidden;
	font-size: 1em;
}

.banner h1{
	color: #666;
	text-transform: uppercase;
	position: absolute;
	bottom: 30px;
	left: 10px;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 710px;
	height: 30px;
	overflow: hidden;
}

.banner h1 strong{
	color: #ff9965;
	font-weight: bold;
}

/* @end */

/* @group Layout */

#wrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#page {
	float: left;
	clear: left;
	display: inline;
	width: 960px;
}

#homepage-content h2{
	float: left;
	clear: left;
	display: inline;
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 460px;
	height: 30px;
	
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 10px;
}

#homepage-content h2 strong{
	color: #ff9965;
	font-weight: bold;
}

.homepage-left-col{
	float: left;
	clear:left;
	display: inline;
	width: 469px;
	border-right: 1px solid #ccc;
	margin-left: 10px;
	height: 605px;
}

.homepage-right-col{
	float: left;
	clear: none;
	display: inline;
	width: 459px;
	border-left: 1px solid #fff;
	padding-left: 10px;
	height: 605px;
}

.left-col{
	width: 220px;
	display: inline;
	float: left;
	background: url(/images/page/left-col-bg.gif) repeat-y;
}

.side-nav-home{
	width: 220px;
	display: inline;
	float: left;
}

.right-col{
	width: 740px;
	float: right;
	display: inline;
	margin-top: 20px;
}

.page-content{
	width: 720px;
	float: left;
	clear: none;
	display: inline;
	margin-left: 10px;
	padding-bottom: 10px;
}

.project-text {
	float: left;
	display: inline;
	width: 720px;
}

div.project-image {
	float: right;
	display: inline;
	width: 290px;
	height: 220px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.project-image .feature-image{
	width: 260px;
	height: 195px;
	margin-top: 5px;
	margin-left: 5px;
}

.page-gallery {
	float: left;
	width: 730px;
	display: inline;
	margin-left: 10px;
}

.gallery-container{
	float: left;
	display: inline;
	width: 740px;
	margin-top: 20px;
	margin-bottom: 10px;
}


.related-projects {
	width: 740px;
	float: left;
	clear: none;
	display: inline;
	margin-top: 10px;
}

#relatedProjectsDropdown {
	float: left;
	display: inline;
	
	width: 160px;
	margin-top: 7px;
}

select#projectsDropdown {
	float: left;
	display: inline;
	width: 160px;
	margin-top: 15px;
}

div.related-project-item {
	float: left;
	clear: left;
	display: inline;
	width: 320px;
	margin-left: 15px;
	background: url(/images/page/arrow-2.gif) no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 15px;
	overflow: hidden;
}

div.related-project-item a{
	float: left;
	clear: left;
	display: block;
	color: #fff;
	font-size: 0.9em;
	width: 320px;
	height: 15px;
	overflow: hidden;
}

.panels-container {
	float: left;
	clear: left;
	display: inline;
	width: 740px;
	margin-top: 10px;
}

/* @end */

/* @group Projects */

#projectsByService {
	float: left;
	display: inline;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 740px;
}

#featuredProjects {
	float: left;
	display: inline;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 740px;
}


.project_small h4 {
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	width: 690px;
	margin-left: 10px;
}

.project_small h4 strong{
	color: #ff9965;
	font-weight: bold;
}


.project_small div.page-1col.row-end p.padding-30 {
	float: left;
	width: 460px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}


.row-end.project_small {
	float: left;
	clear: left;
	width: 720px;
	height:198px;
	display: inline;
	margin-bottom: 10px;
	background: url(/images/page/gallery-top.jpg) no-repeat;
	background-color: #005c89;
}

.row-end.project_small .project-end{
	background: url(/images/page/gallery-bottom.jpg) no-repeat;
	width: 720px;
	height: 10px;
}

.relatedProjects-panel{
	float: left;
	clear: left;
	display: inline;
	width: 360px;
	height: 182px;
	margin-left: 10px;
	background: url(/images/page/related-projects-panel.gif) no-repeat;
	overflow: hidden;
	margin-top: 10px;
}


.relatedProjects-panel h2{
	width: 177px;
	float: left;
	display: inline;
	margin-left: 13px;
	margin-top: 15px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	height: 25px;
	overflow: hidden;
	margin-bottom: 15px;
}

.relatedProjects-panel p.default {
	float: left;
	clear: left;
	display: inline;
	color: #fff;
	margin-left: 15px;
	width: 330px;
	font-size: 0.9em;
	line-height: 20px;
}

.information-panel{
	float: left;
	display: inline;
	width: 360px;
	height: 182px;
	margin-left: 10px;
	background: url(/images/page/information-panel.gif) no-repeat;
	margin-top: 10px;
}


.information-panel h2{
	width: 330px;
	float: left;
	display: inline;
	margin-left: 13px;
	margin-top: 15px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	height: 25px;
	overflow: hidden;
	margin-bottom: 15px;
}

.information-panel a{
	float: left;
	clear: left;
	display: inline;
	color: #fff;
	width: 330px;
	font-size: 0.9em;
	line-height: 20px;
	height: 120px;
	padding-left: 10px;
}

.information-panel a:hover{
	text-decoration: none;
}


/* @end */




/* @group Banners */

#banner
{
	float: left;
	clear: left;
	display: block;
	width:  960px;
	height: 390px;
	/* background: url(../images/banners/banner.jpg) no-repeat 100% 100%; */
	position: relative;
}

#homepage-banner
{
	float: left;
	clear: left;
	display: block;
	width:  960px;
	height: 650px;
	/* background: url(../images/banners/banner.jpg) no-repeat 100% 100%; */
	position: relative;
}



.project-banner
{
	float: left;
	clear: left;
	display: inline;
	width:  960px;
	height: 370px;
	background: url(../images/banners/project-bg.jpg) no-repeat 0% 0%;
	position: relative;
}

.search-banner
{
	float: left;
	clear: left;
	display: inline;
	width:  960px;
	height: 360px;
	background: url(../images/banners/search.jpg) no-repeat 0% 0%;
	position: relative;
}

.search-banner h1
{
	color: #666;
	text-transform: uppercase;
	position: absolute;
	bottom: 30px;
	left: 10px;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 710px;
	height: 30px;
	overflow: hidden;
}

.project-banner h1
{
	position: absolute;
	top: 115px;
	left: 30px;
	color: #ff9965;
	text-transform: uppercase;
	font: normal normal 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 325px;
}

.project-banner h1 strong
{
	color: #fff;
}


.project-banner h2 {
	position: absolute;
	bottom: 35px;
	left: 10px;
	background: url(/images/page/arrow-2.gif) no-repeat 0 5px;
	width: 710px;
	height: 25px;
	padding-left: 15px;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0c5979;
	border-bottom: 1px solid #dcdcdc;
	
	/*color: #666;
	text-transform: uppercase;
	position: absolute;
	bottom: 30px;
	left: 10px;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 660px;
	overflow: hidden;*/
}

/*.project-banner  h2 strong{
	color: #ff9965;
	font-weight: bold;
}*/


span.large-frame{
	position: absolute;
	width: 384px;
	height: 304px;
	right: 213px;
	z-index: 9999999 !important;
	bottom: 55px;
}

.project-banner .banner-image{
	position: absolute;
	width: 353px;
	height: 265px;
}

/* @end */

/* @group Navigation */

/* @group Clever Filter Dropdowns */
/*	
	This is necessary to let the drop down menus for filtering sectors
	and services float next to their respective headings, and then put
	a suitable border on the whole thing! NICE!
*/

/* These add borders to the bottom of the divs which have them switched off on the h3 */
#projectsByDateDropdown, 
#projectsBySectorDropdown,
#projectsByServiceDropdown,
#combinedProjectDropdown
{
	float: left;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 20px;
	margin-left: 10px;
}

/* Since h3's aren't floated we need to float these and turn the border off */
#projectsByDateDropdown h3, 
#projectsBySectorDropdown h3,
#projectsByServiceDropdown h3,
#combinedProjectDropdown h3
{
	float: left;
	border:none;
	width: 450px;
	margin-top: 3px;
}

#projectsByDateDropdown h3 strong, 
#projectsBySectorDropdown h3 strong,
#projectsByServiceDropdown h3 strong,
#combinedProjectDropdown h3 strong
{
	float: left;
	border:none;
}

/* now float the dropdown to the right and pad it a little */
#projectsByDateDropdown form, 
#projectsBySectorDropdown form,
#projectsByServiceDropdown form,
#combinedProjectDropdown form
{
	float: right;
}

/* @end */

/* @group Top Nav */


.top-nav {
	width: 740px;
	height: 41px;
	float: left;
	display: inline;
}

.top-nav ul
{
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
	z-index: 10000;
	text-transform: uppercase;
	font-size: 0.9em;
}

#topnav li
{
	float: left;
	z-index: 10000;
}


#nav-left
{
	float: left;
	height: 31px;
	width: 600px;
	
}

/* Nav items */

.nav-item a
{
	color: #333;
	text-decoration: none;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	height: 35px;
	z-index: 10000;
	font-weight: bold;
}

.nav-item a strong
{
	
	padding-top: 14px;
	width: 100%;
	font-weight: bold;
}

.nav-item a, .nav-item a strong
{
	display: block;
	float: left;
	
}

.nav-item a:hover, .nav-selected a:hover, .nav-item a.active, .nav-selected a.active
{
	color: #ff8533;
	height: 35px;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
}


#sectors-dropdown li.noclear
{
	clear: none;
}

/* Selected Nav items */

.nav-selected a
{
	color: #ff8533;
	text-decoration: none;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	height: 35px;
}

.nav-selected a strong
{
	padding-top: 14px;
	width: 100%;
}

.nav-selected a, .nav-selected a strong
{
	display: block;
	float: left;
}

/* Add widths for IE */
.nav-home
{
	width: 50px;
	margin-right: 2px;
	font-size: 0.95em;
}

.nav-services
{
	width: 168px;
	margin-right: 2px;
	position: relative;
	font-size: 0.95em;
	z-index: 3000;
}



.nav-projects
{
	width: 75px;
	margin-right: 2px;
	font-size: 0.95em;
}

.nav-news
{
	width: 55px;
	margin-right: 2px;
	font-size: 0.95em;
}

.nav-about
{
	width: 55px;
	margin-right: 2px;
	font-size: 0.95em;
}

.nav-contact
{
	width: 70px;
	margin-right: 2px;
	font-size: 0.95em;
}

/* Dropdown items */

/* Services Dropdown item */

.nav-services ul
{
	width: 160px;
	position: absolute;
	top: 41px;
	left: 1px;
	background: #f1f1f1 repeat-x 100% 100%;
	margin-bottom: 5px;
	float: left;
	clear: left;
	z-index: 1000;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2),
						-3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2),
					-3px 3px 3px rgba(0,0,0,0.2);
	display: none;
}

.nav-services ul li a
{
	background:none;
}

.services-dropdown a
{
	text-align: left;
	display: block;
	text-indent: 8px;
	width: 160px;
	height: 30px;
}

.services-dropdown li
{
	float: left;
	clear: left;
	background-image: none;
	width: 100%;
	text-align: left;
	margin-top: -1px;
}

.services-dropdown li a:link, .services-dropdown li a:visited
{
	width: 100%;
	display: block;
	background-image: none;
	color: #666;
	border: none;
}

.services-dropdown li a:hover, .services-dropdown li a:active
{
	width: 100%;
	display: block;
	background-image: none;
	color: #ff8533;
	height: 30px;
}

/* Adds left and right borders */

.company-dropdown div
{
	padding-bottom: 0px;
	float: left;
	clear: left;
	width: 211px;
	font-size: 0.9em;
}

/* Company Dropdown Item */
.nav-company ul
{
	width: 260px;
	position: absolute;
	top: 31px;
	left: 1px;
	background: #f1f1f1 url(/images/page/company-pulldown-bg.gif) repeat-x 100% 100%;
	margin-bottom: 5px;
	float: left;
	clear: left;
	z-index: 100;
	border-bottom-style: none;
	border-top-style: none;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2), 
						-3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2), 
					-3px 3px 3px rgba(0,0,0,0.2);
	display: none;
}

.nav-company ul li a
{
	background:none;
}

.company-dropdown a
{
	text-align: left;
	display: block;
	text-indent: 8px;
	width: 330px;
}

.company-dropdown li
{
	float: left;
	clear: left;
	background-image: none;
	width: 100%;
	text-align: left;
	margin-top: -1px;
}

.company-dropdown li a:link, .company-dropdown li a:visited
{
	width: 100%;
	display: block;
	background-image: none;
	color: #666;
	border-top: none;
	border-left: none;
	border-right: none;
	font-weight: bold;
}

.company-dropdown li a:hover, .company-dropdown li a:active
{
	width: 100%;
	display: block;
	background-image: none;
	color: #fff;
	background-color: #036564;
	font-weight: bold;
}

/* Sectors Dropdown Item */
.nav-sectors ul
{
	width: 200px;
	position: absolute;
	top: 31px;
	left: -119px;
	background: #f1f1f1 url(/images/page/company-pulldown-bg.gif) repeat-x 100% 100%;
	margin-bottom: 5px;
	float: left;
	clear: left;
	z-index: 10000;
	border-bottom-style: none;
	border-top-style: none;
	display: none;
}

.nav-sectors ul.part1
{
	z-index: 1000;
	-webkit-box-shadow:	-3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.2);
	border-right: 1px solid #CCC;
	height: 325px;
}

.nav-sectors ul.part2
{
	left: 82px;
	z-index: 99;
	-webkit-box-shadow:	-3px 3px 3px rgba(0,0,0,0.1), 3px 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.1), 3px 3px 3px rgba(0,0,0,0.1);
	height: 325px;
}

.nav-sectors ul.part3
{
	left: 272px;
	z-index: 100;
	-webkit-box-shadow:	3px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	border-left: 1px solid #CCC;
	height: 325px;
}

.nav-sectors ul li a
{
	background:none;
}

.sectors-dropdown a
{
	text-align: left;
	display: block;
	text-indent: 8px;
	width: 330px;
}

.sectors-dropdown li
{
	float: left;
	clear: left;
	background-image: none;
	width: 100%;
	text-align: left;
	margin-top: -1px;
}

.sectors-dropdown li a:link, .sectors-dropdown li a:visited
{
	width: 100%;
	display: block;
	background-image: none;
	color: #666;
	border-top: none;
	border-left: none;
	border-right: none;
}

.sectors-dropdown li a:hover, .sectors-dropdown li a:active
{
	width: 100%;
	display: block;
	background-image: none;
	color: #fff;
	background-color: #036564;
}


/* Styles for drop down items */







/* @end */

/* @group Vertical Nav */

.nav {
	clear: left;
	float: left;
	width: 200px;
	display: inline;
	background-image: none;
	background-repeat: no-repeat;
	background-position: -2px top;
	z-index: 0;
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -95px;
	text-transform: uppercase;
}

.nav ul {
	clear: left;
	float: left;
}

.nav li {
	list-style-type: none;
	width: 200px;
	clear: left;
	float: left;
	background-image: none;
	z-index: 0;
	font-size: 0.85em;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.nav a {
	text-decoration: none;
	display: block;
	height: 100%;
	
}


.nav h3{
	color: #0e6b92;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	z-index: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.sidenav0-item a, .sidenav0-selected a{
	line-height: 30px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
} 

.sidenav0-item a:link, .sidenav0-item a:visited {
	color: #878787;
	background: url(/images/page/arrow-1.gif) no-repeat 10px 11px;
	padding-left: 25px;
}

.sidenav0-item a:hover, .sidenav0-item a:active {
	color: #fff;
	background: url(/images/page/side-selected.gif) repeat-y;
	padding-left: 25px;
}

.sidenav0-selected a:link, .sidenav0-selected a:visited {
	color: #fff;
	background: url(/images/page/side-selected.gif) repeat-y;
	padding-left: 25px;

}

.sidenav0-selected a:hover, .sidenav0-selected a:active {
	color:#fff;
	text-decoration: none;
}

.sidenav1-item a, .sidenav1-selected a{
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.sidenav1-item a:link, .sidenav1-item a:visited {
	color: #878787;
	background: url(/images/page/arrow-1.gif) no-repeat 10px 11px;
	padding-left: 25px;
	font-weight: bold;
}

.sidenav1-item a:hover, .sidenav1-item a:active {
	color: #fff;
	background: url(/images/page/side-selected.gif) repeat-y;
	padding-left: 25px;
	font-weight: bold;
}

.sidenav1-selected a:link, .sidenav1-selected a:visited {
	color: #fff;
	padding-left: 25px;
	font-weight: bold;
	background: url(/images/page/side-selected.gif) repeat-y;
}

.sidenav1-selected a:hover, .sidenav1-selected a:active {
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/page/side-selected.gif) repeat-y;
}

.servicenav1-item a, .servicenav1-selected a{
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.servicenav1-item a:link, .servicenav1-item a:visited {
	color: #878787;
	padding-left: 25px;
	font-weight: bold;
	background: url(/images/page/arrow-1.gif) no-repeat 10px 11px;
}

.servicenav1-item a:hover, .servicenav1-item a:active {
	color: #fff;
	background: url(/images/page/side-selected.gif) repeat-y;
	padding-left: 25px;
	font-weight: bold;
}

.servicenav1-selected a:link, .servicenav1-selected a:visited {
	color: #fff;
	padding-left: 25px;
	font-weight: bold;
	background: url(/images/page/side-selected.gif) repeat-y;
}

.servicenav1-selected a:hover, .servicenav1-selected a:active {
	color:#fff;
	text-decoration: none;
	background: url(/images/page/side-selected.gif) repeat-y;
	font-weight: bold;
}


li.sidenav2-item a, .sidenav2-selected a{
	line-height: 25px;
	font-weight: bold;
}

.sidenav2-item a:link, .sidenav2-item a:visited {
	color: #999999;
	font-size: 0.9em;
	background: url(/images/page/sidenav-2.gif) repeat-y;
	padding-left: 45px;
}


.sidenav2-item a:hover, .sidenav2-item a:active {
	color: #666;
	padding-left: 45px;
	background: url(/images/page/sidenav-2-hover.gif) repeat-y;
	text-decoration: none;
}

.sidenav2-selected a:link, .sidenav2-selected a:visited {
	color: #0e6b91;
	font-size: 0.9em;
	background: url(/images/page/sidenav-2-selected.gif) repeat-y;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav2-selected a:hover, .sidenav2-selected a:active {
	color: #0e6b91;
	background: url(/images/page/sidenav-2-hover.gif) repeat-y;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav3-item a:link, .sidenav3-item a:visited {
	color: #999999;
	font-size: 0.9em;
	background: url(/images/page/arrow.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav3-item a:hover, .sidenav3-item a:active {
	color: #333333;
	background: url(/images/page/arrow-1.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav3-selected a:link, .sidenav3-selected a:visited {
	color: #333333;
	font-size: 0.9em;
	background: url(/images/page/arrow-1.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav3-selected a:hover, .sidenav3-selected a:active {
	color: #333333;
	background: url(/images/page/arrow-1.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}


.sidenav4-item a:link, .sidenav4-item a:visited {
	color: #999999;
	font-size: 0.9em;
	background: url(/images/page/arrow.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav4-item a:hover, .sidenav4-item a:active {
	color: #333333;
	background: url(/images/page/arrow-1.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav4-selected a:link, .sidenav4-selected a:visited {
	color: #333333;
	font-size: 0.9em;
	background: url(/images/page/arrow.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

.sidenav4-selected a:hover, .sidenav4-selected a:active {
	color: #333333;
	background: url(/images/page/arrow-1.gif) no-repeat 28px 8px;
	padding-left: 45px;
	text-decoration: none;
}

#sidenav-bottom
{
	background-image: none;
	background-repeat: no-repeat;
	clear: left;
	height: 11px;
	width: 250px;
	background-position: -2px top;
	float: left;
	display: inline;
	margin-top: 0px;
}



/* @end */

/* @group Breadcrumb */

#breadcrumb
{
	color: #999;
	float:left;
	font-size: 0.7em;
	margin-bottom: 0px;
	margin-top: 0px;
	text-indent: 10px;
	position: absolute;
	width: 690px;
	height: 20px;
	bottom: 5px;
	left: 0;
}

#breadcrumb a
{
	color: #999;
	text-decoration: none;
}

#breadcrumb a:hover
{
	color: #666;
	text-decoration: none;
}


/* @end */

/* @group Email To Friend Styles */

#emailToFriend
{
	float: left;
	clear: left;
	width: 220px;
	/* height: 30px; */ /* Turned this off so the form floats properly */
	background-color: #036564;
	cursor:pointer;
}

#emailToFriend img
{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#emailToFriend h3
{
	float: left;
	clear: none;
	color:#FFF;
	padding-top: 1px;
	border-bottom-style: none;
}

#email-form{
	float: left;
	padding-bottom: 10px;
	border: 1px solid #036564;
	display: none;
	width: 218px;
	background-color: #FFF;
}

#email-form .form-row{
	float: left;
	clear: left;
	width: 208px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;	
}


#email-form .form-row label{
	float: left;
	clear: left;
	width: 208px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 180%;
	color: #666;	
}

#email-form .form-row input.text{
	float: left;
	clear: left;
	width: 188px;
	padding:4px;
	border: 1px solid #999;
}

#email-form .form-row input.button{
	float: left;
	clear: left;
	margin-top: 7px;
	display: inline;
}

#email-form .form-row input.buttonright{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	display: inline;
}

#email-form p{
	margin-top: 10px;
	margin-bottom: 0px;
}

#email-form textarea {
	overflow: hidden;
	width: 186px;
	border:  1px solid #999;
	height: 100px;
	padding: 5px;
	font: 11px/17px Verdana, Helvetica, Geneva, sans-serif;
}


/* @end */



/* @end */

/* @group Left Col */



.project-search{
	width: 220px;
	height: 67px;
	float: left;
	background-image: url(/images/page/search-bg.gif);
	display: inline;
	margin-top: 20px;
}

.project-search h3{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.project-search-home{
	width: 220px;
	height: 65px;
	float: left;
	clear: left;
	display: inline;
	
}

.project-search-home h3{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #0e6b92;
	font-weight: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	font-style: normal;
}

form.search-box{
	float: left;
	clear: left;
	display: inline;
	width: 170px;
	background: url(/images/page/search-box-bg.png) no-repeat;
	height: 20px;
	margin-left: 25px;
	margin-top: 0;
	
}

.search-box input#search {
	float: left;
	clear: left;
	display: inline;
	width: 130px;
	height: 13px;
	line-height: 12px;
	margin-top: 5px;
	margin-left: 10px;
	color: #666;
	border: 0 none #fff;
	font-size: 0.8em;
}

input#search-btn {
	float: left;
	clear:none;
	display: block;
}

.side-nav-home h3{
	color: #0e6b92;
	font-weight: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	font-style: normal;
}

.left-col h3{
	color: #0e6b92;
	font-weight: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	font-style: normal;
}

.left-contact {
	width: 220px;
	float: left;
	display: inline;
	background: url(/images/page/left-col-end.gif) no-repeat 100% 100%;
	margin-top: 20px;
}

.left-contact h3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 15px 20px 5px;
}

.left-contact p{
	color: #666;
	font-size: 0.85em;
	line-height: 18px;
	margin-left: 25px;
	width: 170px;
}

.left-contact p.small{
	font-size: 0.8em;
	margin-top: 10px;
}

.left-contact p.telephone {
	color: #0e6b92;
	font: bold 1.8em Helvetica;
	
}

.left-contact p.email a{
	color: #0e6b92;
	font: bold 1.3em Helvetica;
}

/* @group Newsletter */

.newsletter-panel input#button {
	width: 96px;
	height: 24px;
	float: left;
	clear: left;
	display: inline;
	position: absolute;
	left: -5px;
	bottom: 4px;
}

#left-newsletter {
	width: 220px;
	float: left;
	clear: left;
	display: inline;
	background: url(/images/page/newsletter-bg.jpg) no-repeat;
	height: 235px;
}

.newsletter-panel{
	width: 160px;
	height: 185px;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
}

.newsletter-panel h3{
	color: #fff;
	margin-bottom: 5px;
}

.newsletter-panel p{
	float: left;
	clear: left;
	display: inline;
	color: #fff;
	font-size: 0.85em;
	line-height: 14px;
	margin-bottom: 6px;
}

.newsletter-panel .name{
	float: left;
	clear: left;
	display: inline;
	width: 160px;
	background: url(/images/page/newsletter-input.jpg) no-repeat 100% 100%;
	height: 43px;
	margin-bottom: 5px;
}

.newsletter-panel .email{
	float: left;
	clear: left;
	display: inline;
	width: 160px;
	background: url(/images/page/newsletter-input.jpg) no-repeat 100% 100%;
	height: 43px;
}

.newsletter-panel label {
	color: #fff;
	float: left;
	clear: left;
	display: inline;
	text-transform: uppercase;
	font-size: 0.85em;
	width: 160px;
	margin-bottom: 10px;
}

.newsletter-panel input{
	float: left;
	clear: left;
	font-size: 0.85em;
	display: inline;
	width: 145px;
	margin-left: 8px;
	border: 0 none #fff;
}

.newsletter-panel input#email{
	margin-top: 3px;
}



/* @end */

/* @end */


/* @group Content */



h1{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
}

h1 strong{
	color: #ff9965;
	font-weight: bold;
}

.image-1col {
	margin-left: 10px;
	width: 160px;
	background-color: #ccc;
	height: 120px;
	margin-top: 10px;
}

span.frame{
	width: 184px;
	height: 148px;
	z-index: 9999999 !important;
	position: absolute;
	bottom: 6px;
	left: 4px;
}

.small-feature-image {
	float: left;
	width: 173px;
	height: 132px;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.small-feature-image a.gallery_image {
	width: 173px;
	height: 132px;
	float: left;
	display: inline;
}

.small-feature-image a {
	width: 170px;
	height: 130px;
	float: left;
}

.large-feature-image {
	margin-top: 20px;
	float: left;
	clear: left;
	border: 1px solid #ccc;
	display: inline;
}

/* @group Service Panel */

.service-panel{
	float: left;
	width: 370px;
	height:200px;
	clear: none;
	display: block;
	margin-bottom: 10px;
	position:relative;
}

.service-panel h2{
	width: 350px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 15px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 1.6em;
	text-transform: uppercase;
}

.service-panel h2 strong{
	font-weight: bold;
}

.service-panel p{
	float: right;
	clear: none;
	display: inline;
	width: 160px;
	color: #fff;
	font-size: 0.85em;
	margin-top: 15px;
	line-height: 14px;
	height: 100px;
	margin-right: 20px;
	overflow: hidden;
}

.service-panel .button{
	float: right;
	clear: right;
	display: inline;
	background-image: url(/images/page/find-out-more.png);
	margin-top: 2px;
	margin-right: 18px;
}

.service-panel .button a:hover{
	background-image: url(/images/page/find-out-more-hover.png);
}


.service-panel .contact-button a{
	float: right;
	clear: right;
	height: 30px;
	width: 130px;
	display: block;
	background-image: url(/images/page/contact-us.png);
	margin-top: 2px;
	margin-right: 18px;
}

.service-panel .contact-button a:hover{
	background-image: url(/images/page/contact-us-hover.png);	
}

/* @end */

/* @group Project Panel */

.project-panel{
	float: left;
	width: 370px;
	height:200px;
	display: inline;
	background: #cdcdcd no-repeat;
	margin-bottom: 10px;
	position:relative;
}

.project-panel h2{
	width: 340px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 15px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 1.6em;
	text-transform: uppercase;
	height: 25px;
	overflow: hidden;
}

.project-panel h2 strong{
	font-weight: bold;
}

.project-panel p{
	float: right;
	clear: none;
	display: inline;
	width: 160px;
	color: #fff;
	font-size: 0.85em;
	margin-top: 15px;
	line-height: 14px;
	height: 100px;
	margin-right: 20px;
	overflow: hidden;
}

.project-panel .button{
	float: right;
	clear: right;
	display: inline;
	background-image: url(/images/page/view-details.png);
	margin-top: 2px;
	margin-right: 18px;
}

.project-panel .button:hover{
	background-image: url(/images/page/view-details-hover.png);
}

/* @end */

.button a{
	display: block;
	width: 130px;
	height: 30px;
}

/* @group Page Content */

.page-content blockquote {
	float: left;
	clear: left;
	display: inline;
	width: 709px;
	color: #0c5979;
	font: bold 1.4em/30px Vegur, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

.page-content p {
	color: #666;
	font-size: 1.0em;
	line-height: 20px;
	margin-bottom: 15px;
	float: left;
	display:inline;
	width: 100%;
}



.page-content ul{
	float: left;
	clear: left;
	display: inline;
	width: 720px;
	padding-bottom: 15px;
}

.page-content ul li{
	background: url(/images/page/arrow-1.gif) no-repeat 5px 8px;
	color: #666;
	font-size: 1.0em;
	line-height: 24px;
	padding-left: 20px;
	float: left;
	clear: left;
	display: inline;
}

.page-content h2{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
}

.page-content h2 strong{
	color: #ff9965;
	font-weight: bold;
}

.page-content h3{
	color: #0c5979;
	text-transform: uppercase;
	font: normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	padding-bottom: 15px;
	width: 700px;
	line-height: 20px;
}

.page-content h3 span{
	float: left;
	display: inline;
	margin-left: 5px;
}

.page-content h3 strong{
	color: #ff9965;
	font-weight: bold;
}


.page-content h4{
	color: #666;
	text-transform: uppercase;
	font: normal bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	width: 700px;
	border-bottom: 1px solid #dadada;
	padding-bottom: 5px;
}

#featuredProjects h3{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	width: 700px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#featuredProjectsh3 span{
	float: left;
	display: inline;
	margin-left: 5px;
}

#featuredProjects h3 strong{
	color: #ff9965;
	font-weight: bold;
}

#projectsByServiceDropdown h3{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	width: 450px;
}

#projectsByServiceDropdown h3 span{
	float: left;
	display: inline;
	margin-left: 5px;
}

#projectsByServiceDropdown h3 strong{
	color: #ff9965;
	font-weight: bold;
}

#projectsByService p.default{
	margin-left: 10px;
	color: #666;
	margin-bottom: 20px;
}


/* @end */

/* @group Related Projects */

.related-projects h1{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}

.related-projects h1 strong{
	color: #ff9965;
	font-weight: bold;
}

/* @end */

/* @group Page Gallery */

.page-gallery h2{
	float: left;
	clear: left;
	background: url(/images/page/arrow-2.gif) no-repeat 0 5px;
	width: 715px;
	height: 25px;
	padding-left: 15px;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0c5979;
	border-bottom: 1px solid #dcdcdc;
}

.page-gallery p{
	float: left;
	clear: left;
	display: inline;
	margin-left: 6px;
	width: 160px;
	margin-top: 5px;
	height: 40px;
	overflow: hidden;
	color: #666;
	font-size: 0.9em;
	line-height: 18px;
	text-align: center;
}

.gallery-feature-image {
	float: left;
	width: 173px;
	height: 174px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-right: 10px;
}

a.gallery_image {
	width: 163px;
	height: 122px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

/* @end */


/* @end */

/* @group footer */


#footer-wrapper
{
	clear: both;
	float: left;
	width: 100%;
	background: #dcdcdc url(../images/page/footer-bg.gif) repeat-x 0px 0px;
	margin-top: 20px;
}

#footer
{
	width: 940px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
	height: 94px;
}

#footer img.accreditations {
	width: 167px;
	height: 39px;
	float: left;
	clear: left;
	margin-left: 390px;
	margin-bottom: 10px;
}

#footer p {
	width: 940px;
	float: left;
	clear: left;
	display: inline;
	text-align: center;
	font-size: 0.9em;
	line-height: 18px;
	color: #666;
}

#footer p.artsgraphica {
	color: #888;
	font-size: 0.8em;
}

#footer p.artsgraphica a{
	color: #777;
}


/* @end */



/* @group Over-ride for TinyMCE */

body.mceContentBody{
	background:none;
}

/* @end */

/* @group Images */

.img_right {
	float: right;
	padding: 5px;
	border: 1px solid #ccc;
	margin-left: 10px
}



/* @end */

/* @group News */

/* @group News Detail */

.news-content blockquote{
	float: left;
	clear: left;
	display: inline;
	color: #0c5979;
	font: bold 1.4em/22px Vegur;
	margin-bottom: 10px;
	width: 520px;
}

.news-content p.date{
	float: left;
	clear: left;
	display: inline;
	color: #ff9965;	
	font-size: 0.9em;
	margin-bottom: 5px;
}

.news-content p {
	float: left;
	clear: left;
	display: inline;
	color: #666;
	font-size: 1.0em;
	line-height: 20px;
	margin-bottom: 10px;
	width: 520px;
}

.large-news-image {
	float: left;
	display: inline;
	width: 515px;
	height: 390px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	text-align: center;
}

.large-news-image img {
	display: block;
	height: 375px;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
}

.medium-news-image {
	float: right;
	display: inline;
	width: 225px;
	height: 171px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-left: 10px;
	margin-bottom: 10px;
}

.medium-news-image img {
	width: 215px;
	height: 161px;
	margin-top: 5px;
	margin-left: 5px;
}

.archive-nav {
	clear: left;
	float: left;
	width: 200px;
	display: inline;
	background-image: none;
	background-repeat: no-repeat;
	background-position: -2px top;
	z-index: 0;
	position:relative;
	text-transform: uppercase;
}

.archive-nav ul {
	clear: left;
	float: left;
}

.archive-nav li {
	list-style-type: none;
	width: 190px;
	clear: left;
	float: left;
	background-image: none;
	z-index: 0;
	font-size: 0.85em;
	margin-left: 4px;
	display: inline;
}
.archive-nav a {
	text-decoration: none;
	padding-left: 10px;
	display: block;
	line-height: 20px;
	padding-top: 5px;
}


/* @end */

/* @group Homepage News */


.news-page{
	width: 720px;
	float: left;
	display: inline;
	margin-right: 5px;
}

.news-middle{
	width: 530px;
	float: left;
	display: inline;
	margin-top: 20px;
}

.news-right{
	width: 200px;
	float: right;
	display: inline;
	margin-left: 5px;
	margin-top: 20px;
}

.news-content{
	width: 525px;
	float: left;
	clear: none;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.news-content h3{
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	width: 520px;
}

.news-content h3 span{
	float: left;
	display: inline;
	margin-left: 5px;
}

.news-content h3 strong{
	color: #ff9965;
	font-weight: bold;
}


.news-copy{
	float: left;
	clear: both;
	display: inline;
	margin-bottom: 20px;
	width: 520px;
}

.news-right h3 {
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

.news-right h3 strong{
	color: #ff9965;
	font-weight: bold;
}

.news_item {
	float: left;
	clear: left;
	display: inline;
	position: relative;
	width: 710px;
	height: 160px;
	margin-bottom: 15px;
	margin-left: 10px;
}


.news_summary {
	float: left;
	display: inline;
	width: 500px;
	margin-top: 10px;
}


.news_summary h4{
	color: #666;
	text-transform: uppercase;
	font: bold normal 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
}


.news_summary p{
	float:left;
	clear: left;
	display: inline;
	color: #666;
	font-size: 1em;
	margin-top: 10px;
	line-height: 14px;

}

.news_summary p.date{
	color: #ff9965;	
	font-size: 0.85em;
	margin-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
	width: 500px;
	padding-bottom: 5px;
	margin-top: 5px;
}


.image-container{
	float: left;
	display: inline;
	background-image: url(/images/page/pic-bg.jpg);
	width: 215px;
	height: 160px;
	margin-left: -12px;
}

.image-container span.frame{
	bottom: 4px;
}


.image-container .small-feature-image{
	margin-top: -38px;
}

#newsForm h3 {
	color: #666;
	text-transform: uppercase;
	font: normal normal 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline;
	text-align: left;
	margin-bottom: 10px;
}

#newsForm h3 strong{
	color: #ff9965;
	font-weight: bold;
}

span.news-next {
	cursor: pointer;
}

span.news-previous {
	cursor: pointer;
}


p.centre{
	color: #666;
	font-size: 0.9em;
	line-height: 20px;
	margin-bottom: 10px;
	float: right;
	display:inline;
}

.homepage_news_item h5{
	padding-top: 10px;
	padding-left: 10px;
}

.homepage_news_item p {
	font-size: 0.85em;
}

/* @end */


/* @end */

/* @group Contact */

div.google-map {
	float: left;
	clear: left;
	display: inline;
	width: 310px;
	height: 220px;
	border: 1px solid #ccc;
}

label.message {
	float: left;
	clear: left;
	display: inline;
	color: #fff;
	margin-bottom: 5px;
}

#submitButton {
	position: absolute;
	bottom: 10px;
	right: 15px;
}

div.form-row-message {
	float: left;
	clear: left;
	display: inline;
	width: 290px;
}

#message {
	float: left;
	clear: left;
	display: inline;
	width: 305px;
	height: 110px;
	overflow-y: scroll;
	color: #666;
	font: 1em/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #ccc;
}

.form-container{
	float: left;
	display: inline;
	width: 351px;
	background-image: url(/images/page/form-bg.jpg);
	height: 448px;
	margin-top: 10px;
	position: relative;
}

#enquiryForm {
	float: left;
	display: inline;
	color: #666;
	font-size: 1.0em;
	line-height: 20px;
	margin-left: 20px;
	width: 320px;
}

h2.form-header {
	float: left;
	clear: left;
	display: inline;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1em;
	width: 350px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: -5000px;
	overflow: hidden;
}

#enquiryForm div.form-row {
	float: left;
	clear: left;
	display: block;
	width: 310px;
	height: 28px;
}

#orginisationType{
	float: right;
	display: inline;
	width: 172px;
}

#enquiryForm div.form-row label {
	float: left;
	clear: left;
	display: inline;
	color: #fff;
}

input.form-input {
	float: right;
	display: inline;
	width: 170px;
	height: 18px;
	background-color: #FFF;
	color: #666;
	font: 0.9em/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #ccc;
}

div.contact-info {
	float: left;
	clear: left;
	display: inline;
	width: 320px;
	margin-right: 10px;
	margin-top: 10px;
}


input.error {
	border: 1px solid #fe2919;
	background-color: #fed3d0;
}

select.error {
	border: 1px solid #fe2919;
	background-color: #fed3d0;
}

#message.error {
	border: 1px solid #fe2919;
	background-color: #fed3d0;
}



/* @end */