/* 

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-promo-box { width: 229px; padding: 0 0 20px 20px; margin: 0 0 10px 10px; }

.news-item { width: 100%; margin: 0; padding: 0; }

.news-date { color: #666666; font-size: 11px; }

.news-headline { color: #860017; font-weight: bold; font-size: 14px; }

.news-rule { width: 570px; height: 1px; background-color: #CCCCCC; margin: 0 0 20px 0; }

.news-body { margin-bottom: 14px; margin-top: 14px; }

.news-photostable { margin-right: 12px; margin-top: 6px; /* float: left; */  }

.news-photo { border: 2px solid #ccc; margin-top: 12px; }

.news-photo-clicktoenlarge { font-size: 10px; color: #666; margin: 0; padding: 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;

}