body
{
	margin:  0;
	padding:  0 0 0 0;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

body.home
{
	background: url('/_resources/interface/bground_test2.jpg') top left no-repeat;
}

body.about_us
{
	background: url('/_resources/interface/bground_about_us.jpg') top left no-repeat;
}

body.news
{
	background: url('/_resources/interface/bground_news.jpg') top left no-repeat;
}

body.developments
{
	background: url('/_resources/interface/bground_test3.jpg') top left no-repeat;
}

body.developments_seaforth
{
	background: url('/_resources/interface/bground_seaforth.jpg') top left no-repeat;
}

body.developments_metropole
{
	background: url('/_resources/interface/bground_metropole.jpg') top left no-repeat;
}

body.developments_hamilton_business_park
{
	background: url('/_resources/interface/bground_hamilton_business_park.jpg') top left no-repeat;
}

body.developments_belgrave_central
{
	background: url('/_resources/interface/bground_belgrave_central.jpg') top left no-repeat;
}

body.developments_moorpark_court
{
	background: url('/_resources/interface/bground_moorpark_court.jpg') top left no-repeat;
}

body.developments_clydesdale_house
{
	background: url('/_resources/interface/bground_clydesdale_house.jpg') top left no-repeat;
}

body.developments_glasgow_business_park
{
	background: url('/_resources/interface/bground_glasgow_business_park.jpg') top left no-repeat;
}

body.developments_moorpark_central
{
	background: url('/_resources/interface/bground_moorpark_central.jpg') top left no-repeat;
}

body.developments_glasgow_trade_park
{
	background: url('/_resources/interface/bground_glasgow_trade_park.jpg') top left no-repeat;
}

body.developments_parkway_point
{
	background: url('/_resources/interface/bground_parkway_point.jpg') top left no-repeat;
}

body.links
{
	background: url('/_resources/interface/bground_links.jpg') top left no-repeat;
}

body.contact_us
{
	background: url('/_resources/interface/bground_contact_us.jpg') top left no-repeat;
}


img
{
	border: none;
}



div#page
{
	width: 820px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 20px 0 0 0;
}



/* @group Header */



div#header
{
	width: 820px;
	height: 100px;
	margin: 10px auto 0 auto;
	padding: 0;
	color: black;
}

div#header_pane
{
	width: 820px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: black;
	opacity: 0.3;
	float: left;
	background: url('/_resources/interface/bground_shade.png') top left no-repeat;
}

div#banner
{
	position: absolute;
}



div#logo
{
	width:  250px;
	height:  100px;
	margin: 0;
	padding: 0;
	float: left;
	background: url('/_resources/interface/city_link_logo.png') top left no-repeat;
}

/* @group Navigation */

div#navigation
{
	width:  590px;
	height:  35px;
	margin: 0 0 0 300px;
	padding: 0;
	display: block;
}

div#navigation ul
{
	width:  590px;
	margin: 75px 0px 0 20px;
	padding: 0;
	list-style: none inside none;
	float: right;
}

div#navigation ul li
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none inside none;
}

div#navigation ul li a
{
	margin: 0 10px 0 0;
	padding: 0 10px 7px 0 ;
	display: block;
	overflow: hidden;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	color: white;
	border-right: 1px solid white;
	font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#navigation ul li a:hover
{
	color: #fbc738;
}

div#navigation ul li a#home
{
	width: 50px;
}

div#navigation ul li a#about_us
{
	width: 70px;
}

div#navigation ul li a#news
{
	width: 50px;
}

div#navigation ul li a#developments
{
	width: 110px;
}

div#navigation ul li a#people
{
	width: 60px;
}

div#navigation ul li a#contact_us
{
	width: 90px;
}

div#page.home div#navigation ul li a#home
{
	color: #fbc738;
}



div#page.about_us div#navigation ul li a#about_us
{
	color: #fbc738;
}

div#page.news div#navigation ul li a#news
{
	color: #fbc738;
}

div#page.developments div#navigation ul li a#developments
{
	color: #fbc738;
}

div#page.people div#navigation ul li a#people
{
	color: #fbc738;
}

div#page.contact_us div#navigation ul li a#contact_us
{
	color: #fbc738;
}

div#navigation ul ul.secondary
{
	display: none;
	position: relative;
	top: 0px;
	left: -10px;
	width: 130px;
	z-index: 10;
	margin: 0;
	padding: 0;
	list-style: none inside none;
 }





div#navigation ul ul.secondary li
{
	list-style: none inside none;
	margin: 0;
	padding: 0;
		width: 130px;
	background: #ccc;

}

div#navigation ul ul a
{
	display: block;
	font-size: 11px;
	text-align: left;
	font-weight:  normal;
	color: black;
	text-decoration: none;
	text-transform: normal;
	margin: 0;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #666;
}

div#navigation ul li:hover ul.secondary
{
	display: block;
}

div#navigation ul li:hover ul.secondary a:hover
{
	color: black;
	background-color: #fbc738;
}


/* @end */



/* @end */

/* @group Content */

div.content
{
	width: 820px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
}

div.content_left
{
	margin: 0 20px 0 20px;
	padding: 0;
	width: 250px;
	float: left;
}

div.content_left img
{
	border: 1px solid white;
}

div#page.developments_intro div.content_left form
{
	margin: 80px 0 0 0;
	padding: 0;
}

div.content_left form
{
	margin: 10px 0 20px 0;
	padding: 0;
}

p.caption
{
	margin: 8px 0 5px 0px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	color: white;
}

p.caption a
{
	text-decoration: none;
	color: white;
}

p.caption a:hover
{
	text-decoration: underline;
	color: #fbc738;
}

/* @group Looping images */

div.looping_images
{
	height: 400px;
	width: 250px;
	margin: 75px 0 0 0;
	padding: 0;
	float:  left;
}

div.looping_images img
{
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=100);
	margin: 0;
	padding: 0;
	height:  400px;
	width: 250px;
	border: 1px solid white;
}

div.looping_images img.initial
{
	filter: Alpha(Opacity=100);
	opacity: 100;
}

/* @end */

/* @group Thumbnails */

div.photo
{
	width: 250px;
	height: 250px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #fbc738;
	font-weight: bold;
}

div.photo img
{
	border: 1px solid white;
}



div.thumbnails
{
	margin: 50px 0px 0px 0px;
	padding: 0;
	color: white;
}

div.thumbnails img
{
	margin: 0 6px 6px 0;
	padding: 0;
	border: 1px solid white;

}

p.thumbnail_intro
{
	margin: 0;
	padding: 0;
}




/* @end */

div#page.home div.content_right
{
	width: 450px;
}


div#page.about_us div.content_right
{
	width: 520px;
}

div.content_right
{
	margin: 0 0 0 300px;
	padding: 0;
	width: 470px;
	color: white;
}

p.headline
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 48px;
	color: #fbc738;
}

p.headline_2
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 42px;
	color: #fbc738;
}

p.intro
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 21px;
	line-height: 26px;
}

p.news_date
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	line-height: 11px;
	color: #fbc738;
	text-transform: uppercase;
}

p.sub_header
{
	margin: 5px 0 5px 0px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fbc738;
}

p.subtitle
{
	margin: 25px 0 5px 0px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fbc738;
}

p.body
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}

p.body a
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

p.body a:hover
{
	color: #fbc738;
	text-decoration: underline;
}

p.body_address
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
}

p.body_address a
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

p.body_address a:hover
{
	color: #fbc738;
	text-decoration: underline;
}

p.reproduction_text
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
}

p.reproduction_text a
{
	color: white;
	text-decoration: none;
}

p.reproduction_text a:hover
{
	color: #fbc738;
	text-decoration: underline;
}

ul.bullet_list
{
	margin: 0 0 20px 40px;
	padding: 0;
}

ul.bullet_list li
{
	margin: 0 0 10px 0;
	padding: 0;
}

ul.links_list
{
	margin: 0 0 20px 20px;
	padding: 0;
}

ul.links_list li
{
	margin: 0 0 10px 0;
	font-size: 13px;
	padding: 0 0 0 20px;
	list-style: none inside none;
	background: url('/_resources/interface/links.gif') top left no-repeat;
	color: white;
	font-size: 12px;
	float: left;
	width: 400px
}

ul.links_list li a
{
	color: #fbc738;
	text-decoration: none;	
}

ul.links_list li a:hover
{
	color: #fbc738;
	text-decoration: underline;	
}

ul.download_pdf
{
	list-style: none inside none;
	margin: 0;
	padding: 0;
	display: block;
	width: 480px;
	height: 42px;
}

ul.download_pdf li
{
	margin: 0 10px 0 0;
	padding: 0;
	width: 120px;
	height: 42px;
	list-style: none inside none;
	display: block;
		float: left;

}

ul.download_pdf li a 
{
	background: url('/_resources/interface/download_button.gif') top left no-repeat;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 42px;
	display: block;
	text-indent: -1900px;
	float: left;
}

ul.download_pdf li a.retail 
{
	background: url('/_resources/interface/download_button_retail.gif') top left no-repeat;
	width: 148px;
	height: 42px;
	display: block;
	text-indent: -1900px;
	float: left;
}

ul.download_pdf li a:hover
{
	background-position: 0 -42px;	
}

/* @group Developments Links */





ul.developments
{
	margin: 5px 0 10px 0px;
	padding: 0;
	list-style: none inside none;
	display: block;
	width: 480px;
	height: 80px;
}

ul.developments#home
{
	width: 350px;
}

p.developments
{
	margin: 5px 0 5px 0px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	color: #fbc738;
}

ul.developments li
{
	margin: 3px 10px 10px 0;
	padding: 0;	
	width:  140px;
	height: 65px;
	list-style: none inside none;
	float: left;
	text-decoration: none;
	display: block;
}

ul.developments li a 
{
	text-decoration: none;
	text-indent: -1900px;
	color:  white;
	float: left;
	width:  140px;
	height: 65px;
	border: 1px solid white;
	display: block;
}

ul.developments li a#glasgow_trade_park 
{
		background: url('/_resources/images/developments/glasgow_trade_park_thumb.jpg') top left no-repeat;
}

ul.developments li a#glasgow_trade_park:hover
{
	background-position: 0 -65px;
}

ul.developments li a#parkway_point 
{
		background: url('/_resources/images/developments/parkway_point_thumb.jpg') top left no-repeat;
}

ul.developments  li a#parkway_point:hover
{
	background-position: 0 -65px;
}

ul.developments li a#seaforth_house 
{
		background: url('/_resources/images/developments/seaforth_house_thumb.jpg') top left no-repeat;
}

ul.developments  li a#seaforth_house:hover
{
	background-position: 0 -65px;
}

ul.developments li a#metropole
{
		background: url('/_resources/images/developments/metropole_thumb.jpg') top left no-repeat;
}

ul.developments  li a#metropole:hover
{
	background-position: 0 -65px;
}

ul.developments li a#hamilton_business_park
{
		background: url('/_resources/images/developments/hamilton_business_park_thumb.jpg') top left no-repeat;
}

ul.developments  li a#hamilton_business_park:hover
{
	background-position: 0 -65px;
}

ul.developments li a#belgrave_central
{
		background: url('/_resources/images/developments/belgrave_central_thumb.jpg') top left no-repeat;
}

ul.developments  li a#belgrave_central:hover
{
	background-position: 0 -65px;
}

ul.developments li a#moorpark_court
{
		background: url('/_resources/images/developments/moorpark_court_thumb.jpg') top left no-repeat;
}

ul.developments  li a#moorpark_court:hover
{
	background-position: 0 -65px;
}

ul.developments li a#clydesdale_house
{
		background: url('/_resources/images/developments/clydesdale_house_thumb.jpg') top left no-repeat;
}

ul.developments  li a#clydesdale_house:hover
{
	background-position: 0 -65px;
}

ul.developments li a#glasgow_business_park
{
		background: url('/_resources/images/developments/glasgow_business_park_thumb.jpg') top left no-repeat;
}

ul.developments  li a#glasgow_business_park:hover
{
	background-position: 0 -65px;
}

ul.developments li a#moorpark_central
{
		background: url('/_resources/images/developments/moorpark_central_thumb.jpg') top left no-repeat;
}

ul.developments  li a#moorpark_central:hover
{
	background-position: 0 -65px;
}

div.profile
{
	clear: both;
}

img.profile
{
	border:  1px solid white;
	float:  left;
	padding:  0;
	margin:  0 20px 20px 0;
	clear:  both;
}










/* @end */


div#base
{
	clear: both;
}
/* @end */

/* @group Footer */

div.footer
{
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 10px 0 10px 0;
	clear: both;
	text-align: center;
	border-top: 1px solid #fbc738;
	border-bottom: 1px solid #fbc738;


}

p.footer
{
	margin: 10px;
	padding: 0;
	color:  white;
	font-size: 11px;
}

p.footer a
{
	color:  white;
	text-decoration: none;
}

p.footer a:hover,
p.footer a.selected
{
	text-decoration: underline;
	color: #fbc738;
}


/* @end */

/* @group Variants */



/* @end */