/* The Core Technique
================================= */

/* Zero down margin and paddin on all elements */

* {
  margin: 0;
  padding: 0;
}

a:link {
	color: #F15C22;
	text-decoration: none;
}

a:hover {
	color: #B62025;
	text-decoration: none;
}

a:visited {
	color: #F15C22;
	text-decoration: none;
}


a:active {
	color: #B62025;
	text-decoration: none;
}

h1 {
  font-size: 21px;
  font-weight: normal;
}

h2 {
  font-size: 18px;
  font-weight: normal;
}

p {
  font-size: 11px;
  line-height: 16px;
}

.commentBlock ul {
  font-size: 11px;
  line-height: 16px;
  margin-left: 15px;
}

body {
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

#wrapper {
  	background-color: #fff;
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#wrapperBkg {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 186px;
}

#branding {
	height: 186px;
	width: 185px;
	float: left;
}

#branding h1 a {
	display: block;
	height: 186px;
}

#navBlock {
	height: 186px;
	background-color:#28BDB3;
	width: 600px;
	float: left;
	width: 600px;
}


#navBlock a:link {
	color: #94DED9;
	text-decoration: none;
	}

#navBlock a:hover {
	color: #D4F2F0;
	text-decoration: none;
	}

#navBlock a:active {
	color: #D4F2F0;
	text-decoration: none;
}

#navBlock a:visited {
	text-decoration: none;
        color: #94DED9;
}

#navBlock a:visited:hover {
	text-decoration: none;
        color: #D4F2F0;
}

#navBlock a.selected {
	color: #415A68;
}

#navBlock ul {
	list-style-type: none;
}

#mainNavCol1 {
	width: 160px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	height: 140px;
	font-size: 26px;
	line-height: 32px;
	padding-top: 45px;
}

#mainNavCol2 {
	width: 160px;
	float: left;
	padding-right: 20px;
	height: 140px;
	font-size: 26px;
	line-height: 32px;
	padding-top: 45px;
}

#subNav {
	width: 160px;
	float: right;
	padding-right: 20px;
	height: 140px;
	font-size: 19px;
	line-height: 23px;
	padding-top: 45px;
	text-align: right;
}

#subNav a:link {
	color: #69D1CA;
	text-decoration: none;
	}

#subNav a:hover {
	color: #D4F2F0;
	text-decoration: none;
	}

#subNav a:visited {
	color: #69D1CA;
	text-decoration: none;
}

#subNav a:active {
	color: #D4F2F0;
	text-decoration: none;
}

#subNav a.selected {
	color: #309F9C;
}

#mainNav {
  list-style: none;
  background-color:#eee;
}

#flashContent {
	height: 320px;
	float: left;
}

#detailContent {
	width: 970px;
	float: left;
}

#mainContent {
	width: 970px;
	float: left;
}

#subheadContent {
	width: 970px;
	float: left;
}


#aboutPrinciplesContent {
	width: 970px;
	float: left;
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

#aboutClientsContent {
	width: 970px;
	float: left;
	padding-top: 15px;
	background-image: url(http://fister-inc.com/images/interface/greydivider.gif);
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

#aboutPeopleContent {
	width: 970px;
	float: left;
	padding-top: 15px;
	background-image: url(http://fister-inc.com/images/interface/greydivider.gif);
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

#aboutPurposeContent {
	width: 970px;
	float: left;
	padding-top: 15px;
	background-image: url(http://fister-inc.com/images/interface/greydivider.gif);
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

.projectMainWrapper {
	width: 970px;
	float: left;
	padding-top: 15px;
	background-image: url(http://fister-inc.com/images/interface/greydivider.gif);
	background-repeat: no-repeat;
	padding-bottom: 36px;
}

.perceptionDesc {
	width: 600px;
	float: left;
	padding-top: 15px;
	padding-bottom: 36px;
	padding-left: 185px;
	padding-right: 185px;
}

.perceptionDesc p {
	font-family: Helvetica, Arial, sans-serif;
	color: #CFCFCF;
	font-size: 23px;
	line-height: 30px;
}


.aboutContentLeft {
	width: 140px;
	float: left;
	padding-right: 25px;
	padding-left: 20px;
	text-align: right;
}

.aboutContentCenter {
	width: 785px;
	float: left;
}

.aboutContentPeopleFlash {
	width: 785px;
	float: left;
	height: 380px;
}

.aboutClientColumn1 {
	width: 160px;
	float: left;
	height: 130px;
}

.aboutClientColumn2 {
	width: 240px;
	float: left;
	height: 130px;
}

.aboutClientColumn3 {
	width: 200px;
	float: left;
	height: 130px;
}

.aboutPurposeColumn {
	width: 200px;
	float: left;
	height: 225px;
}

.contactColumn {
	width: 150px;
	float: left;
	height: 450px;
	padding-top: 100px;
}

.fisterLogo {
	width: 185px;
	float: left;
}

.projectMainContentLeft {
	width: 140px;
	float: left;
	padding-right: 25px;
	padding-left: 20px;
	text-align: right;
}

.projectMainContentCenter {
	width: 600px;
	float: left;
}

.projectMainContentRight {
	width: 140px;
	float: left;
	padding-right: 20px;
	padding-left: 25px;
}

#footerWrapper {
  	background-color: #fff;
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#footerWrapperBkg {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #D3B318;
	clear: both;
}

#footer {
	height: 300px;
}

#footer a:link {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #F15C22;
	text-decoration: none;
}

#footer a:visited {
	color: #000000;
	text-decoration: none;
}

#footer a:active {
	color: #000000;
	text-decoration: none;
}

#footer a:visited:hover {
	color: #F15C22;
	text-decoration: none;
}

#footerContentLeft {
	width: 140px;
	float: left;
	padding-right: 25px;
	padding-left: 20px;
	text-align: right;
	height: 285px;
	background-color: #D3B318;
	padding-top: 15px;
}

#footerContentCenter {
	width: 565px;
	float: left;
	height: 291px;
	padding-top: 9px;
	padding-left: 25px;
	padding-right: 10px;
}

#footerContentCenter p {
	color: #40A99E;
	font-size: 42px;
	line-height: 39px;
	margin-bottom: 6px;
}

#footerContentRight {
	width: 140px;
	float: left;
	padding-right: 20px;
	padding-left: 25px;
	height: 285px;
	background-color: #D3B318;
	padding-top: 15px;
}


.clientName {
	font-family: Helvetica, Arial, sans-serif;
	color: #28BDB3;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px;
}

.projectTitle {
	font-family: Helvetica, Arial, sans-serif;
	color: #28BDB3;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

.aboutHeader {
	font-family: Helvetica, Arial, sans-serif;
	color: #28BDB3;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 2px;
}

.contactHeader {
	font-family: Helvetica, Arial, sans-serif;
	color: #28BDB3;
	font-size: 26px;
	margin-bottom: 20px;
}

.projectSummary {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.projectBody {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.detailLink {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 16px;
}

.categoryLinks {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 9px;
	line-height: 18px;
}

.categoryLinks a:link {
	font-size: 12px;
	font-style: italic;
}

.categoryLinks a:visited {
	font-size: 12px;
	font-style: italic;
}	

.categoryLinks a:hover {
	font-size: 12px;
	font-style: italic;
}

.categoryLinks a:active {
	font-size: 12px;
	font-style: italic;
	}
	
.relatedLinks {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 9px;
	line-height: 18px;
}

.relatedLinks a:link {
	font-size: 12px;
	font-style: italic;
	}

.commentsLink {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #F15C22;
}

.commentBody {
	font-family: Helvetica, Arial, sans-serif;
	color: #707070;
	font-size: 11px;
	line-height: 18px;
	font-style: italic;
	margin-bottom: 12px;
	margin-top: 24px;
}

.postedBy {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 9px;
	line-height: 14px;
}

.footerLinks {
	font-family: Helvetica, Arial, sans-serif;
	color: #322411;
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
}

.commentBlock {
	width: 600px;
	float: left;
	padding-top: 30px;
}

.nav {
	margin-bottom: 24px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	}

.commentForm {
	margin-top:24px;
	}