/* ____________________  __ 
      ____|___        //  
    _/_|_|   >=======(_)  
   (________/             
      /
*/
@import "common.css";
@import "forms.css";
@import "scroll_pane.css";

html {
	height			: 100%;
}
body {
	margin			: 0 0 0 0;
	padding			: 0;
	font-family		:"Times New Roman", Times, serif;
	font-size		: small;
	color			: #000;
	text-decoration	: none;
}
#wrapper {
	width			: 100%; 
	min-height		: 100%;
	height			: auto !important;
	height			: 100%;
	overflow		: hidden; 
}
/*---------- Header */
#header {
	position		: relative;
	width			: 1024px;
	height			: 55px;
	margin			: 0 auto;
	z-index			: 1000;
}
#logo {
	width			: 161px;
	height			: 22px;
	position		: absolute;
	z-index			: 999;
	margin			: 13px 0 0 40px;
	cursor			: pointer;
}
#search {
	position		: absolute;
	right			: 410px;
	top				: 15px;
	width			: 140px;
	height			: 26px;
	padding			: 0 0 0 5px;
	margin			: 0;
	background		: url(../images/search_bg.png) no-repeat left 3px;		
	z-index			: 999;
}
#ajaxSearch_input {
	width			: 110px;
	height			: 20px;
	padding			: 0;
	border			: 0;
	background		: none;
	font-family		: "Times New Roman", Times, serif;
	font-style		: italic;
	font-size		: 11px;
}

#ajaxSearch_submit {
	display			: none;
	border			: 0;
	width			: 22px;
	height			: 22px;
	outline			: none;
	position		: relative;
	/*left			: 3px;*/
	cursor			: pointer;
	background		: url(../images/search_btn.png) no-repeat left 5px;
}
span.ajaxSearch_paging {
	display			: block;
} 
/*---------- Newsletter Signup */
#newsletterSignup {
	position		: absolute;
	width			: 150px;
	height			: 191px;
	padding			: 5px;
	right			: 200px;
	margin-top		: -135px;
	z-index			: 899;	
	text-align		: center;
	background		: url(../images/newsletter_signup_box_bg.png) no-repeat top left;
} 
#box_trigger {
	position		: absolute;
	bottom			: 17px;
	left			: 20px;
	width			: 110px;
	height			: 30px;
	padding			: 10px 0 0 0;
	font-size		: 14px;
	font-weight		: bolder;
	font-style		: italic;
	cursor			: pointer;
	text-align		: left;

} 
#newsletterSignup  h1 {
	font-size		: 12px;
	font-weight		: bolder;
	font-style		: italic;
	height			: 32px;
	padding			: 3px 0 0 0;
}
#newsletterSignup  h1.error {
	color			: #b63336;
}
#newsletterSignup form {
	margin			: 15px 0 0 0;
	text-align		: left;
}
#newsletterSignup form input.signup {
	display			: block;
	width			: 130px;
	height			: 14px;
	background		: url(../images/newsletter_signup_input_bg.gif) no-repeat top left;
	border			: none;
	margin			: 0 0 5px 0;
	padding			: 4px 10px;
	font-size		: 11px;
	color			: #666;
}
/*---------- Theme Selector */
#themeSelector {
	position		: absolute;
	width			: 186px;
	height			: 285px;
	right			: 10px;
	top				: -40px; 
	margin-top		: -170px;	
	z-index			: 899;	
	background		: url(../images/themes_bg.png) no-repeat top left;
}  
#trigger {
	position		: absolute;
	bottom			: 25px;
	left			: 20px;
	width			: 110px;
	height			: 30px;
	padding			: 10px 0 0 0;
	font-size		: 14px;
	font-weight		: bolder;
	font-style		: italic;
	cursor			: pointer;
} 
#selectTheme {
	width			: 130px;
	margin			: 40px 0 0 7px;
	padding			: 0;
	overflow		: hidden;
}
#selectTheme li {
	cursor			: pointer;
	padding			: 0 0 10px 0;
	color			: #6d6e70;
}
#selectTheme li img {
	display			: block;
	margin			: 0 0 3px 0;
}
#selectTheme li span {
	padding			: 0 0 0 10px;	
	font-style		: italic;
	font-weight		: bolder;
}
/*
#chooseTheme {
	width			: 100%;
	display			: block;
	font-style		: italic;
	padding			: 3px 25px 3px 10px;
	cursor			: pointer;
}
#themeSelector ul {
	text-align		: left;
	width			: 130px;
	margin			: 10px 0 0 0;
	padding			: 0;

	margin			: 3px 0 0 0;
	padding			: 3px 0 0 0;

	background		: #e8e8e8;
	border			: 5px solid #fff;
}
#themeSelector ul li {
	padding			: 3px 10px 3px 10px;
}
.hover {
	background		: gray;
	color			: #fff;
	cursor			: pointer;
}
*/
/*---------- Gallery */
#galleryWrapper {
	width			: 100%;
	height			: 300px;
	overflow		: hidden;

}

/*
#gallery {
	height			: 340px;
	display			: none;
	overflow		: hidden;
	background		: #666;
}
#gallery li {
	width			: 600px;
	height			: 330px;
	float			: left;
	margin			: 0 10px 0 0;
	border			: 5px solid #fff;
	background		: #e8e8e8;
}
#gallery li img {
	display			: none;
}
#gallery li.last {
	margin			: 0;
}
#gallery li.loading {
	background		: #e8e8e8 url(../images/loading.gif) no-repeat center center;
}
#gallerySlider {
	margin			: 20px;
	width			: 400px;
}
*/
#wrapperInner {
	position		: relative;
	width			: 1024px;
	margin			: 0 auto;
	padding			: 0;
	z-index			: 1;
}
/*---------- Nav */
#nav {
	position		: relative;
	width			: 200px;
	float			: left;
	margin			: 30px 20px 0 50px;
	font-style		: italic;
	color			: #4d4d4d;
	z-index			: 2;
}
#nav ul li {
	overflow		: hidden;
}
#nav a:link, #nav a:hover, #nav a:visited {
	text-decoration	: none;
	color			: #4d4d4d;
	font-weight		: bolder;
}
/*--- 1st Level */
#nav ul.mainNav {
}
#nav ul.mainNav li {
	margin			: 0;
	padding			: 7px 12px 7px 12px;
	background		: #fff url(../images/nav_off.gif) no-repeat 10px 11px;
}
#nav ul.mainNav li a {
	padding			: 0 0 0 8px;
}
#nav ul.mainNav li.active {
	background		: #fff url(../images/nav_on.gif) no-repeat 8px 14px;
}
#nav ul div.navShadow {
	margin			: 0 0 5px 0;
	position		: relative;
	left			: 0;
}
#nav ul.mainNav li {
	position		: relative;
}
/*--- 2nd Level */
#nav ul.subNav  {
	display			: none;
	padding			: 2px 0 0 0;
}
#nav ul.subNav li {
	width			: auto;
	margin			: 3px 0;
	padding			: 0;
	background		: none;
}
#nav ul.subNav li a {
	padding			: 0;
	font-weight		: normal;
	display			: block;
	padding			: 3px 6px;
}
/*
#nav ul.subNav li a:hover {
	color			: #000;
}
*/
#nav ul.subNav li.filters  a {
	display			: block;
	background		: url(../images/filters_arrow.gif) no-repeat right center;
}
#nav ul.subNav li.active, #nav ul.subNav li.selected {
	/*background	: #fff url(../images/nav_active.gif) no-repeat 0 8px;*/
	background		: #e8e8e8;
}
#nav ul.subNav li.type {
	display			: block;
	margin			: 5px 0 5px 0;
	padding			: 0 0 6px 10px;
	border-bottom	: 1px solid #000;
}
/*---------- Content */
#contentWrapper {
	position		: relative;
	float			: left;
	width			: 680px;
	margin			: 30px 0 0 0;
	overflow		: hidden;
	z-index			: 1;
}	
#content {
	position		: relative;
	width			: 600px;
	min-height		: 400px;
	height			: auto !important;
	height			: 400px;
	padding			: 0 40px 40px 40px;	
	font-family		: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #797979;
	background		: #fff;
	z-index			: 1;
	overflow		: hidden;
}
#content h1 {
	position		: relative;
	font-family		: "Times New Roman", Times, serif;
	font-size		: 16px;
	width			: 600px;
	padding			: 15px 10px 15px 0; 
	margin			: 0 0 15px 0; 
	color			: #333;
	font-weight		: bolder;
	font-style		: italic;
	border-bottom	: 1px dotted #1a171b;
	display			: block;
	overflow		: hidden;
	background		: #fff;
	z-index			: 2;
}
#content h2 {
	font-family		: "Times New Roman", Times, serif;
	font-weight		: bolder;
	font-size		: 14px;
	font-style		: italic;
	margin			: 0 0 3px 0; 
	color			: #000;
	text-transform	: lowercase;
}
#content p {
	padding			: 0 0 15px 0;
	line-height		: 1.5em;
}
#content ul {
	padding			: 7px 10px;
}
#content ul li {
	padding			: 1px 0 1px 10px;
	background		: url(../images/bullet_point.gif) no-repeat left 6px;
}
#content ul li.award, #content span.award {
	padding			: 1px 0 1px 17px;
	font-size		: 12px;
	background		: url(../images/award.png) no-repeat left 3px;
}
#content a:link, #content a:visited {
	color			: #666;
	text-decoration	: none;
}
#content a:hover {
	color			: #999;
	text-decoration	: none;
}
#content .big_link {
	font-family		: "Times New Roman", Times, serif;
	font-size		: 16px;
	font-weight		: bolder;
	font-style		: italic;
	color			: #333;
}
/*----- Testimonials */
#content .testimonial {
	padding			: 0 0 6px 0;
	font-family		: "Times New Roman", Times, serif;
	font-size		: 15px;
	line-height		: 1.4em;
	font-style		: italic;
	color			: #333;
}
#content .quote_credit_caps {
	color			: #999;
	padding			: 0;
}
#content .quote_credit {
	font-size		: 10px;
}
#contentShadow {
	position		: relative;
	width			: 660px;
	height			: 30px;
}

.ui-resizable .ui-resizable-handle {
	/*padding			: 0 2px 2px 0;*/
}
/*-----*/
#contentMenu, #projectElements {
	position			: absolute;
	top					: 0;
	right				: 0;
	width				: 156px;
	height				: 100%;
	background			: #bababb;
	padding				: 20px 0 0 0;
	margin				: 0 -156px 0 0;
	z-index				: 9989;
}
#contentMenuInner, #elementsContent {
	position			: absolute; 
	width				: 116px;
	height				: 85%;
	padding				: 20px 20px 0 20px;
	margin				: 0;
}
/*----- Project Headings */
#projectElements  h1, #contentMenu h1 {
	border-bottom		: 1px solid #ababac;
	width				: 105px;
	padding				: 0 0 5px 0;
	margin				: 0 0 10px 0;
	background			: none;
}
#projectElements h2 {
	font-family		: "Times New Roman", Times, serif;
	color			: #333;
	font-weight		: bolder;
	font-style		: italic;
	font-size		: 12px;
	text-transform	: lowercase;
	padding			: 0 0 3px 0;
}
#projectElements ul {
	padding			: 0 0 10px 0;
	color				: #fff;
}
#contentMenuInner ul#projectMenu  {
	padding			: 0;
	margin			: 0;
}
#content a.caseStudyDown {
	color			: #535353;
	text-decoration	: none;
	background		: url(../images/nav_on.gif) no-repeat left center;
	padding			: 2px 0 0 15px; 
	margin			: 10px 0 0 0;
	font-style		: italic;
	text-transform	: none;
	font-family		: "Times New Roman", Times, serif;
	font-size		: 14px;
}
#menuTrigger  {
	position			: absolute;
	top					: 150px; 
	left				: -24px;
	width				: 24px;
	height				: 90px;
	cursor				: pointer;
	background			: url(../images/content_menu_trigger_bg.gif) no-repeat left top;
	z-index				: 2;
}
#elementTrigger {
	position			: absolute;
	top					: 53px;
	left				: -24px;
	width				: 24px;
	height				: 90px;
	cursor				: pointer;
	background			: url(../images/project_elements_trigger_bg.gif) no-repeat left top;
}
#contentMenu ul li a:link, #contentMenu ul li a:visited {
	color				: #fff;
	text-decoration		: none; 
	font-family		    : "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-style			: normal;
	font-weight			: normal;
}
#contentMenu ul li a:hover, #contentMenu ul li.active a{
	color				: #000;
}

/*-------------------------------------------------------*/
.testimonialBox {
	background			: url(../images/testimonial_bg.gif) no-repeat left top;
	padding				: 35px 0 20px 0;
	margin				: 0 0 20px 0;
	border-bottom		: 1px solid #c6c6c6;
}
.testimonialBox .spacer {
	background			: url(../images/testimonial_spacer_bg.gif) no-repeat right top;
	height				: 40px;
}
.testimonialBox span {
	color				: #000;
	font-weight			: bolder;
}
/*-----------------------------------------------------------*/
.downloadsBox, .freebies {
	display				: block;
	margin				: 0 0 20px 0;
	padding				: 0 0 20px 0;
	border-bottom		: 1px solid #c6c6c6;	
	overflow			: hidden;
}
.downloadsBox .left, .freebies .left {
	float				: left;
	margin				: 0 10px 10px 0;
}
.downloadsBox .right, .freebies .right {
	float				: left;
}
.downloadsBox img, .freebies img {
	border			: 5px solid #bbbbbb; 
}
.downloadsBox span, .downloadsBox h1, .freebies span,  .freebies h1 {
	color				: #000;
	font-weight			: bolder;
}
.ourWorkBoxInner span {
	color				: #000;
}
.downloadsBox a {
	display				: block;
	color				: #b32b31;
	text-decoration		: none;
	padding				: 5px 0 0 15px;
	background			: url(../images/red_arrow.gif) no-repeat left center;
}
.freebies a {
	color				: #b32b31;
	text-decoration		: none;
}


/*---------- Enquiries */
#enquiryForm iframe {
	width			: 602px;
	padding			: 50px 0 0 40px;
}
#enquiries {
	width			: 642px;
	position		: absolute;
	top				: -460px;
	margin			: 0;
	left			: 10px;
	background		: none;
	z-index			: 999;
}
#enquiryForm {
	width			: 642px;
	height			: 470px;
	position		: relative;
	/*margin			: -460px 0 0 0;*/
	background		: url(../images/enquiries_form_bg.png) no-repeat left top;
	overflow		: hidden;
}
#content .enquiryForm {
	/*padding			: 0 20px 0 20px;*/
}
#enquiryBtn {
	width			: 136px;
	height			: 64px;
	margin-top		: -11px;
	position		: relative;
	left			: 253px;
	cursor			: pointer;
	clear			: both;
	z-index			: 99;	
}
/*---------- Stickers */

#stickers img {
	display			: none;
}
#stickers span {
	position		: absolute;
	display			: block;
	cursor			: pointer;
}
#fancy_outer, #fancy_inner {
	z-index			: 1000;
}
/*---------- Our Work */
#content div.ourWorkBox {
	position		: relative;
	float			: left;
	width			: 190px;
	height			: 182px;
	margin			: 0 10px 20px 0;
	border-bottom	: 1px dotted #333;
	overflow		: hidden;
} 
#content div.news {
	position		: relative;
	float			: left;
	width			: 190px;
	height			: 170px;
	margin			: 0 10px 20px 0;
	border-bottom	: 1px dotted #333;
	overflow		: hidden;
} 
#content div.ourWorkBox  img {
	border			: 5px solid #bbbbbb; 
} 
#content div.ourWorkBox  h1 {
	font-style		: italic;
	font-weight		: bolder;
	padding			: 0;
	font-size		: 12px;
	padding			: 0;
	margin			: 0;
	border			: none;
	display			: inline;
} 
div.ourWorkBoxInner {
	padding			: 10px;
}
div.ourWorkBoxInner  a.readon {
	font-family		: "Times New Roman", Times, serif;
	font-size		: small;
	font-style		: italic;
	font-weight		: bolder;
	color			: #b12c31;
	text-decoration	: none;
}
#content div.multimedia {
	height			: 180px;
}
/*---------- Map */
#map {
	width			: 600px;
	height			: 300px;
	border			: 5px solid #bbbbbb;
}
/*----------- Our Staff */
.staff {
	float			: left;
	width			: 190px;
	height			: 250px;
	margin			: 0 10px 20px 0;
	border-bottom	: 1px dotted #333;	
	overflow		: hidden;
}
.staff img.headImage {
	display			: block;
	width			: 180px;
	height			: 180px;
	border			: 5px solid #bbbbbb; 
	margin			: 0 0 10px 0;
}
.staff span {
	display			: block;
	line-height		: 1em;
}
.staff a {
	float			: right;
	display			: block;
	margin			: 5px 0 0 0;
}
.staff br {
	line-height		: 0.5em;
}
.staff div.staffDetails {
	padding			: 0 10px 0 10px;
}
.staff div.staffDetails p em{
	color			: #333;
	font-weight		: bolder;
}
#sitemap li {
	padding			: 0 0 0 20px;	
}
/*---------- Footer */

#footerWrapper {
	/*
	position		: absolute; 
	left			: 0;
	bottom			: 0;
	*/
	clear			: both;
	width			: 100%;
	height			: 42px;
	line-height		: 42px;
	margin			: 0;
	padding			: 0;
	color			: #8e8e8e;
	background		: #e6e6e6;
	overflow		: hidden;
}
#footer {
	position		: relative;
	display			: block;
	width			: 1024px;
	margin			: 0 auto;
	font-family		: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	padding			: 0;
	overflow		: hidden;
}
#footer em {
	font-style		: normal;
}
#footer .hilite {
	padding			: 0 0 0 0;
	color			: #4d4d4d;
}
#footer a:link, #footer a:visited {
	color			: #333;
	text-decoration	: none;
}
#footer a:hover {
	color			: #000;
	text-decoration	: none;
}
/*---------------- Home News -------*/
#content #home_news {
	position		: relative;
	width			: 600px;
	display			: block;
	margin			: 0;
	padding			: 0 0 15px 0;
} 
#content #home_news  img {
	border			: 5px solid #bbbbbb; 
	float			: left;
} 
#content #home_news  h1 {
	font-style		: italic;
	font-weight		: bolder;
	font-size		: 12px;
	padding			: 0 0 5px 0;
	margin			: 0; 
	border			: none;
} 
#content #home_news div.ourWorkBoxInner {
	float			: right;
	width			: 390px;
	padding			: 0;
}
#content #home_news div.ourWorkBoxInner  a.readon {
	font-family		: "Times New Roman", Times, serif;
	font-size		: small;
	font-style		: italic;
	font-weight		: bolder;
	color			: #333;
	text-decoration	: none;
}
#content #home_news div.ourWorkBoxInner p {
	line-height		: 1.3em;
}
/*-------------------------------------------------------------*/
span.headingLinks {
	position		: absolute;
	right			: 0;
	top				: 18px;
	z-index			: 1;
}
#content h1 a.back:link, #content h1 a.back:visited {
	color			: #969696;
}
#content h1 a.back:hover {
	color			: #000;
}

#carParks {
	position		: absolute;
	top				: -300px;
	width			: 600px;
	height			: 300px;
	margin			: 0 0 20px 0;
	border			: 5px solid #bbbbbb; 
	border-bottom	: 6px solid #bbbbbb; 
	z-index			: 1;
	overflow		: hidden;
}
/*------------------------------------------------*/
#content a.ajaxSearch_resultLink {
	font-weight		: bolder;
}
#content span.ajaxSearch_currentPage {
	color			: #333;
}
#content span.ajaxSearch_paging a {
	color			: #999;
}
#content span.ajaxSearch_paging a:hover {
	color			: #333;
}
#content a.ditto_page, span.ditto_currentpage {
	padding			: 0 5px 0 0;
	margin			: 0 5px 0 0;
	color			: #999;
	background		: url(../images/pag_divider.gif) no-repeat right center;
}
span.ditto_currentpage, #content a.ditto_page:hover {
	color			: #333;
}
div.pagination {
	display			: block;
	width			: 600px;
	clear			: both;
}
div#form_trigger1 img, div#form_trigger2 img  {
	cursor			: pointer;
}
/*---------------------------------------------------------------------------------------------------------*/
@media print {
/*
	body * {
		overflow	: auto !important;
	}
*/	
	
	#header, #enquiries, #galleryWrapper, #stickers, #nav, #footer {
		display		: none;
	} 
	
  
  
}