/* CSS Document for Fresh Air Sash */

/*general page stuff*/
html, body, ul {
border: 0;
margin: 0;
padding: 0;
}

#wrapper {
	/*position: relative;*/
	width: 960px;
	margin: 0px auto -250px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*background- color: #c1c155;*/
	/*margin-left: auto;
	margin-right: auto;*/
}


#push {
	height: 250px;
}

.clear {
	clear: both;
}

.resourcetitle {
	margin-top: 35px;	
}

.resourcerecommend {
	margin: 0;	
}

body {
	background: #c1c155;
}

/*Special announcement box*/
#specialnote {
	width: 225px;
	position: absolute;
	top: 10px;
	left: 10px;
	border: 2px solid #c1c155;
}

#specialnote p {
	font-family: verdana, ariel, sans-serif;
	color:#0f365d;
	font-size: .8em;
	padding:  0 .5em;
	
}

#specialnote h5 {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .8em;
	font-style: bold;
	margin: 0;
	padding:  2em 1.5em 0 1.5em;
}

/*home and interior headers - interior logo has a link to the home page*/

#header {
	background: url(images/sky.png) no-repeat;
	position: relative;
	width: 960px;
	height: 330px;
}

#intheader {
	background: url(images/int_sky.png) no-repeat;
	position: relative;
	width: 960px;
	height: 289px;
}

#logo {
	position: absolute;
	top: 0;
	left: 30px;
}

a img {
	border: none; /*eliminates blue link border*/
}

  /* still part of the header - the contact bottom with a link to email*/

#contact {
	/*background: url(images/contact_large.png) no-repeat 0 0;*/
	/*width: 95px;
	height: 85px;*/
	position: absolute;
	top: 30px;
	right: 35px;
}

#contact li {
	display: inline;
	list-style-type: none;
	text-align: center;
}

#contact a {
	text-decoration: none;
	font-family: ariel, sans-serif;
	font-weight: bold;
	color: #0f365d;
	font-size: .85em;
	/*line-height: 50px;*/
	padding-left: 10px;
	
}

#contact a:hover {
	color: #c1c155;
	
}

#contactbkgrd {
	position: absolute;
	top: 0;
	right: 10px;
}

/*large window grapphic on home page*/
#largewindow {
	position: absolute;
	/*top: 3px;*/
	left: 275px;
	z-index: 10;
}

/*small window and with link on word home page  and postioning of the small window background for interior pages*/
#smallwindow {
	/*background: url(images/small_window.png) no-repeat 0 0;*/
	/*width: 174px;
	height: 174px;*/
	position: absolute;
	top: 225px;
	right: 455px;
	z-index: 3;
}

#smallwindow li {
	display: inline;
	list-style-type: none;
	text-align: center;
}

#smallwindow a {
	text-decoration: none;
	font-family: verdana, ariel, sans-serif;
	font-weight: bold;
	color: #0f365d;
	font-size: .9em;
	/*line-height: 275px;*/
	padding-left: 60px;
	
}

#smallwindow a:hover {
	color: #c1c155;
}

#smallwindowbkgrd {
	position: absolute;
	top: 77px;
	right: 390px;
	z-index: 3;
}

.navhome li {
	display: inline;
	list-style-type: none;
	text-align: center;
}

/*home page navigation with absolute positioning of each link - home, about, comments, etc.*/
.navhome a {
	text-decoration: none;
	line-height: 20px;
	font-family: ariel, sans-serif;
	font-weight: bold;
	color: #0f365d;
	font-size: .8em;
	padding: 10px 15px;
	
}

.navhome a:hover {
	color: #c1c155;
}

.navabouthome {
	background: #dcdc61;
	width: 100px;
	position: absolute;
	top: 230px;		
}

.navcommentshome {
	background: #dcdc61;
	width: 200px;
	position: absolute;
	top: 230px;
	left: 100px;	
}

.navresourceshome {
	background: #dcdc61;
	width: 125px;
	position: absolute;
	top: 230px;
	right: 175px;	
}

.navfaqhome {
	background: #dcdc61;
	width: 50px;
	position: absolute;
	top: 230px;
	right: 115px;	
}

.navserviceshome {
	background: #dcdc61;
	width: 100px;
	position: absolute;
	top: 230px;
	right: 0px;	
}

/*interior pages navigation with absolute positioning of each link - home, about, comments, etc.*/

.navint li {
	display: inline;
	list-style-type: none;
	text-align: center;
}

.navint a {
	text-decoration: none;
	line-height: 20px;
	font-family: ariel, sans-serif;
	font-weight: bold;
	color: #0f365d;
	font-size: .8em;
	padding: 10px 15px;
	
}

.navint a:hover {
	color: #c1c155;
}

.navaboutint {
	background: #dcdc61;
	width: 120px;
	position: absolute;
	top: 190px;
	/*left: 10px;	*/
}

.navcommentsint {
	background: #dcdc61;
	width: 315px;
	position: absolute;
	top: 190px;
	left: 100px;	
}

.navresourcesint {
	background: #dcdc61;
	width: 200px;
	position: absolute;
	top: 190px;
	right: 200px;	
}

.navfaqint {
	background: #dcdc61;
	width: 75px;
	position: absolute;
	top: 190px;
	right: 125px;	
}

.navservicesint {
	background: #dcdc61;
	width: 100px;
	position: absolute;
	top: 190px;
	right: 0px;	
}




/*you are here set up*/
body#contactpage a#contactnav,
body#about a#aboutnav,
body#comments a#commentsnav,
body#resources a#resourcesnav,
body#faq a#faqnav,
body#services a#servicesnav {
	color: #c1c155;
	/*background: url(images/triangle.png) no-repeat center bottom;*/
	/*border-bottom: 2px solid #acfd5d;*/
}

/*positioning of tools image for both home and interior pages*/

#tools {
	position: absolute;
	top: 270px;
}

#inttools {
	position: absolute;
	top: 227px;
}

/*bottom half of pages*/

#bottom {
	background: url(images/sunburst_02.png) no-repeat;
	position: relative;
	width: 960px;
	height: 29em;
	margin: 0;
}

.underline {
	text-decoration: underline;
}



#contentbox {
	background: #f9f76e;
	position: absolute;
	top: 10px;
	left: 275px;
	width: 400px;
	height: 27em;
	overflow-y: auto;	
}

#intcontentbox {
	background: #f9f76e;
	position: absolute;
	top: 25px;
	left: 275px;
	width: 415px;
	height: 26em;
	overflow-y: auto;
}

#intcontentbox .title {
	font-style: italic;	
}

/**html #intcontentbox {
	zoom: 1;
}*/

#slogan {
	padding: 0 10px;
}

#contentbox p {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .8em;
	padding:  0 1.5em;
}

#intcontentbox p {
	font-family: verdana, ariel, sans-serif;
	color:#0f365d;
	font-size: .8em;
	padding:  0 1.5em;
	
}

#intcontentbox h3 {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .95em;
	font-weight: bold;
	padding:  0 1.5em;
}

#intcontentbox h4 {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .85em;
	font-style: italic;
	padding:  0 1.5em;
}

#intcontentbox h5 {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .8em;
	font-style: bold;
	margin: 0;
	padding:  2em 1.5em 0 1.5em;
}

#intcontentbox li {
	font-family: verdana, ariel, sans-serif;
	color:#0f365d;
	font-size: .8em;
	padding:  .5em 1.5em;
	list-style-type: circle;
	
}

#intcontentbox h6{
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .7em;
	font-weight: bold;
	padding:  0 0 1.75em 1.5em;
	margin: 0;
}


.contactinfo {
	margin-left: 50px;	
}

.underline {
	text-decoration: underline;
}

.question {
	font-family: verdana, ariel, sans-serif;
	color: #0f365d;
	font-size: .85em;
	font-weight: bold;
	padding:  0 1.5em;
}

#photo1 {
	position: absolute;
	top: 25px;
	left: 25px;
}

#photo2 {
	position: absolute;
	top: 25px;
	right: 25px;
}

#photo3 {
	position: absolute;
	top: 200px;
	left: 25px;
}

#photo3a {
	position: absolute;
	top: 225px;
	left: 25px;
}

#photo3b {
	position: absolute;
	top: 150px;
	left: 25px;
}

#photo3c {
	position: absolute;
	top: 335px;
	left: 100px;
}

#photo4 {
	position: absolute;
	top: 250px;
	right: 25px;
}

#photo4a {
	position: absolute;
	top: 275px;
	right: 25px;
}

#photo4b {
	position: absolute;
	top: 285px;
	right: 25px;
}

#photo4c {
	position: absolute;
	top: 295px;
	right: 25px;
}

#photo5 {
	position: absolute;
	top: 250px;
	left: 25px;
}

#photo7 {
	position: absolute;
	top: 300px;
	left: 25px;
}

#photo6 {
	position: absolute;
	top: 350px;
	right: 25px;
}

#homepagephoto {
	position: absolute;
	top: 250px;
	right: 50px;
}

#footer {
	background: url(images/ruler_18.png) no-repeat;
	width: 960px;
	height: 7em;
	margin: auto;
	position: relative;
	/*position: absolute;
	top: 445px;*/
}

#footer p {
	font-family: verdana, ariel, sans-serif;
	color:#f9f76e;
	font-size: .7em;
	margin: .2em;
	
}

#ccbnumber {
	position: absolute;
	top: 90px;
	left: 5px;
}

#copyright {
	position: absolute;
	top: 2px;
	left: 5px;
}

.phone {
	position: absolute;
	top: 2px;
	right: 15px;
}
#footer .phone {
	font-size: .85em;	
}

#footer .imagine {
	position: absolute;
	top: 90px;
	right: 15px;
		
}

#footer .epa {
	position: absolute;
	top: -20px;
	left: 250px;
}

#footer .angieslist {
	position: absolute;
	top: 3px;
	left: 500px;
}

#footer a{
	color:#f9f76e;	
}