/* Text & Visual Elements */

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding:5px;
}}

body {
  	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	background-image:url("../images/bodybg.gif");
	background-repeat:repeat-x;
	background-color: #fff;
	}

/*--- COPY ---*/
p  {font-size: 14px; margin-bottom: 10px; line-height: 21px; font-weight: normal; color:#000;}
h1 {font-size: 28px; margin-bottom: 15px; line-height: 32px; font-weight: normal; color:#000;}
h2 {font-size: 24px; margin-bottom: 10px; line-height: 28px; font-weight: normal; color:#000;}
h3 {font-size: 22px; margin-bottom: 10px; line-height: 24px; font-weight: normal; color:#000;}
h4 {font-size: 20px; margin-bottom: 10px; line-height: 22px; font-weight: normal; color:#000;}
h5 {font-size: 18px; margin-bottom: 10px; line-height: 20px; font-weight: normal; color:#000;}
h6 {font-size: 16px; margin-bottom: 10px; line-height: 18px; font-weight: normal; color:#000;}

ol li, ul li {line-height: 20px;}

hr { 
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 15px 0 15px 0; 
	}
	
#content ul  {
	list-style: disc; 
	margin: 10px 0 10px 30px;
	font-size: 14px;
	line-height: 21px;
	}

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

.left {
	float: left;
	text-align: left;
	}
	
.right {
	float: right;
	text-align: right;
	}

/*--- HEADER ---*/
#header {
	background:url("../images/headerbg.jpg");
	background-repeat:no-repeat;
	}	
	
	
	/*--- LOGO ---*/
		#logo{
			background:url("../images/logo.png");
			background-repeat:no-repeat;
			display:block;
			width: 600px;
			height: 160px;
			text-indent:-9999px;
			float: left;
			margin: 40px 20px 0 0;
			}

.intro {font-size: 18px; line-height: 22px;}
	
	
/*--- MAIN AREA ---*/

#content {}
#crumbs {margin:0; padding-left: 20px; font-size: 12px; width: 950px;}
	
/*--- FOOTER ---*/

#footer p{ font-size: 11px; line-height: 14px; }


#contactform .hidden{
	display: none;
}
#contactform .loading-wrapper{
	height: 100%;
	width: 100%;
}
#contactform  .loading-wrapper img.loading-gif{
	position: absolute;
	top: 50%;
	left: 50%;
}

/*************************************************
********************* Labels *********************
**************************************************/
#contactform label{
	display: block;
}
#contactform label span{
	font-weight: bold;
	color: #f10000;
}
/*************************************************
******************* Form Fields ******************
**************************************************/
#contactform .field{
	margin-bottom: 10px;
}
#contactform input[type="text"], 
#contactform input[type="radio"],
#contactform input[type="select"]{
	width: 300px;
}
#contactform input.question{
	width: 30px;
	text-align: center;
}
#contactform textarea{
	width: 430px;
	height: 115px;
}

/*************************************************
****** This is the CSS for the notification ******
**************************************************/
#contactform  .reply{
	display:none;
}
#contactform .success, .info, .warning, .failure {
  border: 1px solid;
  padding:7px 10px 7px 42px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
#contactform .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('../images/success.png');
}
#contactform .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../images/info.png');
}
#contactform .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../images/warning.png');
}
#contactform .failure {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/failure.png');
}

/*************************************************
**************** Form Validation *****************
**************************************************/
#contactform .field-invalid{
	border: 1px solid #cd2626 !important;
}
#contactform label.field-invalid{
	border: none !important;
	color: #cd2626 !important;
}
#contactform .field-valid{
	border: 1px solid #26cd2a !important;
}
#contactform label.field-valid{
	border: none !important;
	color: #26cd2a !important;
}