/*
 * main colour 1: #000
 * main colour 2: #ddd
 * 
 */

body {
	width:100%;
	font-family:helvetica;
	font-size: 12pt;
	background-color: #fff;
	
	border-top: 15px solid #414042;
}
html{
background-color:#eee;
	
}

html, body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

p{
	margin:0 0 11px 0;
}
h1{margin:0px;}

header#page_header{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	xmargin:0;
	display:block;
}

header#page_header img#logo {
	width: 487px;
	height: 151px;
	margin: 0;
	padding: 0px;
	float: left;
}


header#page_header nav{
	margin: 0;
	height: 151px;
	float:left;
	width: 463px;
	display:block;
	
}

header#page_header #display_date{
	clear:both;
	xheight:24px; 
	background: url('../images/date_line_22.jpg') top left repeat-x; 
	text-align:right; 
	xwidth:810px; 
	xmargin-left:auto; 
	xmargin-right:auto;
	color:#bcbec0;
	font-size:14pt;
	margin:-20px 75px 10px 75px;
	xborder:1px solid red;
}
#date_display_val{
	xmargin:0px;
	xpadding:0px;
	xtext-align:right; 
	background-color:#fff; 
	xheight:24px; 
	padding-left:10px;
	xborder:1px solid green;
	xdisplay:block;
	line-height:24px;
}
.home_hover_width{
width:270px;
}

header#page_header nav ul{
	list-style:none;
	margin:0;
	padding:0;
	height:35px;
	margin-top:70px;
	
}
#page_header nav ul li{
	padding:0;
	margin:0;
	float:left;
	xwidth:240px;
	height:33px;
	padding-left:15px;


}
#page_header nav ul li a
{
	width:100%;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
	line-height:35px;
	color:#00aeef;
	border-bottom: 3px solid #00aeef;
	font-size:11pt;
}
#page_header nav ul li a:hover, #page_header nav ul li a.selected{
	color: #414042;
	border-bottom: 3px solid #414042;
}

div.centre{
	width:960px;
	margin-left:auto;
	margin-right:auto;

}

footer#banner{
clear:both;
	height: 114px;
	background-color:#05060b;

}
footer#page_footer{

	display:block;
	background-color:#3b3b3d;
	color:#fff;
	height:114px;
	font-family:helvetica;
	font-size: 14pt;
	

}

footer#designedby{
	height:132px;
	background-color: #58595b;
	color:#fff;
	display:block;
	color:#fff;
	height:114px;
	font-size: 10pt;
	
}		

footer#designedby nav ul{
	list-style:none;
	margin:0;
	padding:0;
	height:35px;
	xmargin-top:70px;
	
}
footer#designedby nav ul li{
	padding:0;
	margin:0;
	float:left;
	xwidth:240px;
	height:33px;
	padding-right:15px;


}
footer#designedby nav ul li a
{
	width:100%;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
	line-height:35px;
	color:#fff;
		
}

footer#designedby nav ul li a:hover{
	color: #00aeef;
}

footer#designedby a{
	xfont-size:8pt;
	color:#fff;
	xmargin-top:-5px;
	text-decoration:none;
}
footer#designedby a:hover{
	xtext-decoration:underline;
	color:#00aeef;
}

a#orangedoodlelink:hover{
	color:#e47325 !important;
}
a#ceriseitlink:hover{
	color:#e80289 !important;
}
/* for iphone telephone numbers as links*/
footer#page_footer a{
	color:#FFF;
	text-decoration:none;
}
footer#page_footer a:hover{
	color: #00aeef;
}
@media screen and (max-device-width: 480px){
  footer#page_footer p{
    -webkit-text-size-adjust: none;
  }
  footer#page_footer a{
    -webkit-text-size-adjust: none;
  
  }
}


.footer_left{
	float:left;
	margin-top:20px;
	margin-left: 75px;
}
.footer_right{
	float:right;
	text-align:right;
	margin-top:20px;
	margin-right:75px;
}
#linkedin a{
	margin-right:8px;
}

footer#page_footer p{
	padding:20px 0px 0px 0px;
	font-size:10pt;

}

.emailinfo{
	
	margin-top:4px;
}
.codedby{
	margin-top:20px;
}


/****** page section styling ******/

section{
	display:block;
	margin:0px;
	padding:0px;
	xmargin-bottom:55px;
}

article{
	display:block;
	margin:0px;
	padding:0px;
}

section#grid{
		margin-left:auto;
		margin-right:auto;
		width:810px;
		xmargin-bottom:55px;
		xmargin-top:26px;
}


section#page{
		margin-left:auto;
		margin-right:auto;
		width:810px;
		margin-bottom:55px;
		margin-top:26px;
}
section#page article#welcome{
	float:left;
	width:254px; 
	margin-right:24px;
	background-color:#eee;
	height:863px;
	margin-bottom:55px;
}



.blue{
background-color:#00AEEF;
color:#fff;
}

.pink{
background-color:#E64097;
color:#fff;
}

.orange{
background-color:#f7941d;
color:#fff;
}

.green{
background-color:#b0d235;
color:#fff;
}

.no_heading{
	xmargin-top: -18px;
	padding-top:8px;
}

section#page article header{
xbackground-color:#00AEEF;
xcolor:#fff;
height:36px;
margin-bottom:18px;
}


h1{
	line-height:36px;
	margin-left:23px;
	font-size:12pt;
	font-weight:normal;
}

h2{
	font-size:10pt;
}

section#page article#welcome p{
	margin-left:23px;
	font-size:9pt;
	margin-right:28px;
}

section#page article#whatshappening{
	float:left;
	width:532px;
}

section#page article#whatshappening img{
	xmargin:24px 0px;
}
section#page article#whatshappening div#wynyardhall{
	height:254px;
	background-image: url('../images/welcome.jpg');
}

section#page article#whatshappening div#wynyardhall p{
	width:250px;
	font-size:10pt;
	margin-left: 18pt;
}
section#page img{
	margin-bottom:18px;
}


section#page article.panel{
	background-color:#E6E7E8;
	font-size:10pt;
	padding-bottom:1px;
	margin-bottom:20px;
}

.left_530{
width:530px;
height:254px;
margin-right:25px;
float:left;
}


.right_530{
width:530px;
height:254px;
margin-left:25px;
float: left;
xmargin-left:270px;
}


div.panel_content{
	margin:18px 28px 25px 23px;
}

/************************************/

section#page_contact_form{
	background-color:#E6E7E8;
	width: 532px;
	margin-left:75px;
	margin-right:24px;
	float:left;
	margin-bottom:55px;
	margin-top:16px;
	height: 254px;
}
section#page_contact_form article{
	margin-top:18px;
	margin-left:23px;
	font-size:10pt;
}

section#page_contact_form article a{
	color:#000;
	text-decoration:none;
}
section#page_contact_form article a:hover{
	color:#00aeef;
}

section#page_contact_form header, section#page_contact_sent header{
	xbackground-color:#e64097;
	height:36px;
	color:#fff;
	margin:0px;
	padding:0px;
}




section#page_contact{
	height:254px;
	width:254px;
	xbackground-color:#b1d235;
	float:left;
	margin-bottom:55px;
	margin-top:16px;

	
}
section#page_contact article{
	margin:30px 24px 25px 24px;
	font-size:10pt;
	color:#fff;
}


/****** fieldset *******/


form ol{
	list-style:none;
	padding:0;
	margin:2px;
}

form ol li{
	margin:0 0 8px 0;
	padding:0;
}

form label{
	float:left;
	clear:both;
	margin:5px 0px;
	width:90px;
	
}

form input, fieldset select, fieldset textarea{
	background-color:#00AEEF;
	color:#fff;
}


form input, fieldset select, fieldset textarea{
	float:left;
	display:block;
	border:0px solid #00aeef;
	padding:5px 10px 5px 10px;
	width:371px;
	font-size:13px;
	margin-bottom:5px;
	margin-top:0px;
}
.textarea{
	float:left;
	display:block;
	background-color:#00aeef;
	color:#fff;
	border:0px solid #00aeef;
	padding:5px 10px 5px 10px;
	width:371px;
	height:75px;
	resize: none;
	font-size:13px;
	margin-bottom:5px;
	margin-top:0px;
}

.contact_buttons{
	float:right;
	margin-right:24px;
	margin-bottom:22px;
}
.button{
	width:85px;
	float:left;
	margin:0 0 0 10px;
	padding:5px;
	cursor:pointer;
	
}
img{
	border:0px;
}