/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
		height: 100%;
}
body {
	background: #5f5f00 url("images/background.jpg") repeat-y top center;
	font-size: 1em;
	color: #333;
	height: 100%;
	width: 100%;
}
a {
	color: #f36;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

p {margin: 1em 0;}

/* Clean up ul and li*/
ul {margin:0;display:block;float:left;}
li {list-style:none;float:left;display:block;}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
img {border: 0px;}
 

/*----------------------------------------------------*/

/* main layout */
#fc-container {
	position:relative;  /*needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100% !important; /* real browsers */ 
	display: block;
	background-color: #fff;
	padding: 0;
}
#fc-header {
	height:192px;	
	width: 960px;	
	margin: 0;
	padding: 0;
}
#fc-header .fc-header-img {
	float: left;
	height: 192;
	margin: 0 20px 0 0;
	width: 560px;
}

#fc-header .fc-right {
	background: transparent url("images/upper-paint.jpg") no-repeat top left;
	padding: 0;
	margin: 0;
	float: left;
	width: 350px;
}

ul.fc-upper-logos {
	height: 24px;
	margin: 15px 0 27px 0;
	padding:0;
	width: 350px;
}

ul.fc-upper-logos li {
	margin: 0;
	padding: 0;
}

ul.fc-header-entry {
	height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 350px;
}

ul.fc-header-entry input {margin:0 5px 0 0;}

input.header-text {
	background-color: #ccc;
	border-style: none;
	border-width: 0px;
	height:18px;
	color: #000;
	font: normal normal bold 14px/14px Arial, Helvetica, sans-serif;
	padding: 2px 0 0 5px;
	width: 275px;
}
input.comment-info,
textarea.comment {
	background-color: #ccc;
	border-style: none;
	border-width: 0px;
	color: #000;
	font: normal normal bold 14px/14px Arial, Helvetica, sans-serif;
	padding: 2px 0 0 5px;
}
input.comment-info {width:250px;height:18px;}
textarea.comment {width:500px;}

div.fc-also-on {
	float: left;
	color: #000;
	display: block;
	font: normal normal bold 12px/14px  Arial, Helvetica, sans-serif;
	letter-spacing: .1px;
	margin: 28px 0 0 0;
	widows:280px;
}
div.fc-also-on a:link,
div.fc-also-on a:visited,
a.full-article:link,
a.full-article:visited  {
	color: #f36;
	font: normal normal bold 11px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div.fc-also-on a:hover,
div.fc-content-col-left a.full-article:hover {
 color: #91b10f;text-decoration: none;
}

div.fc-content-col-right a:link, 
div.fc-content-col-right a:visited, 
a.basic-link:link,
a.basic-link:visited {
	color: #f36;
	font: normal normal bold 11px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding-bottom: 4px;
}
div.fc-content-col-right a:hover, 
a.basic-link:hover {
	color: #91b10f;text-decoration: none;
}

div.fc-also-on .smaller {font-size: 11px;line-height:12px;}

a.full-article {float: left;margin: -6px 0 10px 0; padding: 0;}

.fc-article {
	float: left;
	margin:0;
	width: 500px;
}

.clear {clear: both;}

H1 {
	color: #91b10f;
	font: normal normal normal 30px/32px Helvetica, Arial, sans-serif;
	margin:0;
	padding: 0;
}
div.fc-content-col-left H1 a:link, div.fc-content-col-left H1 a:visited {
	color: #91b10f;
	font: normal normal normal 30px/32px Helvetica, Arial, sans-serif;
	margin:0;
	padding: 0;
	text-decoration: none;
}
div.fc-content-col-left H1 a:hover {text-decoration:underline;}

H2 {
	color: #999;
	font: normal normal normal 16px/16px Helvetica, Arial, sans-serif;
	text-indent: 2px;
	margin: 0;
	padding: 4px 0 0 0;
}
H3 {
	color: #000;
	font: bold normal normal 14px/20px Arial, Helvetica, sans-serif;
}


p {
	color: #666;
	font: normal normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin: 12px 0 17px 0; 
}

div.fc-content-col-left {
	float: left;
	margin: 20px 0 0 45px;
	padding: 0;
	width: 500px;
}

div.fc-content-col-left a:link,
div.fc-content-col-left a:visited {
	color: #f36;
	text-decoration: none;
}

div.fc-content-col-left a:hover {
	text-decoration: none; color: #91b10f;
}

div.fc-content-col-mid {
	float: left;
	width: 150px;
	margin: 20px 0 0 35px;
	padding: 0;
	text-align: center
}

div.fc-content-col-right {
	float: left;
	width: 149px;
	margin: 20px 0 0 36px;
	padding: 0;
}

.sub-header,
.sub-header-no-margin {
	color: #000;
	font: normal normal bold 14px/16px Arial, Helvetica, sans-serif;
	background: transparent url("images/sub-header-background.jpg") bottom left repeat-x;
	height: 20px;
	padding: 0;
	width: 149px;
	display: block;
	margin: 0 0 5px 0;
	clear:both;
}

.sub-header {margin-top: 20px;}

ul.fc-our-work-grid {
	margin: 0 0 7px 0;
	width:149px;
}

ul.fc-our-work-grid li {
	margin: 0 7px 0 0;
	width: 45px;
}
ul.fc-our-work-grid li.last {margin: 0;}

div.fc-post-footer {
	background: transparent url("images/post-bottom-background.jpg") bottom left repeat-x; 
	height: 62px;
	margin: 4px 0 35px 0;
	padding: 0;
	font: normal normal bold 9px/20px Arial, Helvetica, sans-serif;
	color: #000;
	width: 500px;
	clear:both;
	padding-top: 8px;
}

#fc-footer {
	/*position:absolute;*/
	width:960px;
	/*bottom:0;  stick to bottom */
	color: #000;
    margin: 0 auto;
	clear:both;
	height: 164px;
	padding: 0;
	background: transparent url("images/footer-background.jpg") top left no-repeat;
} 

.fc-footer-content {
	font: normal normal bold 9px/10px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	height: 14px;
	padding: 150px 0 0 45px;
}
ul.sub-header-links {
	width:149px;
}
ul.sub-header-links li {width:149px;}

div.navigation {font: normal normal normal 11px/12px Arial, Helvetica, sans-serif;	padding-bottom: 28px; display:block;}	
div.navigation a:link,
div.navigation a:visited {
	font-weight: bold;
	color: #f36;
	text-decoration: none;
} 
div.navigation a:hover {color:#91b10f;font-weight: bold;}
div.alignleft {float:left;width:240px;margin: 0 20px 0 0;padding:0;}
div.alignright {float:right;width:240px;margin:0;padding:0;text-align:right;}

span.bolder {font-weight:bold;}

.comment-author {
	font: normal normal normal 11px/30px Arial, Helvetica, sans-serif;
	color: #333;
	margin: -8px 0 0 0;
}
.comment-author a.url {font-style:normal;font-weight:bold;}

.fc-comment {margin-left:30px;width:470px;font: normal normal normal 11px/18px Arial, Helvetica, sans-serif;}
.fc-comment-container {
	margin: 0 0 18px 0;
	border-bottom: 1px dotted #ccc;
}

ul.normal-list {float:none;list-style:circle;font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;margin:0;padding:0;}
ul.normal-list li {float:none;display:block;list-style:circle;}

.basic-copy {
	font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;
	color: #333;
}
div.boxed-header {
	padding: 2px;
	widows: 480px;
	border:1px dotted #ccc;
	margin:0 0 15px 0;
	font:normal normal bold 12px/13px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #999;
}

a.fancy-box-link:link,
a.fancy-box-link:visited {
	font: bold normal normal 11px/12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
a.fancy-box-link:hover {
	text-decoration: underline;
}

.dropular {
	color: #000;
	font: normal normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	width: 150px;
	text-align: left;
}
.dropular a {text-decoration:none;}
.dropular a:hover {color:#91b10f;}

div.codeblock {
	background-color: #ffc;
	border: 1px solid #ccc;
	color: #000;
	font: normal normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding: 10px;
	margin: 10px 0;
}

div.codeblock p {
	color: #000;
	font: normal normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}