@charset "utf-8";
/* CSS Document */

body { padding: 0; margin: 0; font-family: Verdana, Geneva, sans-serif; color: #000; background: url(images/page-bg-03.png) top center repeat-y #000; }
img { border: none; }
a { color: #ae0013; text-decoration: none; transition: color 0.3s ease; }
a:hover { color: #666; }
h2 { color: #ae0013; }
h3 { font-style: italic; color: #999; }

.clear { clear: both; height: 0; }
.errorMessage { color: #f00; }
.successMessage { color: #090; }
.warningMessage { color: #f93; }

#topBar { background: url(images/top-bar-01.png); height: 3px; }
#header { background: url(images/000_30.png); }
#header-content { width: 1000px; margin: 0 auto; padding: 5px 0; color: #eee; height: 80px; }
#main-logo { float: left; vertical-align: bottom; }
#main-menu { float: right; vertical-align: bottom; width: 750px; text-align: right; padding-top: 55px; }
#main-menu ul { list-style: none; display: inline; margin: 0; padding: 0; }
#main-menu ul li { list-style: none; display: inline; margin: 0 0 0 20px; font-size: 14px; }
#main-menu ul li a { color: #eee; text-decoration: none; text-shadow: 1px 1px 1px #000; }
#main-menu ul li a:hover { color: #c44654; }
#main-menu ul li a.activeItem { color: #c44654; }

#banner { }
#banner-content { clear: both; width: 1000px; margin: auto; padding: 10px 0; color: #eee; font-size: 12px; }
#banner-content h1 { font-size: 28px; text-shadow: 1px 1px 1px #000; }

#main { background: #fff; }
.main-content { clear: both; width: 1000px; margin: auto; padding: 20px 0; color: #222; font-size: 12px; min-height: 200px; }
.main-content-col-2 { display: inline-block; vertical-align: top; text-align: left; width: 450px; }

.section-title { font-size: 28px; font-weight: bold; color: #ae0013; }
.section-description { font-size: 16px; line-height: normal; }

#footer { }
#footer-content { width: 1000px; margin: 0 auto; padding: 10px 0 40px 0; color: #999; font-size: 11px; }
#footer-logo { display: inline-block; vertical-align: middle; }
.footer-contact { display: inline-block; vertical-align: middle; margin-left: 40px; }
#footer-menu { padding-top: 10px; }
#footer-menu ul { list-style: none; display: inline; margin: 0; padding: 0; }
#footer-menu ul li { list-style: none; display: inline; margin: 0 20px 0 0; font-size: 11px; font-weight: bold; }
#footer-menu ul li a { color: #fff; text-decoration: none; }
#footer-menu ul li a:hover { color: #c44654; }
#footer-menu ul li a.activeItem { color: #c44654; }
.footer-extraLinks { text-align: right; margin-top: 10px; }
.footer-link { font-size: 11px; color: #999; text-decoration: none; }
.footer-link:hover { color: #c44654; }

.valuesTable { }
.valuesTable th { color: #999; font-weight: bold; font-size: 10px; padding: 2px; vertical-align: middle; text-align: right; }
.valuesTable td { color: #000; font-weight: normal; font-size: 12px; padding: 2px; vertical-align: middle; text-align: left; }
.valuesTable input, textarea, select { padding: 4px; margin: 0; outline: 0; border: 1px solid #ccc; }

.portfolio-section-title { padding: 100px 0 10px 0; border-bottom: 1px solid #ccc; }
.portfolio-item { padding: 10px 0; border-bottom: 1px solid #ccc; }
.portfolio-item-ss { display: inline-block; vertical-align: middle; text-align: center; padding: 10px; }
.portfolio-item-description { display: inline-block; vertical-align: middle; text-align: center; width: 400px; font-size: 12px; }
.portfolio-item-description-title { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 5px; }
.portfolio-item-description-url { font-size: 12px; font-style: italic; margin-bottom: 10px; }

.button-primary {
	/* gradient background: */
	background: #c44654; /* Old browsers */
	background: -moz-linear-gradient(top, #c44654 0%, #ae0013 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c44654), color-stop(100%,#ae0013)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c44654 0%,#ae0013 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c44654 0%,#ae0013 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c44654 0%,#ae0013 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c44654 0%,#ae0013 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44654', endColorstr='#ae0013',GradientType=0 ); /* IE6-9 */
	
	/* other properties: */
	border: 1px solid #ae0013; padding: 5px 10px; margin: 0; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-primary:hover { background: #ae0013; color: #fff; }
.button-secondary { border: 1px solid #ccc; background-color: #eee; padding: 5px 10px; margin: 0; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); border-radius: 4px; }
.button-secondary:hover { background-color: #f4f4f4; }
.button-small { padding: 2px 6px; }
.button-large { padding: 4px 12px; font-size: 18px; }