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

  CSS Document - layout.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,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

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


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background:#fff;
	text-align:center; 
	font:12px/22px "Helvetica", Arial, sans-serif; 
	color:#666;
	}

a:link,a:visited	{ color:#f78f1e; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#979797; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}
	
img.img-left { 
	float:left; 
	margin:0px 10px 10px 0; 
	}
	
	img.img-site{
	margin:0px 0px 15px 38px;
	}
	
img.img-right { 
	float:none;
	margin:5px 0 10px 10px; 
	}


/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:899px;
	margin:0 auto;
	text-align:left;
	}
	
#logo {width:89px; float:left;}

#nav {width:810px; float:left;background:url(../i/nav-bkgd.gif) no-repeat;height:42px; margin-top:52px;}

ul#navlist { margin: 11px 0 9px 0; padding: 0; white-space: nowrap; }

#navlist li { display: inline; list-style-type: none; font-weight:bold; padding:0; text-shadow:1px 1px 1px #000000;}

#navlist a { color: #fff; text-decoration: none; padding:10px 10px 7px 10px;}

#navlist a:hover { background-color: #979797; text-decoration: none;}

#banner {background:url(../i/banner.jpg) no-repeat; height:253px; margin-bottom:40px;}
#banner_about {background:url(../i/banner_about.jpg) no-repeat; height:253px; margin-bottom:40px;}

#banner_companyInfo {background:url(../i/banner_companyInfo.jpg) no-repeat; height:253px; margin-bottom:40px;}
#banner_noImage {background:url(../i/banner_noImage.jpg) no-repeat; height:2px; margin-bottom:40px;}
#banner_testimonial {background:url(../i/banner_applications.jpg) no-repeat; height:253px; margin-bottom:40px;}
#banner_application {background:url(../i/banner_testimonial.jpg) no-repeat; height:253px; margin-bottom:40px;}





img.imageFloatLeft{ float:left; margin-right:10px; margin-bottom:0px;
	}


#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:90px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}

.flash-box { width:899px; height:334px; margin-bottom:40px;}

.flash-box2 { width:899px; height:500px; margin-bottom:40px;}

h1 {font-size:20px; font-weight:bold; line-height:24px; margin-bottom:15px;}

h2 {font-size:18px; font-weight:bold; margin-bottom:20px;}
h3 {margin-bottom:20px;}
h2.site {margin:0px;}
h3.test {margin:0px;}

p {margin-bottom:20px;}

p.news {margin:0px;}

/* ----- column-left ----- */

#col-left { width:529px; float:left; }

#col-left .gutter {padding:0 35px 0 16px;}

#col-left .gutter span {font-size:12px}

#col-left .gutter #reg {font-size:11px}


#left {width:333px; float:left;}

#col-left ul {padding-left:16px; margin-bottom:20px;}

#col-left li {background:transparent url("../i/bullet.gif") 0px 6px no-repeat; padding-left:10px;}


			
/* ----- column-right ----- */

#col-right { width:368px; float:left; border:1px solid #c8c7c7; }

#col-right .gutter {padding:20px 30px;}

#col-right ul {font-size:14px;}

#col-right li {background:transparent url("../i/bullet.gif") 0px 6px no-repeat; padding-left:10px;}

.col50 {width:449px; float:left;}

.col50 .gutter {padding:0 16px;}

.col50 p {font-size:14px;}

#right {width:566px; float:left;}


/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	height:1px;
	clear:both;
	width:100%; /* fix for Safar */
	}

/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:899px;
	margin:20px auto 0 auto;
	text-align:left;
	border-top:1px solid #c8c7c7;
	font-size:11px;
	}

#footer p {
	margin:10px 0 10px 16px;
	}

#footer ul {margin-top:10px;}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #009900;
	}

	#footer li.first { border: none; }





/**********
* Form classes
********************************************/
#form_holder {
  display: block;
  position: relative;
  width: 566px;
  margin: 20px 0px 20px 0px;
}

#form_holder form {
  width: 100%;
  padding: 0px 0px 10px 0px;
}

#form_holder img.form_header {
  display: block;
  position: relative;
  width: 566px;
  height: 130px;
  margin: 0px 0px 0px 0px;
}

#form_holder .formline {
  padding-top: 7px;
  padding-bottom: 7px;
}

.padleft {
  padding-left: 20px;
}

#form_holder .fieldholder {
  display: block;
  float: left;
  width: 282px;
}

#form_holder .formline label {
  display: block;
  padding-left: 20px;
  font-weight: bold;
}

#form_holder .formline label span {
  color: #f78f1e;
}

.textfield {
  display: block;
  width: 80%;
  padding: 2px 0px 2px 5px;
  margin-left: 20px;
  border: solid 1px #c8c7c7;
  background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
}

#form_holder .formline .required {
  border: solid 1px #f78f1e;
}

#form_holder .fieldholder div {
  float: left;
  width: 50%;
}

#form_holder .fieldholder div .textfield {
  width: 60%;
}

#form_holder .formline select.state {
  margin-left: 20px;
  width: 100px;
}

#form_holder .formline select.fullfield {
  margin-left: 20px;
  width: 80%;
}

#form_holder .formline textarea {
  margin-left: 20px;
  width: 512px;
  border: solid 1px #c8c7c7;
}

input.submit {
  display: block;
  float: left;
  width: 80px;
  height: 30px;
  background: #c8c7c7;
  cursor: pointer;
  font-weight: bold;
  color: #000;
  border: none;
}

.subject {width:512px;}

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:459px;
}

.AccordionTitle
{
  cursor:pointer;padding:5px 5px 10px 5px;font-weight:bold; font-size:1.2em; color:white;
  
  
  height:45px; 
  overflow:hidden;
  vertical-align:middle;
  background-repeat:repeat-x;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
  border-bottom:3px solid white;
  
}


.AccordionContent
{
/*  height:0px;
  overflow:hidden;
  display:none; */
  height:auto;
  overflow:hidden;
  margin:10px 0 10px 0;
  
}


.AccordionContainer
{
  background:#fff;
  overflow:hidden;
  vertical-align:middle;
  margin-bottom:5px;
}


.openAccG { background-color:#f78f1e ; }

.closeAccG { background-color:#f78f1e ; }