/* ***
cfs
stylin styles
copyright eric smith 2009

colors:

blue - 7faaba

green - a3ba7f

pink - d26365

*** */

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }




body { color:#7faaba;  font:normal 100% Arial, Helvetica, sans-serif; background:#fcf8f0  url('../images/tile.jpg') repeat top left; text-align:center; }
a:link, a:visited {  color:#D26365;  text-decoration:underline;  }
a:hover, a:active {  color:#444;  text-decoration:none;  background-color:transparent;  }
h1 { font:normal 2em Georgia, "Times New Roman", Times, serif; }
h2 { font:normal 1.5em Georgia, "Times New Roman", Times, serif; color:#a3ba7f;}
h3 { font:normal 1.2em Georgia, "Times New Roman", Times, serif;}

.container{ width:943px; margin:0 auto; position:relative; text-align:left; background:transparent url('../images/whiteout.png') repeat top left; }

.header { width:100%; text-align:left; }
	.header h1, .header h2 {float:left; display:block;}
	.header a {display:block; cursor:pointer;}
	
	.header h1 {color:#d26365;  margin:16px 0 0 28px; width:225px; height:66px; background:transparent url('../images/cfs-logo.png') no-repeat left;}
		.header h1 span {color:#a3ba7f; }
	.header h2 {margin:41px 0 0 25px; background:transparent url('../images/tagline.png') no-repeat left;  width:308px; height:17px;}
		.header h2 span {color:#d26365; }
		
	ul.mainmenu {list-style:none; margin:25px 0 20px 15px;}
	
	ul.mainmenu a{ text-transform:lowercase; font:normal 1.2em Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#a3ba7f;  display:block; float:left; height:25px; padding-left:38px;  margin:0 35px 0 0; background:transparent url('../images/icon-portfolio.png') no-repeat left;}
	ul.mainmenu a.selectedPage,
	ul.mainmenu a:hover{color:#7faaba; } 
	ul.mainmenu a.story{ background-image: url('../images/icon-story.png'); padding-left:25px;}
	ul.mainmenu a.options{ background-image: url('../images/icon-options.png');padding-left:30px;}
	ul.mainmenu a.prices{background-image: url('../images/icon-prices.png'); padding-left:32px;}
	ul.mainmenu a.contact{ background-image: url('../images/icon-contact.png'); margin-right:0px;padding-left:35px;}



.blue {color:#7faaba !important;}

/* index */
.frame {width:923px; margin:0px auto;}

.frame-header { height:17px; display:block; background:transparent url('../images/frame-header-wide.jpg') no-repeat center; }
.frame-body {display:block; background:transparent url('../images/frame-body-wide.jpg') repeat-y top center; }
.body-content {display:block; width:889px; margin: 0 auto; }
.frame-footer {height:17px; display:block; background:transparent url('../images/frame-footer-wide.jpg') no-repeat top center; }



/* portfolio */

.content-left {float:left; width:414px; margin:16px 24px 0 28px;}

.frame-small {float:left; width:438px; margin:10px 0 0; padding:15px; 
     -moz-box-shadow: 1px 1px 10px #e7e7e7; 
  -webkit-box-shadow: 1px 1px 10px #e7e7e7; 
          box-shadow: 1px 1px 10px #e7e7e7; 

 }
	.frame-small .frame-header { background-image:url('../images/frame-header-small.jpg'); }
	.frame-small .frame-body { background-image:url('../images/frame-body-small.jpg'); }
	.frame-small .body-content { width:auto; padding:0 17px;}
	.frame-small .frame-footer { background-image:url('../images/frame-footer-small.jpg'); }


h2.icon {padding-left:40px; background:transparent url('../images/icon-portfolio.png') no-repeat left; margin-bottom:15px;}
	h2.icon#icon-story {background-image: url('../images/icon-story.png');}
	h2.icon#icon-options {background-image: url('../images/icon-options.png');}
	h2.icon#icon-prices {background-image: url('../images/icon-prices.png');}
	h2.icon#icon-contact {background-image: url('../images/icon-contact.png');}


.footer { text-align:left; font-size:70%; padding:15px; }
.footer a { color:#7faaba; }

/* content */

.content-left p{padding: 0 0 14px; font-size:.8em; line-height:1.4;}

/* image gallery */
	ul#thumbs {padding:3px 0 0;   }
	ul#thumbs li {float:left; list-style: none;   }
	ul#thumbs li a img {padding:2px; background:#fff; }
	ul#thumbs li a.activeSlide img { background:#D26365; }


/* subnav */

	ul.subnav {  width:100%; border-bottom:solid 0px #aea3c2; height:24px; margin:0 0 14px;}
	ul.subnav li {float:left; list-style: none; padding:0 12px 0 0;  }
	ul.subnav li.options {display:none;}
	ul.subnav a{text-align:center; font-size:12px; display:block; text-decoration:none; padding:5px 8px; color:#D26365;  }
		ul.subnav a:hover{text-decoration:none; color:#5e5372;}
		ul.subnav a.selectedPage{font-weight:normal;background:#D26365; color:#fff; text-decoration:none;}


/* blog */

.articleBody p, .articleBody {font-size:13px;}
.c-item-date, .c-item-author {font-size:10px;}

body.largecol .frame-small{width:220px;}
body.largecol .frame-small .c-item-title{font-size:12px; margin-top:10px;}
body.largecol .content-left{width:628px;}

.content-left .bit.article {margin-bottom:45px;}

.disp-full .c-item-title {color:#a3ba7f;}