/*
CSS - CCI Interiors
*/

body {
	background: #4d6b94 url(../images/core/body-background.gif) top left repeat-x;
}

div#container {
	width: 800px;
	margin: 46px auto;
	background: url(../images/core/content_container-background.gif) top center repeat-y;
}


/*
	HEADER
---------------------------*/
div#header {
	width: 800px;
	height: 119px;
	background: #fff url(../images/core/header-background.jpg) top center no-repeat;
	text-align: center;
}

div#header img.header-logo {margin: 30px 0 0 18px;}



/*
	banner
---------------------------*/
div#banner {
	width: 800px;
	height: 174px;
	display: block;
}

/*
	NAVIGATION
---------------------------*/
div#navigation {
	width: 800px;
	height: 26px;
	display: block;
	background:url(../images/nav/nav-background.gif) top center no-repeat;
}

#nav {
	height: 26px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 26px 0 0 0;
	margin-left: 30px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
	}
	
#nav a:hover {background-position: 0 -26px;	}

#nav-home a {width: 51px; background-image:url(../images/nav/nav-home.gif);}
#nav-profile a {width: 65px; background-image:url(../images/nav/nav-profile.gif);}
#nav-fitouts a {width: 226px; background-image:url(../images/nav/nav-fitouts.gif);}
#nav-furniture a {width: 164px; background-image:url(../images/nav/nav-furniture.gif);}
#nav-contact a {width: 97px; background-image:url(../images/nav/nav-contact.gif);}



/*
	CONTENT-CONTAINER
---------------------------*/
div#content-container {
	width: 780px;
	background: #fffbf2 url(../images/core/text-background.jpg) top left no-repeat;
	margin: 0 auto;
	padding-bottom: 74px;
	font: 13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 18px;
	color: #656464;
}

div#content-container div.cta {
	width: 196px;
	margin: 30px 0 35px 0;
}

div#content-container div.cta img {
	border: 2px solid #fb5b2e;
	margin-bottom: 6px;
}

div#content-container div.cta a {color: #1d3453;}
div#content-container div.cta a:hover {color: #fb5b2e;}

div#content-container div.cta p {
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	color: #1d3453;
	text-align: right;
}


/*
	TEXT
---------------------------*/

div#text {
	padding: 20px;
	text-align: justify;
}

div#text h1 {
	font: bold 2em Georgia, "Times New Roman", Times, serif;
	color: #fb5b2e;
	margin: 0 0 20px 0;
}

div#text h2 {
	font: 1.1em Helvetica, Arial, sans-serif;
	color: #214d88;
	margin: 0 0 20px 0;
}

div#text p {
	margin-bottom: 20px;
}

div#text strong {
	font-weight: bold;
}

div#text a {color: #fb5b2e; border-bottom: 1px solid #fb5b2e;}
div#text a:hover { border-bottom: 1px solid #214d88;}

div.index {
	width: 517px;
	margin: 0 auto;
}

div#text ul {
	list-style-type: disc;
}

div#text ul.left-list {
	float: left;
	display: inline;
	width: 210px;
	margin-left: 10px;
	margin-bottom: 20px;
}

div#text ul.list li {
	line-height: 1.5em;
	list-style: disc;
}

.clear {
	display: block; 
	clear: both;
}


/*
	PRODUCTS
---------------------------*/
.product-thumb {
	width: 170px;
	float: left;
	display: inline;
	margin: 0 10px 20px 0;
	text-align: center;
}

.product-thumb a { border: none !important; }
.product-thumb img { border: 2px solid #fb5b2e; }


/*
	FOOTERS
---------------------------*/
div#footer-contact {
	width: 780px;
	margin: 0 auto;
	clear: both;
	height: 72px;
	border-top: 1px solid #928c8c;
	background: #adb2b8;
}

div#footer-contact p {
	color: #373737;	
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 14px;
	margin: 5px 20px 0 20px;
}

div#footer-contact div.contact-numbers,
div#footer-contact div.contact-address,
div#footer-contact div.contact-business {
	float: left;
	display: inline;
}

div#footer-contact p.phone, 
div#footer-contact p.fax, 
div#footer-contact p.email {
  padding: 2px 0;
}

div#footer-contact p.phone {padding-left: 25px; background: url(../images/core/icon-phone.gif) top left no-repeat;}
div#footer-contact p.fax {padding-left: 25px; background: url(../images/core/icon-fax.gif) top left no-repeat;}
div#footer-contact p.email {padding-left: 25px; background: url(../images/core/icon-email.gif) top left no-repeat;}
div#footer-contact p.email a {color: #053068;}
div#footer-contact p.email a:hover {border-bottom: 1px solid #053068;}

div#footer-contact div.contact-address p {padding-left: 25px; background:url(../images/core/icon-address.gif) top left no-repeat;} 
div#footer-contact div.contact-business p {padding-left: 25px; background:url(../images/core/icon-business.gif) top left no-repeat;} 

/*------------*/

div#footer-links {
	width: 780px;
	margin: 0 auto;
	clear: both;
	height: 57px;
	border-top: 1px solid #928c8c;
	border-bottom: 1px solid #928c8c;
	background: #faf9f7;
}

div#footer-links p {
	color: #4b4b4b;	
	font: 0.7em Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 12px 0 0 29px;
	line-height: 19px;
	float: left;
}

div#footer-links a {color: #4b4b4b;}
div#footer-links a:hover {border-bottom: 1px solid #4b4b4b;}

div#footer-links img {float: right; padding: 12px 29px 0 0 ;}
