*{
	text-align:left;
	font-family:Georgia,"Times New Roman";
}
body,html{
	background:#463766;
}

a,p,li,acronym,code{color:white;}
a, a:hover, a:visited{text-decoration:none;}
p{font-size:100%;margin:0 0 12px 0;}
strong{font-weight:bold;}
em{font-style:italic;}
a:hover{color:#F8F8F8;}
a:visited{color:#efefef;}

h2{
	font-size:167%;
	color:white;
	margin:0 0 6px 0;
}
h1,h3{
	font-size:161.6%;
	color:white;
}
body{padding:30px 0;}
#page{
	width:960px;
	margin:0 auto;
	border:1px solid #5cc4d2;
	overflow:hidden;
}
#ie6{display:none;}


/*navigation*/
#page_navigation{
	width:17%;
	float:left;
	background:url('/images/nav-container-bg.gif') no-repeat bottom right;
	border-right:1px solid #5cc4d2;
	height:700px;
}
	#page_navigation #logo{
		margin:20px auto 35px auto;
		display:block;
	}
	#page_navigation ul.navigation{margin-top:8%;}
		#page_navigation ul.navigation li.top{margin:3px 0;}
		#page_navigation, #page_navigation ul li, #page_navigation ul a{position:relative;}
		#page_navigation li ul.sub{margin:8px 0 8px 14%;}
	#page_navigation a.top{
		display:block;
		line-height:1.6em;
		font-size:138.5%;
		width:auto;
	}
		#page_navigation a.top span{
			background:url('/images/nav-bg.gif') repeat-x top left;
			padding:4px 12%;
		}
		#page_navigation a.top:hover span{background:url('/images/nav-bg-hover.gif') repeat-x top left;}
	#page_navigation .sub_item a{
		display:block;
		line-height:1.4em;
		font-size:116%;
		width:auto;
	}
		#page_navigation .sub_item a span, #page_navigation .sub_item a.vbar_active{color:#5cc4d2;}
		#page_navigation #active a.top:hover span,#page_navigation #active a.top span{color:#5cc4d2;}

#argent_copy{
	position:absolute;
	width:317px;
	height:294px;
	z-index:10;
	top:438px;
	background:url('/images/argent-logo.gif') no-repeat top left;
}

	#argent_copy h3{
		margin:150px 140px 0 30px;
		font-size:146.5%;
		line-height:1.1em;
	}
	#argent_copy #small_logo{
		margin:10px 0 0 30px;
	}
/*page content*/
#page_content{
	width:82.7%;
	float:left;
	margin:0;
	height:700px;
	padding-bottom:1px;
	margin-left:1px;
}
	#page_content .static, #page_content .accordion{
		width:100%;
		padding:0;
		float:left;
		height:700px;
		overflow:hidden;
	}
	#page #page_content .static{
		width:94%;
		padding:0 3%;
	}

/*fixed accordion formatting - static pages*/
/*HOME PAGE*/
#index h1, #index h2{
	font-size:348%;
	margin:35px 4%;
	width:auto;
	line-height:1em;
}
	#concieved h1{margin:35px 42% 15px 6%;}
	#inspired h2{margin:142px 28% 15px 12%;}
	#designed h2{margin:50px 20% 15px 17%;}
	#designed h3{
		margin:250px 20% 15px 17%;
		background:#5cc4d2;
	}
	#designed h3 img{
		float:left;
		margin:5px;
	}
/*p styles*/
.accordion p.highlighted{
	font-size:153.9%;
	padding:6px;
}
	#concieved p.highlighted{
		color:#463767;
		background:#5cc4d2;
		margin:10px 18% 10px 23%;
	}
	#designed p.highlighted{
		color:white;
		background:#fa415f;
		margin:45px 23% 10px 36%;
	}
	#inspired p.highlighted{
		color:white;
		background:#5cc4d2;
		margin:5% 10% 10px 48%;
	}

/*LOCATION PAGE*/
#location h1 strong, #location h2 strong,
#location h3 strong, #location h4 strong,
#location h5 strong, #location h6 strong,
#location p strong{
	font-weight:normal;
	color:#fa4260;
}
/*information*/
#location #information h1{
	font-size:246.2%;
	margin:20px 14% 10px 8%;
	line-height:1.1em;
}
#location #information h2{
	margin:36px 30% 10px 6%;
	padding:6px;
	background:#463767;
	line-height:1em;
}
#information p.highlighted{
	padding:6px;
	color:white;
	background:#5cc4d2;
	line-height:1.1em;
	margin:125px 45% 10px 6%;
}
#location #information h4{
	font-size:167%;
	margin:15px 18% 10px 60%;
	padding:6px;
	color:white;
	line-height:1em;
}
#community .col1, #community .col2 {
  background:#453866;
}
#community .headers h2 {
  margin-right:1%;
}
#community .col1 {
  margin-right:1%;
  margin-left:-4%;
  padding-left:4%;
  padding-bottom:10px;
}
#community .col2 {
  width:43%;
}
#community ul li {
  margin-bottom:2px;
}
#community #community_images {
  margin-top:7px;
}
/*northern quarter*/
#northern-quarter h2{
	font-size:394%;
	margin:88px 16% 0 43%;
	text-align:right;
	line-height:1em;
}
#northern-quarter h3{
	font-size:167%;
	margin:25px 15% 10px 42%;
	background:#463767;
	padding:6px;
}
#northern-quarter h4{
	font-size:167%;
	padding:6px;
	color:white;
	background:#463767;
	line-height:1.1em;
	margin:125px 12% 10px 46%;
}
#northern-quarter p.highlighted{
	font-size:167%;
	padding:6px;
	color:white;
	background:#463767;
	line-height:1.1em;
	margin:35px 20% 10px 30%;
}
/*manchester*/
#manchester h2{
	font-size:394%;
	margin:25px 8% 0 15%;
	line-height:1.1em;
}
#manchester h3{
	font-size:167%;
	margin:25px 26% 10px 12%;
	line-height:1.1em;
}
#manchester p.highlighted{
	font-size:167%;
	padding:6px;
	color:white;
	background:#5cc4d2;
	line-height:1.1em;
	margin:15px 13% 2px 36%;
}
#manchester h4{
	font-size:167%;
	margin:25px 45% 10px 12%;
	padding:6px;
	color:white;
	background:#463767;
	line-height:1.1em;
}
#manchester h5{
	font-size:167%;
	margin:35px 7% 10px 55%;
	padding:6px;
	color:white;
	background:#463767;
	line-height:1.1em;
}
/*map*/
#map h3{
	font-size:394%;
	margin:25px 4% 10px 20%;
	line-height:1.1em;
}
#map h4{
	font-size:167%;
	margin:5px 28% 10px 20%;
	color:white;
}
	#map #hive_map{margin-left:20%; margin-bottom:10px;}

	#map #directions ul{
		background:transparent;
		float:left;
		margin-left:4px;
	}
	#map #directions ul li{
		background:#463767;
		font-family:Georgia,"Times New Roman" !important;
		color:#5cc4d2;
		font-size:93%;
		width:100%;
	}
	#map #directions ul.distancecol {
	  margin-left:150px;
	}
	#map #directions ul.secondcol {
	  margin-left:20px;
	}
		#map #directions p.highlighted{
			color:white;
			margin-top:10px;
			font-size:167%;
			line-height:1.2em;
			margin-left:150px;
			margin-right:10%;
			clear:left;
		}

	#map #directions ul li span{color:white;}
/**ABOUT US **/
#about-us h1, #argent-attitude h2{
	font-size:394%;
	color:white;
	margin:30px 0 20px 15%;
	padding:6px;
}
#argent-attitude h2{margin-right:30%;}
#argent-attitude h2{
	background:#463767;
	margin-left:7%;
}
#about-us h3, #argent-attitude h3,
#about-us p, #argent-attitude p{
	font-size:157%;
	margin:0px 8% 0px 7%;
	padding:6px;
	color:white;
	background:#463767;
	width:41%;
	line-height:1.3em;
}
#about-us h3, #about-us p{
	margin-left: 2%;
}

#about-us p.highlighted, #argent-attitude p.highlighted{
	font-size:138.5%;
	margin:160px 12% 10px 5%;
	padding:6px;
	background:#5cc4d2;
	color:#463767;
	line-height:1.2em;
	width:80%;
}
#argent-attitude p.highlighted{margin:205px 7% 10px 20%;}

#about-us h3 strong, #argent-attitude h3 strong,
#about-us p strong, #argent-attitude p strong{
	font-weight:normal;
	color:#fa4260;
}
#about-us #portfolio_caption {
  float:right;
  background:#5cc4d2;
	color:#fff;
	padding:6px;
	font-size:108%;
	margin:-27px 19% -27px 0;
}
/*CONTACT US*/
#contact .accordion .columns .col1{
	float:right;
	width:32%;
	margin-right:5%;
}
	#contact .col1 #argent_logo_small{
		margin:80px 0 10px 0;
		display:block;
	}
#contact .accordion .dynamic .columns .col2{width:60%;}

#contact h1{
	font-size:394%;
	padding-left:6px;
	margin:20px 0 10px 0;
}
#contact h3{
	color:white;
	margin-bottom:20px;
}
	#contact h3 strong{
		display:block;
		color:#fa4260;
		font-weight:normal;
	}
	#contact h3, #contact h3 strong{font-family:Georgia,"Times New Roman";}
#contact .address{background:#463767;}
	#contact .address li{
		line-height:1.6em;
		font-size:93%;
	}
	#contact .address li.colliers, #contact .address li.daniel-harris{
		float:left;
		width:25%;
		margin-top:10px;
	}
		#contact .address li.first{margin-bottom:20px;}
		#contact .address li span{
			display:block;
			color:#5cc4d2;
			line-height:1.2em;
		}
		#contact .address li a{color:white;}
/**HIVE**/
/*hive*/
#hive p.highlighted{
	font-size:167%;
	padding:6px;
	color:white;
	background:#463767;
	line-height:1.1em;
	margin:0px 41% 0px 4%;
}
#the-hive #hive p.first{margin-top:20px;}
#hive strong{
	font-weight:normal;
	color:#fa4260;
}
#hive h1{
	font-size:167%;
	padding:6px;
	color:#463767;
	background:#5cc4d2;
	margin:185px 30% 10px 4%;
	line-height:1.1em;
}
#hive h2{
	font-size:394%;
	padding-left:6px;
	color:white;
	margin:0px 30% 20px 4%;
	line-height:1.1em;
}
#hive h3{
	font-size:167%;
	padding:6px;
	color:white;
	background:#5cc4d2;
	margin:10px 12% 10px 40%;
	line-height:1.1em;
}
/*floor plates*/
#floor-plates h2, #green-ideas h3, #innovative-ideas h3{
	margin:15px 12% 0px 10%;
	color:white;
	padding:6px;
	line-height:1em;
	font-size:394%;
}
#floor-plates h3{
	margin:5px 40% 10px 10%;
	color:white;
	padding:6px;
	line-height:1.2em;
}
#green-ideas-flash, #innovative-ideas-flash {
  float:left;
  margin-left:100px;

}
/*green ideas*/
#green-ideas h3{margin-left:15%; font-size:310%;}
#green-ideas ul{
	float:right;
	width:40%;
	margin:5px 1% 10px 3px;
	background:#463767;
}
#innovative-ideas ul{
	float:right;
	width:268px;
	margin:-10px 0px 3px 5px;
}
#green-ideas ul li, #innovative-ideas ul li{
	font-size:100%;
	color:white;
	margin:0;
	line-height:1.1em;
	padding:5px 0 10px 65px;
}
#innovative-ideas ul li{padding-left:110px;}
	#green-ideas ul li.breeam_excellent{}
	#green-ideas ul li.low_water_use{background:url('/images/bullet-points/low-water-costs.gif') no-repeat 8px 4px ;}
	#green-ideas ul li.living_roofs{background:url('/images/bullet-points/living-roofs.gif') no-repeat 8px 4px ;}
	#green-ideas ul li.sustainably_produced_floor_coverings{background:url('/images/bullet-points/flooring.gif') no-repeat 8px 4px ;}
	#green-ideas ul li.energy_efficent_lighting{background:url('/images/bullet-points/lighting.gif') no-repeat 8px 4px ;}
	#green-ideas ul li.energy_efficient_plant{background:url('/images/bullet-points/plant.gif') no-repeat 8px 4px ;}
	#green-ideas ul li.high_performance_insulation{}


	#innovative-ideas ul li.living_roofs{background:url('/images/bullet-points/brown-roof.gif') no-repeat 8px 4px ;}
	#innovative-ideas ul li.vertical_louvres{background:url('/images/bullet-points/vertical-louvres.gif') no-repeat 40px 4px ;}
	#innovative-ideas ul li.motorised_louvres{background:url('/images/bullet-points/motorised-louvres.gif') no-repeat 40px 12px ;}
	#innovative-ideas ul li.window_design{background:url('/images/bullet-points/window-design.gif') no-repeat 10px 4px ;}
	#innovative-ideas ul li.thermal_mass{}
	#innovative-ideas ul li.solar_shading{}
	#innovative-ideas ul li.passive_ventilation{background:url('/images/bullet-points/passive-vent.gif') no-repeat 40px 4px;}


#green-ideas ul li strong, #innovative-ideas ul li strong{
	display:block;
	color:#5cc4d2;
}
#green-ideas p.highlighted{
	float:left;
	width:42%;
	margin:400px 0 10px 12%;
	color:#463767;
	background:#5cc4d2;
	padding:6px;
}

#innovative-ideas h3{margin-left:18%;}


/* sitemap */
#sitemap h1{margin:20px 0 10px 10%;}
#sitemap ul{margin-left:10%;}
#sitemap ul li ul{margin-left:2%;}

/* downloads */
#downloads h4{
	clear:left;
	color:white;
	width:58%;
}
#downloads .headers{margin-bottom:40px;}
#downloads .file_holder{
	width:32%;
	float:left;
	margin:10px 0;
}
#downloads .file_holder h3{
	text-align:center;
	padding:0;
}
	#downloads .file_holder h3 a, #downloads .file_holder h3 a:hover, a.download_link span{color:white;}
#downloads .file_holder a.link{
	display:block;
	margin:3px auto;
	width:63px;
}
#downloads a.download_link{
	width:65px;
	padding:4px;
	margin:8px auto;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#downloads a.download_link, #downloads a.download_link span{
	display:block;
	background:#ff4764;
	text-align:center;
}
/** FORMS **/
form{
	background:#463767;
	padding:6px;
	width:98%;
}
form input.text_field, form textarea{
	width:234px;
	padding:4px 3px;
	border:1px solid #acafb2;
}
form input[type=text]:focus, form textarea:focus{border-color:#fa4260;}
form li.submit{
	text-align:right;
	margin:10px 0px 0 0;
}
/** **/

.accordion ul li{
	font-family:arial !important;
	color:white;
	line-height:1.3em;
	padding-left:6px;
	font-size:93%;
}
.accordion a{
	font-family:arial;
	color:#fa4260;
	text-decoration:none;
}
.accordion a:hover{color:#FA587B;}
/** CMS BASED PAGE STYLES **/
	/*move the dynamic div based on what slice its in*/
.slice_1 .dynamic{margin:0 0 0 6%;}
.slice_2 .dynamic{margin:0 0 0 9%;}
.slice_3 .dynamic{margin:0 0 0 14%;}
.slice_4 .dynamic{margin:0 0 0 18%;}
.slice_5 .dynamic{margin:0 0 0 20%;}
	/*dynamic container*/
.dynamic{
	width:81%;
	margin:0;
	float:left;
}
	.dynamic .columns *{font-family:arial;}
	.dynamic .columns h1, .dynamic h1{
		font-family:Georgia,"Times New Roman";
		color:#fa4260;
		font-size:232%;
		padding-left:6px;
		margin:0 0 20px 0;
	}
	.dynamic h1{color:white;}
	/* header sections */
	.dynamic .headers h2, .dynamic .headers h1{
		font-size:348%;
		color:white;
		width:45%;
		display:block;
		float:left;
		margin:20px 4% 0 0;
		line-height:1em;
		padding-left:6px;
	}
	.dynamic .headers h4{
		padding:6px;
		background:#463767;
		color:#5cc4d2;
		font-size:153.9%;
		float:left;
		width:45%;
		margin:20px 0 0 0;
		line-height:1em;
	}

	/*columns*/
	.dynamic .column{
		width:49%;
		float:left;
		margin:10px 0 10px 0;
	}
	.accordion .dynamic .col1{width:45%;margin-right:4%;}
	.accordion .dynamic .col2{width:45%;margin-right:0;}

	/*dynamic content*/
	.dynamic h3{
		font-size:153.9%;
		color:#5cc4d2;
		margin:0 0 10px 0;
		padding-left:6px;
	}
		.dynamic h3.restaurants{margin-top:20px;}
	/*articles */
	.article{
		width:100%;
		margin:0 0 10px 0;
		padding:6px;
		background:#463767;
	}
	.dynamic .article p{
		margin:8px 6px 0 0;
		font-size:93%;
	}
		.dynamic .article p.read_more{margin-top:0; float:right;}
			.dynamic .article p.read_more a{font-style:italic;}
	.dynamic .article h3{
		color:white;
		font-weight:bold;
		text-transform:uppercase;
		font-size:108%;
		padding-left:0;
	}
		.dynamic .article h3 a, .dynamic .article h3 a:hover{color:white;}

	.dynamic .article h5{
		color:#5cc4d2;
		font-size:93%;
		line-height:1.5em;
	}
	#cms-page p{padding:0 6px;}
.dynamic .col1 .article p{margin-top:3px;}

/* MAP PAGE */
#hive_map{
	width:582px;
	height:375px;
	border:1px solid #a39bb3;
	overflow:hidden;
	background:#4a3e73 url('/images/maps/small.gif') no-repeat center center;
	float:left;
}
#hive_map #key {
  position:relative;
  left:372px;
  top:-28px;
  height:100%;
  width:210px;
  border-left:1px solid #a39bb3;
  background:url('/images/maps/map_key.gif');
}
	#directions ul{float:left;}
	/*zoom controls*/
	#zoom{
		width:80px;
		position:relative;
    bottom:-3px;
    left:1px;
	}
		#zoom ul{background:transparent;}
		#zoom ul.zoom_control li{
			padding:0;
			margin:0 8px 0 0 ;
			width:28px !important;
			height:28px !important;
			list-style-type:none;
			display:none;
			/*ie - so it removes all gaps..*/
			float:left;
		}
		#zoom .zoom_control li.zoom_plus,	#zoom .zoom_control li.zoom_minus{display:block;}
		#zoom .zoom_control li a{
			height:28px;
			font-size:77%;
			width:28px;
			padding:0;
			line-height:0.5em;
			margin:0;
			display:block;
			text-decoration:none;
		}
			#zoom .zoom_control li.zoom_plus a,
			#zoom .zoom_control li.zoom_minus a{
				background:url('/images/zoom-plus.gif') no-repeat center center;
			}
			#zoom .zoom_control li.zoom_plus a.zoom_disabled{background-image:url('/images/zoom-plus-disabled.gif');}
			#zoom .zoom_control li.zoom_minus a{background-image:url('/images/zoom-minus.gif');}
			#zoom .zoom_control li.zoom_minus a.zoom_disabled{background-image:url('/images/zoom-minus-disabled.gif');}

.content_image{
	float:left;
	clear:both;
	margin:6px;
}
.contentimage img {
  float:right;
  margin:0 0 10px 10px;
}
#news .image_holder, #cms-page .image_holder{
	width:250px;
	height:140px;
	overflow:hidden;
	margin-left:6px;
}
.floated_image_holder{
	float:left;
	margin:5px 5px 0 0;
}
#cms-page .col1 p.first_para{
	font-size:116%;
	line-height:1.5em;
}
#cms-page .col2 {padding-top:55px;}
#floor-plates-flash{padding-left:5%;}
span.error{
	color:#FA4260;
	display:block;
	margin-left:120px;
}

#contact-us .col1 {
  float:left !important;
  width:380px !important;
}
#contact-us .col2 {
  float:left !important;
  width:220px !important;
  font-size:85%;
  line-height:100% !important;
}
#contact-us .col2 .address {
  margin-bottom:25px;
  background:none !important;
}
#contact-us .col2 .first {
  margin:3px !important;
}
#contact-us .col2 span {
  display:inline !important;
}
#contact-us .col2 a {
  text-decoration:underline;
}
#contact-us .col2 a:hover {
  color:#5cc4d2;
}
#page_content .latest-news{
  overflow: auto;
}

#floor-plates,
#inspired,
#manchester,
#argent-attitude{position:relative}

#floor-plates    #copy-floor-plates,
#inspired        #copy-inspired,
#manchester      #copy-manchester,
#argent-attitude #copy-about-us{position:absolute;opacity:.9;border:10px solid #463767;background:#463767}

#inspired        #copy-inspired    {top:496px;left:382px}
#floor-plates    #copy-floor-plates{top:600px;left:355px}
#manchester      #copy-manchester  {top:369px;left:112px}
#argent-attitude #copy-about-us    {top:427px;left:76px}

#floor-plates    #copy-floor-plates div{width:288px;height:90px;overflow:none}
#inspired        #copy-inspired     div{width:288px;height:150px;overflow:none}
#manchester      #copy-manchester   div{width:288px;height:110px;overflow:none}
#argent-attitude #copy-about-us     div{width:298px;height:150px;overflow:none}

.copy h1{font-size:18px !important}
.copy h2{font-size:14px !important}
.copy p{font-size:12px !important}

.copy h1,
.copy h2,
.copy p{margin:0 !important;padding:10px 0 5px 0 !important;width:265px !important;background:none !important}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#444}
.jScrollPaneDrag{position:absolute;background:#5CC2D1;cursor:pointer;overflow:hidden}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px}
a.jScrollArrowUp:hover{/*background-color:#f60*/}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px}
a.jScrollArrowDown:hover{/*background-color:#f60*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00*/}

.article ul li{
	margin-top:0.5em;
	list-style: disc;
}

.dynamic .headers h2.full, .dynamic .headers h1.full{
	width:100%;
}

#hive_gallery .dynamic .article p {
	margin:0px 0px 12px;
	font-size:100%;
}

#hive_gallery h2{
	font-family: georgia;
}
#hive_gallery .dynamic .article h2{
	color:#FA4260;
}