@charset "utf-8";
@import "css/reset.css";

/**
 * COLORS
 * green: #B6C832
 * charcoal: #272B2E
 * sidebar gray: #3B4043
 * light blue: #8CADCE
 */
 
/**
 * TAG DEFINITIONS
 */
body {
	text-align:center;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
}
a:link, a:visited {
	color:#CCCCCC;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#B6C832;
}
strong {
	font-weight:bold;
}
h2 {
	font-size:1.6em;
	color:#B6C832;
}
hr {
	margin-top:28px;
	color:#B6C832;
	line-height:1px;
}


/**
 * LAYOUT
 */
div.page-container {
	text-align:left;
	width:780px;
	/*border:#B6C832 solid 1px;*/
	margin:0 auto;
	margin-top:32px;
	padding-bottom:10px;
	overflow:visible;
}
.subpage div.page-container {
	margin-top:0;
}
div.header {
	width:778px;
	clear:both;
	overflow:auto;
	border:#B6C832 solid 1px;
}
div.header img {
	float:left;
	/*border-right:#B6C832 solid 1px;*/
}
#flash-intro {
	float:left;
}
.page-faux-sides {
	background:url(images/layout/fauxcols_sides.gif) repeat-y;
	background-position:1px;
}
.subpage div.content {
	/*background:#272B2E;*/
	width:778px;
	overflow:auto;
}
div#content-left {
	width:578px;
	float:left;
	display:inline;
	padding:10px;
	padding-right:0px;
	overflow:auto;
}
div#content-right {
	float:right;
	display:inline;
	margin-bottom:100px;
}


/**
 * TOPNAV
 */
ul#topnav {
	float:right;
	padding:8px;
}
ul#topnav li {
	display:inline;
	margin:4px;
	color:white;
}


/**
 * SIDEBAR
 */
div.sidebar {
	background-image:url(images/layout/testimonialbg.jpg);
	background-repeat:repeat-x;
	background-color:#58768E;
	width:150px;
	margin:10px;
	margin-top:0;
	padding:10px;
	padding-top:20px;
	padding-left:10px;
}
div.sidebar p {
	margin-bottom:1em;
}
p.testimonial-quote {
	font-style:italic;
	font-size:1.2em;
	overflow:visible;
	zoom:1;		/* required to fix italic bug in IE6 */
}
p.testimonial-author {
	text-align:right;
}
#testimonial-title-box {
	padding:6px;
	background-color:#3B4043;
}


#content-left p {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:1.2em;
}
div.content p {
}
div.content p.last {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:0;
}
div.content .green {
	color:#B6C832;
	font-weight:bold;
}
div.content .intext {
	margin-bottom:1.2em;
	font-size:1.4em;
	line-height:1.4em;
}

/**
 * SUBPAGE
 */
div.content {
	border:#B6C832 solid 1px;
	border-top:none;
	/*background:#272B2E url(images/layout/fauxcols.gif) no-repeat bottom right;*/
	background:url(images/layout/fauxcols.gif) no-repeat;
	background-position:0% 100%;
}


/**
 *	COPYRIGHT
 */
#copyright {
	clear:both;
	background:#3B4043 url(images/layout/footerbg.gif) repeat-x;
	width:100%;
	padding:10px 0;
	/*height:41px;*/
}
#copyright p.copy {
	font-size:1em;
	text-align:center;
	padding-top:6px;
}
#copyright p.footlinks {
	font-size:1.1em;
	text-align:center;
}

/**
 * PRODUCT PAGES
 */
table#companies {
	width:578px;
	border-collapse:collapse;
}
table#companies td {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	/*border:#CCCCCC solid 1px;*/
}


/**
 * CONTACT PAGE
 */
div.contact-info {
	float:left;
	width:200px;
	margin-bottom:28px;
}
div.contact-map-area {
	float:right;
}
div.contact-map {
	background:#B6C832;
	height:298px;
}
div.contact-map-area p {
	text-align:center;
	padding:12px;
	margin:0;
}


/**
 * NEWS PAGE
 */
span.news-source {
	font-style:italic;
}
div.news-article {
	margin-bottom:40px;
}


/**
 * FORM STYLING
 */
#form-box {
	margin:28px auto 14px auto;
	background:#3B4043;
	padding:20px;
	width:400px;
}
#form-box p {
	margin:0;
	margin-top:1.2em;
}
#form-box input.textbox {
	width:200px;
	border:#CCCCCC solid 1px;
	background:#3B4043;
	padding:2px;
	color:white;
}
#form-box textarea.textarea {
	width:390px;
	border:#CCCCCC solid 1px;
	background:#3B4043;
	padding:2px;
	color:white;
}
#form-box .testimonial-ty {
	margin:0;
}

 
/**
 * UTILITY
 */
.bordered {
	float:right;
	border:black solid 1px;
}
.padding20 {
	padding:20px;
	overflow:auto;
}
.imgfloatright {
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}
img.nohover {border:0}
img.hover {border:0;display:none}
a:hover img.hover {display:inline}
a:hover img.nohover {display:none}

#page-testimonials .content {
	background:#272B2E;
}
#page-testimonials div#content-left {
	width:758px;
	padding:10px;
}