/*
   screen.css
   chelseaflooring
   
   Created by Cale Woodley on 2008-11-18.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");
body {
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  background: #fff url('../images/core/bg.gif') 0 0 repeat-x;
	color: #000000;
}

h1 { font-size: 2.2em; color: #0e4188; font-weight: bold; }
h2 { font-size: 1.4em; color: #434343; }
h3 { font-size: 1.3em; color: #466692; }
h4 { font-size: 1.2em; color: #939598; }
h5 { font-size: 1.1em; color: #b6b6b6; }
h3, h4, h5 { margin-bottom: 0.8em; }

h2 {
	padding: 0 0 15px 0px;
}

h1.pagetitle {
	text-indent: -9999px;
	width: 500px;
	height: 26px;
}

body#page-index h1.pagetitle { background: url('../images/titles/welcome.gif') no-repeat; }
body#page-about h1.pagetitle { background: url('../images/titles/choosing.gif') no-repeat; }
body#page-gallery h1.pagetitle { background: url('../images/titles/gallery.gif') no-repeat; }
body#page-contact h1.pagetitle { background: url('../images/titles/contact.gif') no-repeat; }
body#page-thankyou h1.pagetitle { background: url('../images/titles/thank.gif') no-repeat; }

#container {
  width: 960px;
  margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*  =header
*************************************/
#header {
  height: 105px;
}

#header img {
  float: left;
  display: inline;
  margin: 12px 0 0 0;
}

#navigation {
  float: left;
  display: inline;
  margin: 45px 0 0 110px;
}

#navigation li {float: left; display: inline;}

#navigation a {
  display: block;
  height: 33px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
  margin: 0 0 0 14px;
}

#navigation a#nav-home {background-image: url('../images/nav/nav-home.gif'); width: 62px;}
#navigation a#nav-choosingfloor {background-image: url('../images/nav/nav-choosingfloor.gif'); width: 185px;}
#navigation a#nav-gallery {background-image: url('../images/nav/nav-gallery.gif'); width: 75px;}
#navigation a#nav-contact {background-image: url('../images/nav/nav-contact.gif'); width: 96px;}

#navigation a:hover { background-position: 0 -33px; }

/* -- Active -- */
body#page-index #navigation a#nav-home,
body#page-about #navigation a#nav-choosingfloor,
body#page-gallery #navigation a#nav-gallery,
body#page-contact #navigation a#nav-contact {
	background-position: 0 -33px !important;
}


/*  =banner
*************************************/
#banner {
  width: 848px;
  height: 370px;
  overflow: hidden;
	margin: 0 53px 0 60px;
}

#banner img {
	width: 820px; height: 342px;
	border: 14px solid #0a2d65;
}


/*  =content
*************************************/
#content {
  margin: 50px 0 0 0;
  font: 11px/24px Verdana, Arial, sans-serif;
  color: #434343;
}

#content p {
  margin: 0 0 20px 0;
}

#content a {color: #3768b0; text-decoration: underline;}
#content a:hover {text-decoration: none;}

#content .line {
  height: 16px;
  width: 100%;
  background: url('../images/core/hr.gif') top center;
	margin-top: 10px;
}

#content ul,ol {margin: 0 0 0 20px;}
#content ul {list-style: square;}
#content ol {list-style: decimal}

#content table {
  width: 100%;
  clear: both;
  text-align: left;
}

#content table caption {font-size: 16px; font-weight: bold; border-bottom: 2px solid #434343;}

#content table tr {border-bottom: 1px solid #ccc;}

#content ul#gallery {
  margin: 0;
  list-style: none;
}

#content ul#gallery li {
  float: left;
  display: inline;
  margin: 10px;
}

#content ul#gallery li img {border: 4px solid #092d65;}


#content div#primary {width: 694px;float: left;display:inline; margin: 0 0 0 14px;}

#content div#secondary {
  width: 207px;
  float: right;
  display: inline;
  margin: 43px 14px 0 0;
  padding: 0px;
}

#content #secondary img {border: 4px solid #0e4188;}

#content div#tertiary {
  width: 207px;
  float: right;
  display: inline;
  margin: 0px 14px 0 0;
  background: url('../images/core/secondary-background.gif') bottom center no-repeat;
  padding: 0 0 40px 0;
}

#content #tertiaryy img {border: 0px solid #0e4188;}

#content #secondary .cta { margin-bottom: 2em; }
#content #secondary .cta img {border: 0;}

#portfolio-container {
  width: 460px;
  margin: 10px auto;
}

.about-gallery li{
	list-style: none;
	display:inline;
	padding-left: 60px;
	}

.about-gallery img{
	border: 4px solid #092D65;
}

.right{
	float:right;
}

#items { width: 100%; }

#items ul {
	list-style-type: none;
	margin: 0;
	display: block;
}

#items ul li.clearfix {
	border-bottom: 1px solid #e7e8e9;
	padding: 20px 20px 15px 20px;
	width: 100%;
	display: block;
}

#items ul li .image {
	width: 200px; height:150px;
	float: left;
	margin-right: 2.5em;
}

#items ul li .image img { border: 4px solid #092d65; }

#items ul li .description {
	width: 600px;
	float: left;
}

#gallery1 { }

#gallery1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#gallery1 ul li {
	display: inline;
	padding: 0 15px 15px 0;
	float: left;
	border: 0;
}

#gallery1 ul li a img {
	border: 2px solid #cccccc;
}

#gallery1 ul li a:hover img {
	border: 2px solid #092d65;
}



/*  =footer
*************************************/
#footer {
  width: 100%;
  clear: both;
  display: block;
  height: 105px;
  background: #0E4188 url('../images/core/footer-background.gif') 0 0 repeat-x;
  padding: 30px 0 0 0;
  font: 11px/20px Verdana, Arial, sans-serif;
  color: #fff;
}

#footer p a {color: #fff; text-decoration: none; padding: 4px 5px;}
#footer p a:hover {background: #3c6298;}

#footer #contact_info {width: 870px;  margin: 0 auto;}

#footer #contact_info li {float: left;display: inline; margin: 0 28px 0 0;}

#footer #contact_info span {text-indent: -999em; height: 20px; display: block; float: left; margin: 0 8px 0 0;}

#footer #contact_info span#contact-address {background: url('../images/core/footer-contact-address.gif'); width: 61px; }
#footer #contact_info span#contact-phone {background: url('../images/core/footer-contact-phone.gif'); width: 47px; }
#footer #contact_info span#contact-fax {background: url('../images/core/footer-contact-fax.gif'); width: 24px; }
#footer #contact_info span#contact-mobile {background: url('../images/core/footer-contact-mobile.gif'); width: 51px; }

#footer #footer_content {
  clear: both;
  width: 870px;
  margin: 40px auto 0;
}

#footer #footer_content p {float: left; display: inline; margin: 0 60px 0 0;}

#footer #footer_content img {float: left; display: inline; margin: 0 0 0 30px;}

/*
html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#container {padding-bottom: 100px;}  /* must be same height as the footer 

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height 
	height: 150px;
	clear:both;}
*/