/* 
Frederick, Seibert & Associates, Inc.
Main Stylesheet 
By Anna Taylor for Axis 80 Interactive 
Copyright (c) Axis 80 Interactive

*/

/* GLOBAL STYLES */

html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #ebebeb; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #000000; font-weight: normal; margin: 0 0 20px 0; padding: 0 0 5px 0; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #860017; font-weight: normal; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-weight: bold; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 20px 0 5px 0; color: #004000; }
form { margin: 0; padding: 0; }


A:link { color: #860017; text-decoration: underline; }
A:active { color: #860017; text-decoration: underline; }
A:visited { color: #860017; text-decoration: underline; }
A:hover { color: #4f000e; text-decoration: none; }

#body-wrapper { width: 900px; text-align: left;}
#content-wrapper { width: 100%; margin: 20px 0; float: left; }

.red-line { width: 900px; height: 10px; background-color: #640011; float: left; }
.floatright { float: right; margin: 0; }
.floatleft { float: left; margin: 0; } 
.clearer { display: block; clear: both; height: 0; overflow: hidden; }
.submit-button { background-color: #860017; font-size: 10px; font-weight: bold; color: #FFFFFF; padding: 3px; border: 0; text-transform: uppercase; margin: 0 0 5px 0; }
.input-textbox { border: 0; background-color: #FFFFFF; margin: 0 0 5px 0; width: 175px; padding: 3px; }
.promo-box { width: 229px; padding: 0 0 20px 20px; margin: 0 0 10px 10px; float: right; }



/* NAVIGATION STYLES */

#nav-wrapper { width: 546px; height: 140px; background-image: url(../images/nav-bg.jpg); background-repeat: no-repeat; float: left; } 
#sub-nav { width: 200px; padding: 20px 10px; background-color: #640011; color: #FFFFFF; text-align: left; float: left; }
#sub-nav ul { margin: 0; padding: 0; }
#sub-nav li { list-style: none; border-bottom: #C0001E dotted 1px; padding: 5px 0 2px 2px; background-image: url(../images/sub-nav-arrow.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 5px 0; }
#sub-nav A:link { font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 11px; }
#sub-nav A:active { font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 11px; }
#sub-nav A:visited { font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 11px; }
#sub-nav A:hover { font-weight: bold; text-decoration: none; color: #C0001E; font-size: 11px; }



/* FOOTER STYLES */

#footer { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #333333; padding: 10px 0; margin: 0; }
#footer-office-left { width: 350px; text-align: center; float: left; padding-left: 100px; padding-top: 5px; }
#footer-office-right { width: 350px; text-align: center; float: right; padding-right: 100px; padding-top: 5px; }
/*
#footer A:link { color: #FFFFFF; text-decoration: underline; }
#footer A:active { color: #FFFFFF; text-decoration: underline; }
#footer A:visited { color: #FFFFFF; text-decoration: underline; }
#footer A:hover { color: #FFFFFF; text-decoration:none; }
*/
#footer-credits { color: #555555; }
#footer-credits A { color: #555555; }
#footer-credits A:visited { color: #555555; }


/* HOME PAGE STYLES */

#home-left-column { float: left; width: 600px; }
#home-right-column { float: right; width: 280px; }
#about-fsa { background-color: #FFFFFF; padding: 5px 20px; }
#news ul { margin: 0; padding: 0; }
#news li { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; margin: 0 0 5px 0; list-style: none; background-image: url(../images/bullet_grey.gif); background-repeat: no-repeat; background-position: 0 6px; padding-bottom: 9px; padding-top: 5px; padding-left: 20px; }
#newsletter form { margin: 0; padding: 0; }


/* SUBORDINANT PAGE STYLES */
#content { width: 580px; background-color:#FFFFFF; padding: 40px; margin: 0; text-align: left; float: right; }
#right-column { float: right; width: 250px; }
#content-no-subnav { width: 820px; background-color:#FFFFFF; padding: 40px; margin: 0; text-align: left; float: left; }


/* SERVICE PAGE STYLES */
.services-index-wrapper { width: 270px; padding: 10px 20px 20px 0; float: left; }
.example-wrapper { width: 100%; padding: 10px 0; margin: 20px 0 0 0; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; float: left; }
.example-photo-wrapper { width: 240px; border: 5px solid #CCCCCC; margin: 0 10px 0 0; display: inline; float: left; }
.example-text { width: 300px; padding: 5px 10px; float: left; }
.example-text h1 { color: #860017; font-weight: bold; font-size: 16px; margin: 0; padding: 0; }
.example-text ul { margin: 0 0 0 10px; padding: 0; }
.example-text li { margin: 0 0 5px 0; padding: 0 0 0 18px; list-style: none; background-image: url(../images/bullet_green.gif); background-repeat: no-repeat; }
.services-img { border: 5px solid #CCCCCC; }


/* PORTFOLIO PAGE STYLES */
h1.project-title { line-height: 26px; }
.project-wrapper { width: 100%; padding: 10px 0; margin: 20px 0 0 0; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; float: left; }
.project-photo-wrapper { width: 140px; border: 5px solid #CCCCCC; margin: 0 10px 0 0; display: inline; float: left; }
.project-text { width: 400px; padding: 5px 10px; float: left; }
.project-text h1 { color: #860017; font-weight: bold; font-size: 14px; margin: 0; padding: 0; line-height: 18px }
#portfolio-image-container { background-color: #FFFFFF; width: 580px; height: 410px; text-align: center }

#portfolio-image { 
	border: #CCCCCC solid 10px; 
}
 
#portfolio-thumbnail-wrapper { border-top: #CCCCCC solid 1px; border-bottom: #CCCCCC solid 1px; padding: 5px 0; margin: 10px 0 20px 0; }
.portfolio-thumbnail { border: #CCCCCC solid 2px; margin: 0 2px; }
.portfolio-rule { width: 100%; height: 1px; background-color: #CCCCCC; margin: 0 0 20px 0; } 
p.portfolio-noresults { text-align: center; font-style: italic; font-size: 13px }


/* ABOUT US PAGE STYLES */
.team-member-name { color: #860017; font-weight: bold; font-size: 14px; }
.about-rule { width: 300px; height: 1px; background-color: #CCCCCC; margin: 0 0 40px 0; }
.team-member-title { color: #000000; font-weight: bold; font-size: 14px; }
.career-title { color: #004000; font-weight: bold; font-size: 14px; margin: 30px 0 0 0; }
.career-promo-box { width: 229px; padding: 20px 0 20px 20px; margin: 0 0 10px 10px; float: right; border: 1px #CCCCCC solid; }
.testimonial-box { width: 219px; margin: 0 0 10px 10px; float: right; }
.testimonial-box-text { padding: 0 20px; background-color: #ebebeb; font-size: 11px; }
p.jobs-noresults { text-align: center; font-style: italic; font-size: 13px }


/* NEWS PAGE STYLES */
.news-date { color: #666666; font-size: 11px; }
.news-headline { color: #860017; font-weight: bold; font-size: 14px; }
.news-rule { width: 300px; height: 1px; background-color: #CCCCCC; margin: 0 0 40px 0; }


/* NEWSLETTER PAGE STYLES */
.newsletter-date { color: #860017; font-weight: bold; font-size: 14px; }
.newsletter-rule { width: 300px; height: 1px; background-color: #CCCCCC; margin: 0 0 40px 0; }
.newsletter-input { border: 1px solid #999999; margin-bottom: 5px; } 



/* ERROR STYLES */
.formerrors {
	color: #ff0000;
	font-weight: bold;
}