@charset "utf-8";

.inputtext {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 200px;
	padding: 1px 3px;
}

.inputtextrequired {
	color: #444;
	background-color:#DFDFDF;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 200px;
	padding: 1px 3px;
}	
.inputselect {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	padding: 1px 0px 1px 3px;
	width: 200px;
}	
.inputtextarea {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputtextarearequired {
	color: #444;
	background-color: #DFDFDF;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputbutton {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	cursor: pointer;
	border:  1px solid;
	height: 19px;
	width: 80px;
	font-weight : bold;
}

form label {
	display: inline-block;
	width: 150px;
	margin: 0 0 10px 0;
	vertical-align: top
}

form input, form textarea {
	margin: 0 0 10px 0;
}

#enquirySubmit {
	margin-left: 150px;
}

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

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #8a949e; 
	line-height: 1.8em;
}

body#site {
	text-align: center;
	background: #0e1e35;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {
	font-size: 25px;
	color: #666;
	font-weight: normal;
	margin: 25px 0;
	padding: 0 0 20px 0;
	line-height:normal;
}

h2 {
	font-size: 14px;
	color: #38668a;
	margin: 0 0 10px 0;
	padding: 0;
	
}

a {
	text-decoration: none;
	font-weight: bold;	
	color: #fff;
}

a:hover {
	text-decoration: underline
}

a img {
	border: none;
}

td {
	font-size: 1em;
}

.small {
	font-size: 0.9em;
}

.capital {
	text-transform: uppercase;
}

.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
}

#container {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#header {
	height: 120px;
	margin: 0 0 20px 0;
	position: relative;
}

	#strapline {
		right: 0;
		position: absolute;
		top: 0;
	}
	
	#header ul {	
		margin: 10px 0 0 10px;
		padding: 0;
		list-style: none
	}
	
	#header li {
		float: left;
		margin: 0 5px;
	}
	
	#header a {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#header #headerGalleryLink a {
		font-weight: normal;
		background: url(../images/galleryLinkImg.jpg) no-repeat 0 -1px;
		padding: 0 0 0 22px;
	}

#nav {
	height: 45px;
	margin: 0 0 27px 0;
	padding: 0;
	list-style: none;
}

	#nav li {
		float: left;
		display: inline-block;
	}
	
	#nav a {
		display: inline-block;
		float: left;
		height: 45px;
		width: 104px;
		background-position: top;
		overflow: hidden;
		text-indent: -10001px;
	}
	
	#nav a:hover, #nav li.selected a {
		background-position: bottom;
	}
	
	#home a {
		background-image: url(../images/nav/home.jpg);
	}
	
	#about a {
		background-image: url(../images/nav/about.jpg);
	}
	
	#whatson a {
		width: 106px;
		background-image: url(../images/nav/whatson.jpg);
	}
	
	#spaces a {
		background-image: url(../images/nav/spaces.jpg);
	}
	
	#weddings a {
		background-image: url(../images/nav/weddings.jpg);
	}
	
	#nice a {
		width: 105px;
		background-image: url(../images/nav/nice.jpg);
	}
	
	#resources a {
		background-image: url(../images/nav/resources.jpg);
	}
	
	#team a {
		width: 105px;
		background-image: url(../images/nav/opps.jpg);
	}
	
	#events a {
		background-image: url(../images/nav/events.jpg);
	}
	
	#residents a {
		background-image: url(../images/nav/residents.jpg);
		margin-left:-1px;
		margin-right:1px;
	}
	
	#nav #social {
		float:right;
		margin-top:10px;
	}
	#nav #social a {
		text-indent:0;
		width:auto;
		height:auto;
		margin-left:5px;
	
	}

.contentBox {
	padding: 10px;
	border-bottom: 1px solid #545c67;
	background: #243c56;
	margin: 20px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}

	#furtherSide {
		width: 205px;
		float: left;
		margin: 0 10px 0 0;
	}
	
		#subLinks {
			margin: 0 0 15px 0;
			padding: 15px;
			list-style: none;
			background:#b92063;
			-moz-box-shadow: 2px 2px 2px #172434;
			-webkit-box-shadow: 2px 2px 2px #172434;
			filter:progid:DXImageTransform.Microsoft.Shadow(color='#172434', Direction=135, Strength=3))
		}
		
			#subLinks a {
				font-weight: normal;
				display: block;
				padding: 5px 0;
			}
			
			#subLinks a:hover {
				font-weight: bold;
				text-decoration: none;
			}
		
		#newsItem {
			-moz-box-shadow: 2px 2px 2px #172434;
			-webkit-box-shadow: 2px 2px 2px #172434;
			filter:progid:DXImageTransform.Microsoft.Shadow(color='#172434', Direction=135, Strength=3));
			background: #4fa3bf;
			color: #fff;
			padding: 0 0 10px 0;
		}
		
			#newsItem h2 {
				color: #fff;
				padding: 10px 10px 0 10px;
			}
			
			#newsItem p {
				margin: 0;
				padding: 0 10px;
				line-height: 1.5em;
			}
			
			#newsItem a {
				display: block;
				margin: 10px 0 0 0;
				background: url(../images/blueArrow.jpg) no-repeat right 6px;
				width: 42px;
			}
			
		#floors {
			margin: 15px 0 0 15px;
			padding: 0;
			list-style: none;
		}
		
			#floors a {
				display: block;
				height: 32px;
				margin: 0 0 15px 0;
				padding: 6px 0 0 50px;
				color: #b9c2c9;
				font-weight: normal;
				font-size: 11px;
			}
			
			#groundFloor a {
				background: url(../images/groundFloor.jpg) no-repeat
			}
			
			#firstFloor a {
				background: url(../images/firstFloor.jpg) no-repeat
			}
			
			#secondFloor a {
				background: url(../images/secondFloor.jpg) no-repeat
			}
			
			#thirdFloor a {
				background: url(../images/thirdFloor.jpg) no-repeat
			}
		
	#furtherContent {
		width: 665px;
		float:left;
		background: #d9e9e8;
		padding: 35px 20px 20px 20px;
		-moz-box-shadow: 2px 2px 2px #172434;
		-webkit-box-shadow: 2px 2px 2px #172434;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#172434', Direction=135, Strength=3));
		font-size: 14px;
		color: #666;
		min-height: 500px;
	}
	
		#furtherContent h1 {
			color: #3c4457;
			font-size: 42px;
			border-bottom: 1px dotted #7f7f7f;
			margin: 0 0 25px 0;
			padding-bottom: 30px;
		}
		
		#furtherContent h2, #furtherContent a {
			color: #3e6a99;
		}


	.singlebox, .doublebox {
		width: 455px;
		float: left;
	}
	
	.singlebox {
		margin: 0 10px 0 0;
		color: #fff;
	}
	
	.singlebox h1, .doublebox h2, .singlebox h2 {
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		margin: 5px 0 15px 5px;
		padding: 0;
		line-height: normal;
	}
	
	.singlebox p {
		background: #b92063;
		margin: -3px 0 0 0;
		padding: 15px;
		line-height: 1.6em;
		-moz-box-shadow: 2px 2px 2px #172434;
		-webkit-box-shadow: 2px 2px 2px #172434;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#172434', Direction=135, Strength=3));
		min-height:1px;
	}
	
	.locationBox .singlebox p {
		background: #1f3145;
		color: #8a949e;
	}
	
	.doublebox div {
		width: 222px;
		float: left;
		margin: 0;
		color: #fff;
	}
	
	.doublebox p {
		background: #c90;
		min-height:91px;
		margin: -3px 0 0 0;
		padding: 5px 15px 10px 15px;
		line-height: 1.7em;
		-moz-box-shadow: 2px 2px 2px #172434;
		-webkit-box-shadow: 2px 2px 2px #172434;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#172434', Direction=135, Strength=3))
	}
	
	.locationBox .doublebox p, .locationBox .doublebox .first p {
		background: #1f3145;
		color: #8a949e;
	}
	
	.doublebox .first {
		margin: 0 10px 0 0;
	}
	
		.doublebox .first p {	
			background: #a2ab14;
		}
	
	.doublebox strong {
		font-size: 14px;
		display: block;
		margin: 8px 0;
	}
	
	.locationBox .doublebox strong {	
		color: #6da9a7;
	}
	
	.residentsBox {
		padding: 10px 20px;
	}
	
		.residentsBox h2 a {
			font-size: 14px;
			color: #c90;
		}
		
		#residentsTitle {
			float: left;
			margin: 0 25px 0 0;
		}
		
		#residentsList {
			padding:  25px;
			background: #1f3145;
			float: left;
			width: 806px;
			font-size: 10px;
			color: #ddd;
			overflow:hidden;
		}
		
			#residentsList p {
				margin: 0 0 0 38px;
				float: left;
			}
						
			#residentsList img {
				height: 100px;
			}
			
			#residentsList .first {
				margin: 0;
			}

#twitterBox {
	border-bottom: 1px solid #153752;
	background: url(../images/twitterBoxBg.jpg) repeat-x;
	padding: 10px 20px;
}

	#twitterBox img {
		float: left;
		margin: 0 20px 0 0;
	}
	
	#twitterBox img.bird {
		float: right;
		margin: 0 0 0 20px;
		position: relative;
		top: -5px;
	}
	
	#tweet  {
		margin: 14px 0 0 ;
		padding: 0;
		font-size: 11px;
		color: #bee5f4;
		line-height: normal;
		list-style: none;
	}

#mailingList {
	border-bottom: 1px solid #433d1b;
	background: url(../images/signupBG.jpg) repeat-x;
	padding: 10px 20px;
	color: #fff;
	height: 44px;
}

	#mailingList form {
		float: right;
		display: block;
		margin: 7px 0 0 0;
	}
	
	#mailingList img {
		float: left;
		display: block;
	}
	
	#mailingList p {
		float: left;
		margin: 10px 0 0 35px
	}
	
	#signupName, #signupEmail {
		width: 160px;
		padding: 6px 10px 0 10px;
		height: 23px;
		background: url(../images/mailingInputBG.jpg) no-repeat top right;
		border: none;
		font-size: 12px;
		margin: 0 15px 0 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#mailingList input {
		float: left;
	}
	
	
#footer {
	height: 253px;
	text-align: center;
	background: url(../images/footerBG.jpg) repeat-x;
}

	#footerContent {	
		width: 940px;
		text-align: left;
		margin: 0 auto;
		padding: 40px 0 0 0;
		color: #fff;
		font-size: 11px;
	}
	
	#footerContent p {
		float: left;
		width: 180px;
		margin-bottom: 20px;
	}
	
	.footerImg {
		float:  right;
		margin: 15px 0 0 4px ;
	}
	
	#footerContent p#footerBot {
		color: #999;
		border-top: 1px solid #435265;
		clear: both;
		padding: 15px 0 0 0;
		float: none;
		width: 100%;
	}
	
	
	
	#SCRvisualPort{
		width:795px;
		height:118px;
		overflow:hidden;
		}
	#SCRcontainAll{
		width:8000px;
		height:118px;
		}
	#SCRwindow1{
		width:4000px;
		height:118px;
		float:left;
		}
	#SCRwindow2{
		width:4000px;
		height:118px;
		float:left;
		}
		#carousel {
		
			
			text-align:center;
		}
		#carousel li {
			margin: 0 10px;
		
		}
		.jcarousel-clip-horizontal {
			width:805px;
			overflow:hidden;
		}
		
#galcats img {
		width:153px;
		height:116px;	
}

.tw-wrap {
	margin-top:-4px;
	line-height: 17px;
}

.tw-text {
	color:#fff;
	display:block;
	
}
.tw-date, .tw-auth {
	font-size:90%;
}

.tw-auth {
	display:inline-block;
	padding-right:5px;
}
.tw-prev, .tw-next {
	display:none;
}

#carousel{
	height:128px !important;
	min-width:100%;
}