/* 
 ----------------------------------------------------------------------------
  Copyright CMTM, Inc 2008. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - styles.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/page_bg.jpg) top repeat-x; background-color: #ffffff; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #5b686f; }
a { color: #198dc0; }
h1,h2,h3,h4,h5,h6 { color: #000000; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif }
textarea, input, table { font-family: Arial, Helvetica, sans-serif; }
.grnbold { color: #ff9f07; font-weight: bold; }
.bluebold { color: #ff9f07; font-weight: bold; }
.imgright { margin: 5px 0px 5px 20px; clear: both; }
.imgleft { margin: 3px 20px 5px 0px; clear: both; }
.imgleftfloat { margin: 3px 20px 5px 0px; clear: both; float:left; }
.imgrightfloat { margin: 5px 0px 5px 20px; clear: both; float:right; }

.btn_class { font-size: 10px; color: #003967; }


/* framework
 * ------------------------------------------------------------------------- */
#container { margin: 0px auto 0px auto; padding: 0px; width: 980px; background: url(../images/content_bg.gif) repeat-y; text-align: left; }
#container:after, #content_area:after, #left_column:after, #right_column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* top bar */
	#top_area { width: 980px; height: 127px; background: url(../images/header.gif) no-repeat; }
		#logo_area { width: 400px; height: 127px; float: left; }
			#logo_area a { display: block; width: 400px; height: 127px; }
			#logo_area span { display: none; }
		#top_nav { width: 580px; height: 127px; text-align: right; float: left; font-size: 11px; color: #737986; }
			#top_nav p { padding: 15px 23px 0px 0px; }
			#top_nav a { color: #737373; text-decoration: none; }
			#top_nav a:hover { color: #ffba28; text-decoration: underline; }

	/* nav area */
	#nav_area { width: 980px; height: 32px; background: url(../images/navbg.gif) repeat-x; }
		#nav { background: url(../images/navbar.gif) no-repeat; width: 826px; height: 32px;  position: relative; margin: 0px; }
				#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
				#nav li, #nav a { height: 32px; display: block; }
				#nav span { display: none;}
				#nav_1 { width: 75px; left: 0px;}
				#nav_2 { width: 120px; left: 75px;}
				#nav_3 { width: 81px; left: 195px;}
				#nav_4 { width: 110px; left: 276px;}
				#nav_5 { width: 110px; left: 386px;}
				#nav_6 { width: 67px; left: 496px;}
				#nav_7 { width: 94px; left: 563px;}
				#nav_8 { width: 67px; left: 657px;}
				#nav_9 { width: 102px; left: 724px;}
				
				#nav_1 a:hover { background: transparent url(../images/navbar.gif) -0px -32px no-repeat;}
				#nav_2 a:hover { background: transparent url(../images/navbar.gif) -75px -32px no-repeat;}
				#nav_3 a:hover { background: transparent url(../images/navbar.gif) -195px -32px no-repeat;}
				#nav_4 a:hover { background: transparent url(../images/navbar.gif) -276px -32px no-repeat;}
				#nav_5 a:hover { background: transparent url(../images/navbar.gif) -386px -32px no-repeat;}
				#nav_6 a:hover { background: transparent url(../images/navbar.gif) -496px -32px no-repeat;}
				#nav_7 a:hover { background: transparent url(../images/navbar.gif) -563px -32px no-repeat;}
				#nav_8 a:hover { background: transparent url(../images/navbar.gif) -657px -32px no-repeat;}
				#nav_9 a:hover { background: transparent url(../images/navbar.gif) -724px -32px no-repeat;}
				
	/* content area */
	#content_area { width: 980px; background: url(../images/rightbottom_bg.jpg) bottom right no-repeat; }
	
	/* left column */
	#left_column { width: 729px; color: #5b686f; float: left; }
		#left_column a { color: #085899; }
		
		/* flash area */
		#flash_area { width: 729px; height: 201px; }

		/* content area */
		#left_column .blurb_container { padding: 20px 25px 30px 25px; }
		.blurb_container p { margin: 0px 0px 20px 0px; LINE-HEIGHT: 20PX; }

		/* home content */
		#home_content_area { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
			#home_content_area td { vertical-align: top; }
			#left_column h1, #left_column h2 { font-size: 23px; margin: 0px 0px 15px 0px; } 
			#left_column h3 { font-size: 10px; color: #464147; margin: 0px 0px 5px 0px;  }
				#home_left { width: 255px; border-width: 0px 1px 0px 0px; border-style: dotted; border-color: #5b686f; padding-right: 15px; }
				#home_right { padding-left: 15px; }
					#home_right1 { width: 170px; float: left; }
					#home_right2 { width: 207px; margin: 0px 0px 0px 15px; float: left }
			#body_content_body p { margin: 0px 0px 10px 0px; }
			#body_content_body ul { margin: 0px 10px 10px 10px; }
			/*#body_content_body li { padding: 0px 0px 0px 10px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #cccccc; line-height: 20px; }*/
			#body_content_body li { margin: 0 0 0 15px; list-style: disc; list-style-position:outside; line-height: 20px; }
			
			#body_content_body h2 { font-size: 16px; color: #464147; margin: 24px 0px 7px 0px; }
			#body_content_body h3 { font-size: 14px; color: #464147; margin: 18px 0px 0px 0px; }
			
			#sitemap p { margin: 0px 0px 10px 0px; }
			#sitemap ul { margin: 0px 0px 10px 0px; }
			#sitemap li { padding: 0px 0px 0px 10px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #cccccc; line-height: 20px; }

			
			
		.quote { font-size: 20px; color: #9d9d9d; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 25px; letter-spacing: -1px; font-weight: normal; text-align: center;  }
		#main_content_area ul { margin: 10px 0px 10px 0px; line-height: 20px; }
			#main_content_area li { font-weight: bold; background: url(../images/bullet_red.gif) no-repeat 0px 6px; padding: 0px 0px 5px 17px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333333; }
				#main_content_area ul ul { margin: 5px 0px 0px 0px; border: none; font-size: 11px; }
				#main_content_area li li { font-weight: normal; background: none; padding: 0px 0px 0px 5px ; border: none; line-height: 18px; }
					#main_content_area li li a { color: #999999; }
					#main_content_area li li a:hover { color:#ee0c14; }
			/* Contact Form */
			#contactform { text-align: right; width: 425px; margin: 0px 20px 0px 0px; }
			#contactform div { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5B686F;  }

			.forms { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #5B686F; }
			.bigfields2 { width: 325px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5B686F;  overflow: hidden; }

			#contact_area { font-size: 11px; line-height: 18px; background-color: #212121; margin: 0px 0px 20px 0px; }
				#contact_area form { padding: 20px 195px 20px 0px; text-align: right; font-weight: bold; }
				.contact_field { vertical-align: text-top; height: 24px; width: 270px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 5px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
				.contact_textarea { vertical-align: text-top; height: 150px; width: 270px; margin: 0px 0px 5px 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
				.btn_submitsub { margin: 0px 105px 0px 0px; font-size: 12px; background-color: #003967; color: #ffffff; border-style: none; }
				.btn_submitsub:hover { color: #000000; background-color: #ffbb2b }
				#contact_area p { margin: 10px 0px 10px 35px; padding: 0px 0px 0px 18px; }
					.bullet_address { background: url(../images/bullet_address.gif) no-repeat 0px 5px; }
					.bullet_phone { background: url(../images/bullet_phone.gif) no-repeat 2px 3px; }
	
	/* right column */
	#right_column { width: 251px; padding: 0px 0px 10px 0px; float: left; color: #000000; }
		#right_column a { color: #085899; }

		/* Quick Contact form */
		#quickcontact_form { text-align: right; }
			.quickcontact_field { height: 24px; width: 200px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 0px; color: #000000; font-size: 11px; }
			.quickcontact_textarea { height: 75px; width: 200px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #0000000; font-size: 11px; }
			.btn_submit { font-size: 12px; background-color: #003967; color: #ffffff; border-style: none; margin: 0px 0px 20px 0px; }
			.btn_submit:hover { color: #000000; background-color: #ffbb2b }
			
		#right_column .blurb_container { padding: 15px 25px 5px 25px; }
			#right_column h3, #right_column h2, #right_column h4 { font-size: 23px; color: #464548; margin: 0px 0px 10px 0px; }
			#right_column h5 { font-size: 10px; color: #464147; margin: 0px 0px 5px 0px;  }
			#right_column ul { margin: 10px 0px 10px 0px; line-height: 20px; }
				#right_column li { background: url(../images/bullet.gif) no-repeat 0px 6px; padding: 0px 0px 0px 17px; }
				
								
		/* services list */
		#services_list { padding: 0px 0px 0px 0px; }
		#services_list h5 { margin: 10px 0px 0px 18px; }
		#services_list ul {  }
		#services_list li { margin: 0px 0px 1px 0px; line-height: normal; }
			#services_list a { background: url(../images/list_bg.gif) no-repeat; display: block; width: 207px; height: 20px; color: #000000; text-decoration: none; font-size: 11px; }
			#services_list span { display: block; padding: 3px 0px 0px 10px; }
			#services_list a:hover { background: url(../images/list_roll.gif) no-repeat;}

#footer_container { background: url(../images/footer_bg.gif) top repeat-x; background-color: #000000; padding: 0px 0px 30px 0px; text-align: center; width: 100%; }
#footer_area { background: url(../images/footer_logo.jpg) top left no-repeat; margin: 0px auto 0px auto; width: 980px; height: 200px; text-align: left; font-size: 11px; color: #545356; }
	#footer_left { width: 729px; background: url(../images/footer_logos.gif) no-repeat bottom; float: left; padding: 0px 0px 90px 0px; }
		#footer_left p { line-height: 18px; padding: 27px 25px 20px 25px; }
	#footer_right { width: 251px; float: left; text-align: right; background: url(../images/footernumber.gif) no-repeat top right; padding: 40px 0px 0px 0px; }
		#footer_right p { line-height: 18px; padding: 45px 25px 20px 0px; }

		#footer_area span { color: #e1c14d; font-weight: bold; }
		#footer_area a { color: #a4a4a4; text-decoration: none; }
		#footer_area a:hover { color: #e1c14d; text-decoration: underline; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
}