@charset "utf-8";
/* CSS Document */

html { min-height:100%; padding-bottom:1px; }

/* ----------------------------- Main Layout ----------------------------*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
}

h1 {
	font-size: 14px;
	margin:0px; padding:0px;
}

h3{ 
	font-size: 17px;
	margin:0px; padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h4{
    font-size:12px;
	font-weight:bold;
	color : #333333;
}

h2{
	font-weight:bold;
	font-size:16px;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 0;
	margin: 5px;
}

p { 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	padding: 5px;
}

a img { border: 0;}

span { 
	color: #39F;
}

#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#header {
	height: 280px;
	background: #FFFFFF; 
}

#mainContent {
	width: 950px;
	margin-top: 6px;
}

#mainContent p {
	color: #333333;	
}

#footer {
	margin: 0 auto;
	height: 150px;
	width: 950px;
}

#top{ 
	background: #333333;
}

#bottom{
	margin-top: 10px;
	background: url(images/footer-bg.jpg)
}
/* ----------------------------- Links format ----------------------------*/

#breadcrum a:link { 
	color: #FFF;
	text-decoration: none;
}

#breadcrum a:visited { 
	color: #FFF;
	text-decoration: none;
}

#breadcrum a:hover { 
	color: #39F;
	text-decoration: none;
}

#mainContent a:link { 
	color: #333333;
	text-decoration: none;
}

#mainContent a:visited { 
	color: #333333;
	text-decoration: none;
}

#mainContent a:hover { 
	color: #39F;
	text-decoration: none;
}

#footer a:link{ 
	color: #FFF;
	text-decoration: none;
}

#footer a:visited{ 
	color: #FFF;
	text-decoration: none;
}

#footer a:hover{ 
	color: #39F;
	text-decoration: none;
}


/* ----------------------------- Navigation Layout ----------------------------*/

#main-nav-left { float:left; width: 440px; height: 35px; margin-top: 8px; background: url(images/navigation-bg-left.jpg) no-repeat }

#main-nav-container { float:left; width:550px; height:35px; margin-left: -40px; margin-top: -8px; }

#main-nav-container #main-nav ul{ padding: 0; margin: 0;  }
#main-nav-container #main-nav li { display:inline; margin-bottom:1px; }
#main-nav-container #main-nav li a { float:left; height:0px; padding-top:35px; margin:0; height:0px; }
#main-nav-container #main-nav li a, #main-nav-container #globalsearch { background:url(images/navigation-bg.jpg) no-repeat;  }
#main-nav-container #main-nav li a span{ display: none; overflow: hidden; margin: 0; padding:0; }

		/* ----- Navigation Normal State ----- */
#main-nav-container #main-nav li#home a { width:71px; background-position:0px 0px; }
#main-nav-container #main-nav li#shop-fitting a { width:115px; background-position:-71px 0px; }
#main-nav-container #main-nav li#case-studies a { width:121px; background-position:-186px 0px; }
#main-nav-container #main-nav li#about-us a { width:95px; background-position:-307px 0px; }
#main-nav-container #main-nav li#contact-us a { width:108px; background-position:-402px 0px; }

		/* ----- Navigation Hover State ----- */
#main-nav-container #main-nav li#home a:hover { background-position:0px -35px; }
#main-nav-container #main-nav li#shop-fitting a:hover { background-position:-71px -35px; }
#main-nav-container #main-nav li#case-studies a:hover { background-position:-186px -35px; }
#main-nav-container #main-nav li#about-us a:hover { background-position:-307px -35px; }
#main-nav-container #main-nav li#contact-us a:hover { background-position:-402px -35px; }

		/* ----- Navigation Current State ----- */
#main-nav-container.home #main-nav li#home a { background-position:0px -35px !important; }
#main-nav-container.shop-fitting #main-nav li#shop-fitting a { background-position:-71px -35px !important; }
#main-nav-container.case-studies #main-nav li#case-studies a { background-position:-186px -35px !important; }
#main-nav-container.about-us #main-nav li#about-us a { background-position:-307px -35px !important; }
#main-nav-container.contact-us #main-nav li#contact-us a { background-position:-402px -35px !important; }

/* ----------------------------- Mini Navigation ----------------------------*/


/* ----------------------------- Lists Layout ----------------------------*/

#site-map-list{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px;
	
	background:url(images/case-study-bg.jpg) bottom right no-repeat;
}

#site-map-list ul{
	margin-left: 20px;
	padding-left: 20px;
}

#site-map-list li{ 
		list-style: none;
		padding:2px;
}

#site-map-list li:hover {
	text-decoration:underline;
	}

/* ----------------------------- Content Layout ----------------------------*/
#breadcrum { 
	height: 25px;
	width: 930px;
	margin: 0 auto;
	
	padding: 0 10px;
	margin-bottom: 10px;
	background-color: #333333;
}

#breadcrum-trail{
	height: 20px;
	width: 750px;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#39F;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 2.5px;
	padding-left: 0;
}

#phone{
	float: left;
	width: 175px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 2.5px;
	padding-left: 0;
}

#logo{
	float: right;
	height: 146px;
	width: 413px;
}

#logo span {
	display: none;
}

#slogan{
	float: right;
	height: 88px;
	width: 413px;
	background-image: url(images/Centreplan-Concept-Design-Slogan.jpg);
}

#slogan span {
	display: none;
}

#fade-rotate{ 
	float: right;
	height: 234px;
	width: 537px;
	background: url(images/centreplan-fade-rotate-bg.jpg) no-repeat;
}

#home-left{ 
	height: 225px;
	width: 350px;
	float: right;
	background-image: url(images/main-banner-left.jpg);
}

#home-left h1{
	text-indent: -9999px;
	overflow: hidden;
}

#whopright{
	height: 225px;
	width: 600px;
	background: url(images/main-banner-right.jpg) no-repeat;
	float: right;	
}

.section-header{ 
	background:url(images/h1-background.jpg) no-repeat;
	height: 79px;
	width: 950px;
}

.section-header h1 {  
	text-indent: -9999px;
	overflow: hidden;
}

.shop-fitting-header{ 
	height: 79px; width:100%;
	background:url(images/section-header-shop-fitting.jpg) no-repeat left 10px;
	margin-left:7px;
	overflow:hidden;
}

.case-studies-header{ 
	height: 79px; width:100%;
	background:url(images/section-header-case-studies.jpg) no-repeat left 10px;
	margin-left:7px;
	overflow:hidden;
}

.about-us-header{ 
	height: 79px; width:100%;
	background:url(images/section-header-about-us.jpg) no-repeat left 10px;
	margin-left:7px;
	overflow:hidden;
}

.sitemap-header{ 
	height: 79px; width:100%;
	background:url(images/site-map.jpg) no-repeat left 10px;
	margin-left:7px;
	overflow:hidden;
}

.contact-us-header{ 
	height: 79px; width:100%;
	background:url(images/section-header-contact-us.jpg) no-repeat left 10px;
	margin-left:7px;
	overflow:hidden;
}

.section-body{
	width: 935px;
	background:url(images/section-body-bg.jpg) repeat-y;
	padding: 8px;
}

.section-footer{ 
	height: 10px;
	background:url(images/section-footer-bg.jpg) no-repeat;
}

.case-study-content{
	height: 152px;
	width: 296px;
	float: left;
	
	margin: 7px;
}

#main-content-homepage{ 
	height: 310px;
	width: 940px;
	margin-top: 10px;
	padding: 7px;
	
	background: url(images/main-content-bg.jpg) no-repeat;
}

.main-promo-content { 
	height: 152px;
	width: 296px;
	
	margin: 7.5px;
	float: left;
}

.main-promo-text {
	height: 180px;
	width: 296px;
	
	margin: 7.5px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

#main-promo-shop-fitting {
	height: 180px;
	width: 296px;
	margin: 7.5px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

#main-promo-shop-fitting h2 {
	background-image: url(images/main-promo-hdr-1.jpg);
	background-repeat: no-repeat;
	margin:0px; padding:0px;
	width: 296px;
	height: 40px;
}

#main-promo-shop-fitting h2 span {
	display: none;
}

.main-promo-shop-fitting ul li{
	padding: 2px;
}

#main-promo-case-studies {
	height: 180px;
	width: 296px;
	margin: 7.5px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

#main-promo-case-studies h2 {
	background-image: url(images/main-promo-hdr-2.jpg);
	background-repeat: no-repeat;
	margin:0px; padding:0px;
	width: 296px;
	height: 40px;
}

#main-promo-case-studies h2 span {
	display: none;
}

.main-promo-case-studies ul li{
	padding: 2px;
}

#main-promo-contact-us {
	height: 180px;
	width: 296px;
	margin: 7.5px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

#main-promo-contact-us h2 {
	background-image: url(images/main-promo-hdr-3.jpg);
	background-repeat: no-repeat;
	margin:0px; padding:0px;
	width: 296px;
	height: 40px;
}

#main-promo-contact-us h2 span {
	display: none;
}

.main-promo-contact-us ul li{
	padding: 2px;
}

.main-promo-text ul li{
	padding: 2px;
}

#about-us-content h2 span{ 
	display: none;
}

#about-us-content h2{ 
	background-image: url(images/a-little-history.jpg);
	background-repeat: no-repeat;
	margin:0px; padding:0px;
	width: 296px;
	height: 40px;
}

#footer-info {
	height: 130px;
	margin-top: 20px;
	width: 300px;
	float: left;
	margin-left: 130px;
	background:url(images/footer-info-bg.jpg) no-repeat right;
	padding-left: 80px;
	color: #FFF;
	text-align:right;
	padding-right: 10px;
}

#footer-info-left {
	height: 130px;
	margin-top: 20px;
	width: 420px;
	float: left;
	color: #FFF;
	padding-left: 10px;
}

#thumb-nail-container{ 
	padding: 5px;
	float: left;
	width: 750px;
}

#thumb-nail-container span{
	font-size:14px;
	color:#ccc;
}


.thumb-nail {
	width:98px;
	height:98px;
	border:solid;
	border-width:1px;
	border-color:#000;
	background-color:#FFFFFF;
	margin-bottom:10px;
	margin-right:8px;	
	position:relative;
	float:left;
}
.thumb-nail img {
	position:absolute;
	top:4px;
	left:4px;
}

.thumb-nail:hover { background-color:#000; }

#case-studies-nav {
	width: 165px;	
	float: left;
	margin: 0 5px;
}

#center-content{ 
	width: 515px;
	float: left;
	padding: 5px;
}

#case-top{ 
	height: 8px;
	background: url(images/case-studies-nav-top.jpg) no-repeat;
}

#case-bottom{ 
	height: 8px;
	background: url(images/case-studies-nav-bottom.jpg) no-repeat;
}

#case-container{ 
	background: url(images/case-studies-nav-center.jpg) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#case-container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 10px;
	font-size: 12px;
}

#form-container{
	height: 300px;
	padding: 5px;
}

#form-container p{ 
	margin: 0;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#google-map{float:left; margin-left: 10px; margin-top:5px; width: 510px; height: 326px; border: 1px solid #99999b; }

#contact-promo-container { width:810px; height:auto; margin:10px 0px 10px 36px; }
.contact-promo { width:395px; height:auto; margin:0px 10px 0px 0px; background:url(images/contact-promo-top.jpg) top no-repeat #99999b; }
.contact-promo-bottom { width:395px; height:22px; margin:0px 10px 0px 0px; background:url(images/contact-promo-bottom.jpg) bottom no-repeat #99999b; }
.contact-promo-header { width:365px; height:78px; margin:9px 0px 5px 15px; }
.contact-promo-header p { margin:2px 50px 0px 0px; }
.contact-promo-content { width:370px; height:auto; margin:5px 10px 0 0; clear:both; background:#fff; float: left; }
.contact-promo-content table { width:375px; height: 326px; overflow:hidden; }
.contact-promo-content table p { color:#333333; margin:5px 0px; padding:0px; }
.contact-promo-content table input.text { width:97%; color:#333333; border:1px solid #99999b; padding:0px 2px; background:#ffffff!important; }
.contact-promo-content table textarea { width:97%; height:92px; margin:0px; padding:0px 2px; color:#333333; border:1px solid #99999b; background:#ffffff!important; }
.contact-promo-content table input#Marketing { width:20px; border:none; color:#333333; margin:0px 0px 0px 5px; }
.contact-promo-content table input#Privacy { width:20px; border:none; color:#333333; margin:0px 0px 0px 5px; }
.contact-promo-content table input#Submit { width:100px; color:#333333; border:1px solid #99999b; }
.contact-message { width:375px; display:block; height:346px; overflow:hidden; }
.contact-message p { margin:5px 0px; padding:2px 0px; }


#contact-us-content{ 
	background: url(images/contact-bg.jpg) no-repeat;
	height: 350px;
	padding: 15px;
	width: 910px;
}

#shop-fitting-images{ 
	width: 296px;
	height: auto;
	float: left;
	margin-left: 5px;
}

#shop-fitting-content{
	margin-left: 15px;
	margin-right: 5px;
	float: left;
	width: 600px;
	height: auto;
}

#shop-fitting-images img{ 
	margin-bottom: 15px;
}

.shop-fitting-background{
	background: url(images/case-study-bg.jpg) bottom right no-repeat;
	height: 730px;
}

.line-break{ 
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCC; 
}

#about-us-imagery{ 
	width: 380px;
	height: 200px;
	float: right;
	margin-top: 25px;
}

#about-us-content{ 
	width: 550px;
	height: auto;
	float: left;
}

#contact{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#accreditation{ 
	float: left;
	width: 900px;
	height: auto;
}

#links{
	float: left;
	width: 900px;
	height: auto;
}

#links ul{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color:#39F;
}

#links ul span{ 
	color:#333;
}

#links h2 span{ 
	display: none;
}

#links h2{ 
	background-image: url(images/links.jpg);
	background-repeat: no-repeat;
	margin:0px; padding:0px;
	width: 296px;
	height: 40px;
}

#company-information h2 span{ 
	display: none;
}

#company-information h2{ 
	background-image:url(images/company-information.jpg);
	background-repeat: no-repeat;
	margin:20px; padding:0px;
	width: 396px;
	height: 40px;
}