@charset "UTF-8";
/* CSS Document */
*{ padding:0px; margin:0px; }

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /* Font family for entire site */
	background-color:#CCCCCC;
	margin:0px;
	padding:0px;
	height:100%;
}

	/* Global Styles */
a {outline:none} /* To prevent dotted border in FF */
p.clear { clear: both; }
a:link {color:#639; text-decoration:underline;}
a:visited {color:#639; text-decoration:underline;}
a:hover {color:#047391;text-decoration:none;}
.center {text-align:center;}
	
#pagewrapper { /* Overall site wrapper */
	width:900px;
	margin: 0px auto 0px auto;	
	font-size:0px; /* Needed to avoid white gap on top of wrapper in IE 6 */
	background-color:#FFFFFF;
}
/**** HEADER ****/
	/* Overall header wrapper */
#header { }
/**** END HEADER ****/

/**** MAIN CONTENT ****/
#contentwrapper {
	min-height: 550px; /* Minimum height on content area. Otherwise 100% as set in body style. */
	width: 900px;
	font-size:13px; /* Font size for entire site */
	padding:0px 0px 100px 0px;
	text-align:left;
}

#contentwrapper h2 { /* Slogan on homepage */
	font-weight:normal;
	font-size:25px;
	margin:30px 0px 0px 0px;
}
#contentwrapper h3 { /* Text blurb on homepage */
	font-weight:normal;
	font-style:italic;
	font-size:19px;
	color:#999;
	line-height:28px;
	margin: 50px 0px 0px 190px;
}
#contentwrapper h4 { /* Green paragraph headers on About page */
	font-size:13px;
	color:#669933;
	margin:15px 0px 0px 0px;
}
#contentwrapper h5 { /* Purple paragraph headers on Buzz page */
	font-size:13px;
	color:#639;
	margin:15px 0px 0px 0px;
}
.leftcol { /* Left column, contains logo and address */
	float:left;
	padding:51px 0px 0px 70px;
	width:200px;
}
.rightcol { /* Right columm, contains main content */
	float:left;
	padding:50px 0px 0px 40px;
	width:417px;
}

.rightcol p, ul {
	margin:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.rightcol ul { padding:5px 0px 0px 40px; } /* UL on About page */
.green { color:#669933; font-weight:bold;} /* bolded green text on About */
.blue { color:#006699; font-weight:bold;} /* bolded blue text on Talk to Us */
.address{ margin:87px 0px 0px 0px; } /* Wraps name/titles and address on About page */
/**** END MAIN CONTENT ****/

/**** SCROLLBAR STYLES - NOT IN USE ****/ 
#Scroller { /* Scrollbar container, holds bar and text */
  position: relative;
  width: 385px;
  height: 399px;
  overflow: hidden;
  line-height:15px;
}
.Scroller-Container { /* Scrollbar container, holds bar */
  position: absolute;
  top: 0px; left: 0px;

}
.Scrollbar-Track {
  width: 27px; height: 400px;
  position: relative;
  float:right;
  background:transparent url(../images/scrollbar.jpg) no-repeat center center;
}
#Scrollbar-Container {
  position: relative;
  top: 0px; left: 0px;
}
.Scrollbar-Handle {
  position: absolute;
  width: 27px; height: 20px;
}
/**** END SCROLLBAR STYLES ****/


/**** NAVIGATION ****/
#navwrapper { float:left; padding:30px 0px 0px 330px; } /* Contains all navigation bubbles */

#buttoncontainer { /* Container for each bubble, excluding Buzz */
	position: relative;
	margin:10px 10px 0px 10px;
	overflow: hidden;
	height: 80px;
	width: 92px;
	background-color: #FFF;
	float:left;
}
#buzzbuttoncontainer { /* Container for Buzz bubble */
	position: relative;
	margin:10px 10px 0px 10px;
	overflow: hidden;
	height: 110px;
	width: 175px;
	background-color: #FFF;
	float:left;
}
.aboutframe, .talkframe { /* Transparent frame for each bubble, excluding Buzz */
	position: absolute;
	z-index: 2;
	width:92px;
	height:82px;
}
.buzzframe { /* Transparent frame for Buzz bubble */
	position: absolute;
	z-index: 2;
	width:92px;
	height:110px;
}
#aboutbuttonoverlay, #talkbuttonoverlay { /* Gray overlay for each bubble, excluding Buzz */
	top: -3px;
	position: absolute;
	z-index: 1;
	width:92px;
	overflow: hidden;
	background-color: #999;
}
#buzzbuttonoverlay { /* Gray overlay for Buzz bubble */
	top: -3px;
	left:0px;
	position: absolute;
	z-index: 1;
	width:92px;
	height:110px;
	overflow: hidden;
	background-color: #999;
}
#buzzlinksoverlay { /* White overlay for additional Buzz bubble links */
	top: -3px;
	left:93px; /* White overlay sits just right of the Buzz bubble */
	position: absolute;
	z-index: 1;
	width:70px;
	height:110px;
	overflow: hidden;
	background-color: #fff;
}

#block{	/* Block that holds color fill animation */
	height: 82px;
	width: 92px;	
	overflow: hidden;
}

#edge{ /* Transparent line that drops over bubble and fills in the color */
	height: 1px;
	width: 90px;	
	background-image:url(../images/line.png);
}
.loadpic{ /* Properties for bubble images */
	margin: 0px;
	padding:0px;
}
.floatright { /* Div for additional Buzz bubble links */
	float:right;
	padding-top:75px;
	width:75px;
}
.floatright img { /* Properties for additional Buzz bubble links */
	padding-bottom:5px;
}
/**** END NAVIGATION ****/

/*** CONTACT FORM ***/
.contactForm  { /* Contact form container */
	margin: 20px 0px 0px 0px;
	padding:0px;
	width:450px;
}
.contactForm ul { margin:0px; list-style:none; padding:0px; } /* To hide UL bullets */
.contactForm ul label { /* Field label styling */
	display:block; 
	float:left; 
	width:175px; 
	padding:8px 0px; 
	color:#006699; 
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contactForm option {padding-left:6px;} /* Drop down box properties */
.contactForm .txtField { /* Input text box properties */
	display:block;
	float:left; 
	padding:3px; 
	width:225px;
	margin:7px 0px 7px 0px;
	font-size: 12px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}

.contactForm .submitbtn {margin:15px 0px 0px 177px;} /* Submit button properties */
.error_strings {color:#F00;margin:10px 0px 0px 150px;} /* Validation error properties */
.message { /* Message sent, Thank you! message styling */
   display: none; /* hidden until shown via Javascript */
   margin: 20px 0px 0px 0px;
   color:#006699;
   font-weight:bold;
   font-size:16px;
}
/*** END CONTACT FORM ***/
/*footer credit*/
#footer{
	width:900px;
	margin: 0px auto 0px auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#FFF;
	letter-spacing:.01em;
	margin-top:5px;
}
#footer a{
	text-decoration:none;
	color:#FFF;
}
#footer a:hover{
	text-decoration:underline;
	}