.text_field_error {
	background-color: #AF1616;
	color: white;
	border-color: #AF1616;
 	border-width:2px;
}

.login-error {
	color: white;
	line-height: 17px;
}

#loginError { 
	position: relative;
	top: 2px; 	 
	color: #fff;
	font-size: 12px;
	text-align: left;
	width: 343px;	
	float: right;
	/*left: 40px;*/
}

#loginerr-fadeout {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:1;
}
.loginerr-fade {
	background-Color: black;
	opacity: 0.60;
	filter: alpha(opacity = 70);   /* IE6 */
}

/******************************************
	Resetting and setting common elements 
*******************************************/

* {
	margin: 0;
	padding: 0;}

html, body {
	height: 100%;
	width: 100%;
}

* html .content {
	height: 100%;
}

body {
	text-align: left;
	font-family: Helvetica, Verdana, Arial, Tahoma, Times;
	background: #7e8890;
	color: #000;
	font-size: 14px;
	line-height: 19px;
}
	
h1.title {
	display: none;
}

h1 {
	font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	color: #53301b;
	margin: 0 0 10px 0;}
	
h2 {
	font-size: 23px;
	line-height: 26px;
	font-weight: normal;
	color: #53301b;
	margin: 0 0 10px 0;}
	
h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #53301b;
	margin: 15px 0 10px 0;
}

h4 {
  margin: 20px 0 0 0;
	font-size: 14px;
	line-height: 16px;
	color: #53301b;
}

p {
	margin: 5px 0 10px 0;
}

ul, ol {margin: 8px 0 8px 25px;}

a img {border: none;}

a:link {
	color: #981d23;
	text-decoration: none;
}

a:visited {
	color: #981d23;
	text-decoration: none;
}
	
a:hover {
	color: #d07d35;
	text-decoration: none;
}
	
hr {
	border: 1px dotted #333;
}	
	
.clear {
	clear: both;
}

blockquote {
  background: #eee;
  padding: 10px 20px;
}

p#phone {
  font-weight: bold;
}

/******************************************
	Forms 
*******************************************/

input {
  height: 15px;
  width: 120px;
  margin: 0 0 8px 0;
  padding: 5px;
  color: #747474;
  -webkit-box-shadow: inset 2px 2px 4px #ccc;
  -moz-box-shadow: inset 2px 2px 4px #ccc;
  box-shadow: inset 2px 2px 4px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #5d6870;
}

textarea {
  height: 70px;
  width: 200px;
  margin: 0 0 8px 0;
  padding: 5px;
  color: #747474;
  -webkit-box-shadow: inset 2px 2px 4px #ccc;
  -moz-box-shadow: inset 2px 2px 4px #ccc;
  box-shadow: inset 2px 2px 4px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #5d6870;
}

textarea#hear {
  height: 40px;
  width: 210px;
}

input.submit, input.contact_submit {
  float: right;
  background: url('../images/button-bg.png') repeat-x;
  height: 28px;
  width: auto;
  padding: 0 10px;
  margin: 15px 0 0 0;
  color: #fff;
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 5px #454545;
  -moz-box-shadow: 1px 1px 5px #454545;
  box-shadow: 1px 1px 5px #454545;
  cursor: pointer;
}

input.submit:hover, input.contact_submit:hover {
  background: #d07d35;
}

input.radio {
  width: auto;
  margin: 0 4px 0 0;
  border: none;
}

label {
  clear: both;
  width: 90px;
  display: inline-block;
  margin: 0px 0 8px 0;
  float: left;
}

input.contact_submit {
  float: none;
  margin: 0 0 0 90px;
}


/******************************************
	Buttons 
*******************************************/

a.button  {
  float: right;
  background: url('../images/button-bg.png') repeat-x;
  height: 23px;
  width: auto;
  padding: 5px 10px 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 5px #454545;
  -moz-box-shadow: 1px 1px 5px #454545;
  box-shadow: 1px 1px 5px #454545;
  cursor: pointer;
}

a.button:hover {
  background: #d07d35;
  color: #fff;
}

/******************************************
	Login 
*******************************************/

#login {
  width: 935px;
  margin: 0 auto;
  padding: 7px 0 10px 0;
  font-size: 11px;
  color: #475661;
  height: 45px;
  position: relative;
  z-index: 100;
}

#login a {
  color: #475661;
}

#login a:hover {
	color: #981d23;
	text-decoration: none;
}

#login-news {
  float: left;
  width: 500px;
}

#login form {
  float: right;
  width: 345px;
}

#login-email {
  width: 140px;
  float: left;
}

.label {
  font-weight:bold;
  margin-left:3px;
}

#login-password {
  width: 135px;
  float: left;
}

input#remember {
  width: auto;
  border: none;
  float: left;
  padding: 0;
  margin: -4px 3px 0 0;
}

span#remember-me {
  position: relative;
  top: -6px;
}

span#passcontainer {
  position: relative;
  top: -6px;
}

#login input.submit {
  width: 66px;
  margin-top:18px;
}



/******************************************
	Header 
*******************************************/

#header {
	width: 957px;
	background: #fff;
	margin: 10px auto 0;
  	background: url('../images/header-middle.png');
}

#header-top {
  background: url('../images/header-top.png') no-repeat top;
  height: 28px;
}

#header-bottom {
  background: url('../images/header-bottom.png') no-repeat bottom;
  height: 31px;
  margin-top: -4px;
}

a#logo {
  width: 261px;
  height: 51px;
  padding: 10px 0 0 40px;
  display: block;
  float: left;
}

ul#navigation {
  list-style: none;
  float: right;
  margin: -15px 30px -17px 0;
  padding: 0;
}

ul#navigation li {
  float: left;
}

ul#navigation a {
  color: #475661;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding: 35px 15px;
}

ul#navigation a:hover {
  color: #981d23;
  background: #e5e7e9;
}

ul#navigation { z-index:1000; }
ul#navigation > li { position:relative; }
ul#navigation ul { padding:0; margin:0; display:block; }
ul#navigation li ul { position:absolute; top:0; left: 0; margin-top:89px; width:250px; line-height:16px; background-color:#e5e7e9; color:#475661; /* for IE */ display:none; }
ul#navigation li:hover ul { display:block; }
ul#navigation li ul li { display:block; list-style-type:none; float: none; }
ul#navigation li ul li:first-child { border-top: none; }
ul#navigation li ul li a { display:block; color:#475661; padding: 10px 15px; text-transform: none; text-align: left; }
ul#navigation li ul li a:hover { background: #eff1f2; }
ul#nav-last { left: auto !important; right: 0; }
.nav-hover { background: #e5e7e9 !important; }



/******************************************
	Content 
*******************************************/
	
#content {
	width: 957px;
	margin: 0 auto;
}
	
#col-left {
  width: 619px;
  float: left;
  background: url('../images/col-left-middle.png') repeat-y;
}

#col-left-top {
  background: url('../images/col-left-top.png') no-repeat top;
  height: 31px;
}

#col-left-content {
  padding: 10px 40px;
}

#col-left-bottom {
  background: url('../images/col-left-bottom.png') no-repeat top;
  height: 29px;
}

#col-right {
  width: 349px;
  float: right;
  margin: 0 0 0 -20px;
  background: #fff url('../images/col-right-middle.png') repeat-y;
}

#col-right-top {
  background: url('../images/col-right-top.png') no-repeat top;
  height: 30px;
}

#col-right-content {
  padding: 10px 40px;
  min-height: 540px;
}

#col-right-bottom {
  background: url('../images/col-right-bottom.png') no-repeat top;
  height: 29px;
}

img#watch-img {
  margin: 0 0 20px 0;
}


/******************************************
	Homepage Styling 
*******************************************/

#homepage-right {
  width: 349px;
  float: right;
  margin: 0 0 0 -20px;
  padding: 0;
  background: url('../images/col-right-home-middle.png') repeat-y;
}

#homepage-right-content {
  padding: 10px 40px;
  min-height: 540px;
}

#homepage-right-top {
  background: url('../images/col-right-home-top.png') no-repeat top;
  height: 31px;
}

#homepage-right-bottom {
  background: url('../images/col-right-home-bottom.png') no-repeat bottom;
  height: 30px;
}

#home-left-content {
  padding: 10px 40px;
  min-height: 574px;
}

#col1 {
  width: 280px;
  float: left;
}

#col2 {
  width: 250px;
  float: right;
}

#watch-button-1 {
  margin: 0 0 0 -8px;
}

#watch-button-2 {
  margin: 0 0 0 -8px;
}

#col1 h3, #col2 h3 {
  font-size: 23px;
  line-height: 26px;
  color: #981d23;
  font-weight: normal;
  margin: 0 0 15px 0;
}

#col1-content {
  margin: 10px 0 0 0;
  padding: 0 28px 0 0;
}

#col2-content {
  margin: 10px 0 0 0;
}

#homepage-h1 {
  margin: 0;
}

#homepage-right h2 {
  color: #475661;
}

span#press {
  margin-left:5px;
  position:relative;
  top:10px;
}
span#presslink {
  margin-left:5px;
  position:relative;
  top:-12px;
  
}

span#press-fade {
  margin-left: 5px;
  position:relative;
  top:25px;
  opacity: 0.60;
  filter: alpha(opacity = 70);   /* IE6 */
}

/******************************************
	Testimonials 
*******************************************/

#homepage-right h2, #col-right h2 {
  text-align: center;
}

h2#testimonial-header {
  margin: 50px 0 0 0;
}

#testimonial {
  margin: 10px 0 30px 0;
  color: #475661;
  background: url('../images/quote-left.png') no-repeat top left;
}

span.testimonial-quote {
  display: block;
  font-family: Georgia, serif;
  font-size: 15px;
  line-height: 20px;
  min-height: 25px;
  background: url('../images/quote-right.png') no-repeat bottom right;
}

span.testimonial-author {
  display: block;
  font-weight: bold;
  margin: 8px 0 0 0;
}

span.testimonial-source {
  font-style: italic;
}



/******************************************
	Request a Demo 
*******************************************/

#RequestBox {
  padding: 0 20px 20px 20px;
}

#RequestBox h2 {
  text-align: center;
}

#RequestBox input.submit {
  margin: 5px 8px 0 0;
}

.demo-type {
  margin: 3px 0 10px 0;
}

.demo-type label {
  width: auto;
  float: none;
  display: inline;
  margin: 0 10px 0 0;
}



/******************************************
	Quotes
*******************************************/

span.quote-author,
span.quote-job-title,
span.quote-company {
  display: block;
}

span.quote-author {
  font-weight: bold;
}

span.quote-job-title {
  
}

span.quote-company {
  margin: 0 0 20px 0;
}



/******************************************
	Press and News Releases 
*******************************************/

a.article-title {
  display: block;
}

span.date {
  font-style: italic;
  color: #888888;
  font-size: 12px;
  display: block;
  margin: 0 0 10px 0;
}

table#press td.press-logo {
  padding: 5px 15px 5px 0;
  text-align: center;
}


/******************************************
	Footer 
*******************************************/

#footer {
  clear: both;
  width: 935px;
  margin: 0 auto;
  padding: 15px 0;
  color: #475661;
}

#footer ul {
  list-style: none;
  float: left;
}

#footer ul li {
  display: block;
  float: left;
}

#footer a {
  color: #475661;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

#footer a:hover {
  color: #981d23;
}

span#copyright {
  float: right;
  margin: 9px 0 0 0;
}


/*
	Slideshow style
*/

#slides {

}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:250px;
	height:200px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:20px;
	width:230px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,
#slides .prev {
	width:22px;
	height:25px;
	display:block;
	margin: -25px 0 0 0;
}

#slides .next {
  float: right;
}
  
#slides .prev {
	float: left;
}


/******************************************
	404 page 
*******************************************/

#filenotfound {
	width: 957px;
	height:480px;
	background: #fff;
	margin: 30px auto 0;
  	background: url('../images/sleeping_cowboy.png');
}
