/* Reset some common tags */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}

a {
	color:#6DCFF6;
	text-decoration:none;

}

a:hover {
	color:#FFFFFF;
	text-decoration:underline;

}

/* --- HTML ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
html {
	background: #1e2e35;
	font-size: 62.5%;
}


/* --- Body ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
body {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 920px;
	float: left;
	display: inline;
	margin: 0 0 0 -493px;
	padding: 10px 0 10px 56px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg_body.png) 0 0 repeat-y;
}

a:hover {
	text-decoration: underline;
}


/* --- Header ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 920px;
	float: left;
	display: inline;
	background: #6dcff6 url(../images/bg_header.png) right 0 no-repeat;
}
	#header a {
		color: #000;
	}
	#header p {
		position: absolute;
		bottom: 10px;
		right: 20px;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	#header p strong {
		font-size: 1.8em;
		display: block;
		letter-spacing: -2px;
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
        height: 2em;
		float:right;
	}
	#header h1 {
		font-size: 1em;
	}
		#header h1 a {
			width: 473px;
			height: 142px;
			float: left;
			text-indent: -999999px;
			background: url(../images/logo.png) 0 0 no-repeat;
		}
		
		
/* --- Banner ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#banner {
	width: 920px;
	float: left;
	display: inline;
	margin: 10px 0 0 0;
}
	#banner div.large_img {
		width: 560px;
		height: 340px;
		float: left;
		display: inline;
		margin: 0 5px 0 0;
        background : url(../images/ajaxload.gif) transparent no-repeat scroll center center;
	}
	/* Thumbnails */
	#banner ul.thumbs {
		width: 345px;
		float: left;
		list-style: none;
	}
	body.gallery #banner ul.thumbs {
		width: 920px;
	}
		#banner ul.thumbs li {
			width: 110px;
			height:110px;
			float: left;
			margin: 0px 5px 5px 0px;
			overflow: hidden;
		}
		body.gallery #banner ul.thumbs li {
			width: 110px;
			height:110px;
			overflow: hidden;
		}
	body.gallery #banner ul.gallery_thumbs {
		width: 920px;
	}
		#banner ul.gallery_thumbs li {
			width: 110px;
			height:110px;
			float: left;
			margin: 0px 5px 5px 0px;
		}
		body.gallery #banner ul.gallery_thumbs li {
			width: 110px;
			height:110px;
			overflow: hidden;
		}
		
		
/* --- Subnnav --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#subnav {
	width: 560px;
	height: 115px;
	float: left;
	margin: 5px 0 0 0;
	list-style: none;
	background: #132229 url(../images/bg_subnav.png) 0 0 no-repeat;
}
	#subnav li {
		text-align: center;
		float: left;
		display: inline;
		margin-right: 10px;
	}
	#subnav li a {
		font-size: 1.4em;
		text-transform: uppercase;
		font-weight: bold;
		color: #6dcff6;
		float: left;
		display: inline;
		margin: 15px 0 0 45px;
		padding-top: 70px;
	}
		#subnav li.avail a {
			background: url(../images/subnav/availability.png) center 0 no-repeat;
		}
		#subnav li.tour a {
			background: url(../images/subnav/tour.png) center 0 no-repeat;
		}
		#subnav li.gallery a {
			background: url(../images/subnav/gallery.png) center 0 no-repeat;
		}
		#subnav li.siteplan a {
			background: url(../images/subnav/siteplan.png) center 0 no-repeat;
		}
		
		
/* --- Message --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#message {
	width: 325px;
	height: 100px;
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
	padding: 15px 0 0 20px;
	text-transform: uppercase;
	color: #fff;
	font-size: 3em;
	line-height: 0.9em;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
	#message strong {
		color: #6dcff6;
	}
	
	
/* --- Main content ---------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#main {
	width: 908px;
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	padding: 40px 0 20px 0;
	background: #000 url(../images/bg_main.png) right 0 no-repeat;
}


/* --- Sidebar --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#sidebar {
	width: 160px;
	float: left;
	display: inline;
}
	#sidebar .logo {
		margin: 0 0 5px 5px;
		float: left;
		clear: both;
	}
	#sidebar p {
        color: #fff;
        text-transform: uppercase;
/*	    font-family: "Arial Black", Arial, Helvetica, sans-serif;*/
    	font-size: 1.2em;
		margin: 0 0 5px 15px;
		float: left;
		clear: both;
        width : 130px;
	}


/* --- Navigation ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
#nav {
	width: 140px;
	float: left;
	list-style: none;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}
	#nav li {
		width: 140px;
		margin: 0px 0px 5px 0px;
	}
	#nav li a {
		width: 135px;
		display: block;
		color: #fff;
		padding: 3px 0px 3px 5px;
		margin: 0px 0px 0px 0px;
		background: #1e2e35;
	}
	#nav li a:hover {
		background: #32464f;
		text-decoration: none;
	}
	
	/* Current */
	body.home #nav_home {
		width: 140px;
	}
	body.home #nav_home a, body.location #nav_location a, body.occupiers #nav_occupiers a, body.availability #nav_avail a, body.siteplan #nav_siteplan a, body.spec #nav_spec a, body.gallery #nav_gallery a, body.testimonials #nav_testi a, body.contact #nav_contact a, body.news #nav_news a, body.tour #nav_tour a {
		display: block;
		width: 135px;
		padding: 3px 0px 3px 5px;
		margin: 0px 0px 0px 0px;
		font-size: 1.2em;
		font-weight: bold;
		color: #000;
		background: #6dcff6;
	}
	

/* --- Tour Navigation ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */
#tour_nav {
	float: left;
	display:inline;
	list-style: none;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	width:230px;
}
	#tour_nav li {
		margin: 0px 0px 5px 16px;
	}
	#tour_nav li a {
		color: #fff;
	}
	#tour_nav li a:hover {
		text-decoration: none;
		color:#1E2E35;
	}

	body.cameron_high_360 #nav_cameron_high_360 a,
	body.cameron_unit_6_office #nav_cameron_unit_6_office a,
	body.cameron_unit_6_warehouse #nav_cameron_unit_6_warehouse a,
	body.cameron_unit_15_warehouse #nav_cameron_unit_15_warehouse a,
	body.cameron_unit_16_office #nav_cameron_unit_16_office a,
	body.cameron_unit_16_warehouse #nav_cameron_unit_16_warehouse a,
	body.colville_high_360 #nav_colville_high_360 a,
	body.colville_unit_3_office #nav_colville_unit_3_office a,
	body.colville_unit_3_reception #nav_colville_unit_3_reception a,
	body.chetham_high_360 #nav_chetham_high_360 a,
	body.chetham_high_image_1 #nav_chetham_high_image_1 a,
	body.chetham_high_image_2 #nav_chetham_high_image_2 a
	{ color:#6DCFF6; }
/* --- Content --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#content {
	width: 740px;
	float: left;
	display: inline;
	color: #fff;
}
body.threecol #content {
	width: 400px;
	float: left;
	display: inline;
	color: #fff;
}
body.home #content {
	text-transform: uppercase;
}

	body.spec #content ul li {
		font-size: 1.2em;
		text-align: left;
	}

	#content p {
		margin: 0 0 1.5em 0;
		font-size: 1.2em;
		text-align: left;
	}
	#content ul.features {
		font-size: 1.5em;
		color: #6dcff6;
		list-style: none;
		margin: 40px 0 0 0;
		padding: 40px 0 0 0;
		background: url(../images/bg_features.png) 0 0 repeat-x;
	}
		#content ul.features li {
			margin-bottom: 1em;
		}
		
	#content blockquote {
		font-size: 1.8em;
		text-transform: uppercase;
		line-height: 1em;
		letter-spacing: 0px;
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
	}

	#content blockquote.title {
        margin-bottom : 10px;
	}

    #content p.quote_text
    {
      font-family: "Arial Black", Arial, Helvetica, sans-serif;
      text-align: left;
      margin: 0;
      padding: 0;
      line-height: 1.2em;
      font-size: 1.5em;
    }
	
	/* -- Colours -- */
	.cameron {
		color: #ffea00;
	}
	.colville {
		color: #f4911e;
	}
	.chetham {
		color: #263692;
	}


/* --- Contact pages --------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.contact div#content p
{ 
  font-size : 1.3em;
}

/* --- Availability Content Pages -------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.availability div#rightcol 
{
  width: 300px !important;
  margin: 0 0 0 10px;
  padding : 0;
}
body.availability div#rightcol div#lightbox_gallery
{
  width: 300px;
  float: left;
  margin: 0;
  padding: 0;
}
  body.availability div#rightcol div#lightbox_gallery a
  {
    margin: 0;
    padding: 0;
    float : left;
  }
/*
      div.availablility_content div.images div.lightbox_gallery a div.image_wrap
      {
        margin: 0;
        padding: 0;
        float : left;
      }
*/

div.availablility_content dl
{ 
  width : 400px;
  padding-bottom : 15px;
  float: left;
  clear : left;
}
  div.availablility_content dl dt, div.availablility_content dl dd
  {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    float: left;
  }
  div.availablility_content dl dt
  {
    width : 150px;
    clear : left;
  }
  div.availablility_content dl dd
  {
    width : 250px;
  }

  div.availablility_content dd.large, div.availablility_content dt.large
  {
    font-size : 1.6em;
  }

div.availablility_content h3
{
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  float: left;
  clear : left;
  width : 400px;
}

div.availablility_content p
{
  clear : left;
}

div.availablility_content ul
{
  margin: 0 0 0 1em;
  text-align: justify;
  font-size: 1.2em;
  clear : left;
}
		
		
/* --- Availability ---------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#content table.availability {
	width: 738px;
	border: 1px #fff solid; border-bottom: 0;
	margin-left: 8px;
}
	#content table.availability th {
		font-family: "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		text-align: left;
		text-transform: uppercase;
		border-bottom: 1px #fff solid;
	}
		#content table.availability th.unit {
			width: 5em;
			padding-left: 0.3em;
		}
	#content table.availability td {
		padding: 5px 2px;
		color: #000;
		font-weight: bold;
		border-bottom: 1px #fff solid;
	}

      	#content table.availability td a {
		     color: #000;
	    }
		#content table.availability td.unit {
			font-size: 1.5em;
			padding-left: 0.5em;
		}
	/* Cameron */
	#content table.availability tr.cameron {
		background: #ffea00;
	}
	#content table.availability tr.cameron:hover {
		background: #e6d200;
	}
	/* Colville */
	#content table.availability tr.colville {
		background: #f4911e;
	}
		#content table.availability tr.colville:hover {
			background: #e68311;
		}
	/* Chetham */
	#content table.availability tr.chetham {
		background: #404d98;
	}
		#content table.availability tr.chetham:hover {
			background: #263692;
		}


/* --- Availability ---------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.siteplan #content blockquote {
	margin-bottom: 15px;
}

body.availability #banner a
{
  float : left;
  position : relative;
}
body.availability #banner a.cameron_05
{
  left : 761px; top : 150px;
  width : 14px; height : 28px;
}
body.availability #banner a.cameron_06
{
  left : 746px; top : 179px;
  width : 14px; height : 26px;
}
body.availability #banner a.cameron_12
{
  left : 663px; top : 231px;
  width : 40px; height : 20px;
}
body.availability #banner a.cameron_15
{
  left : 600px; top : 211px;
  width : 15px; height : 30px;
}
body.availability #banner a.cameron_16
{
  left : 570px; top : 211px;
  width : 15px; height : 30px;
}
body.availability #banner a.cameron_21
{
  left : 600px; top : 164px;
  width : 40px; height : 22px;
}

body.availability #banner a.colville_03
{
  left : 371px; top : 171px;
  width : 24px; height : 14px;
}
body.availability #banner a.colville_04
{
  left : 347px; top : 185px;
  width : 24px; height : 14px;
}
body.availability #banner a.colville_08
{
  left : 347px; top : 199px;
  width : 24px; height : 14px;
}




/* --- Content --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.testimonials #content p.quote {
	margin-top: 0.5em;
	font-size: 1.4em;
	padding-bottom: 2em;
	background: url(../images/bg_features.png) 0 bottom repeat-x;
}
/*body.testimonials #content p.quote_text {
	font-size: 1.2em !important;
}*/


/* --- News page ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
body.news #banner {
	display: none;
}
body.news h4
{
  text-transform: uppercase;
  font-size: 1.1em;
}

body.news div#content p
{
  border-top: 1px #6dcff6 solid;
  font-size: 1.2em;
  padding-top: 5px;
  margin-bottom : 10px;
}
  body.news div#content p a
  {
    color: #6dcff6;
    font-weight: bold;
  }


/* --- Right col ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#rightcol {
	width: 320px;
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	color: #fff;
}
	#rightcol h3 {
		font-size: 3em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
	#rightcol ul {
		margin: 0 0 0 2em;
	}
	#rightcol ul.news {
		list-style: none;
		text-align: justify;
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
		#rightcol ul.news li {
			border-top: 1px #6dcff6 solid;
			padding-top: 5px;
			margin-top: 5px;
		}
		#rightcol ul.news h4 {
			font-size: 1.1em;
			text-transform: uppercase;
		}
		#rightcol ul.news a {
			color: #6dcff6;
			font-weight: bold;
		}
		
		/* Location */
		#rightcol ul.location {
			list-style: none;
			font-size: 1.4em;
			margin: 0;
			padding: 0;
		}
			#rightcol ul.location li.satnav strong {
    			font-size: 1.2em;
			}
			#rightcol ul.location li a {
				padding: 5px;
				height:1%;
				display: block;
				background: #1e2e35;
				margin-bottom: 3px;
				color: #fff;
				text-transform: uppercase;
				position:relative;
			}
			#rightcol ul.location li a:hover {
				background: #32464f;
				text-decoration: none;
			}
		
		
/* --- Footer ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#footer {
	width: 908px;
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	padding-top: 30px;
	background: url(../images/bg_footer.png) 0 0 no-repeat;
}

/* --- 360 ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

#flash_360 {
	width:910px;
	height:340px;
	margin:0;
	padding:0;
	background-color:#6DCFF6;
	background: url(../images/360.gif) no-repeat;
}