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

body { margin: 0 auto; text-align: center; background: #d8d8d8 url("../images/bg.jpg") top left repeat; }

h1 { display: none; }
h2 { font-family: 'Maven Pro', sans-serif; font-weight: 700; color: #4f9787; font-size: 24px; text-transform: uppercase; padding: 28px 28px 0px 28px; }
h3 { font-family: 'Maven Pro', sans-serif; font-weight: 700; color: #ff9968; font-size: 16px; text-transform: uppercase; padding: 0px 28px 0px 28px; }

h2.inner { font-family: 'Maven Pro', sans-serif; font-weight: 700; color: #4f9787; font-size: 24px; line-height: 30px; text-transform: uppercase; padding: 0px 0px 0px 28px; }

h2.news { float: left; padding-top: 54px; }

a { color: #5f7dd0; text-decoration: none; }
a:hover { text-decoration: underline; }
p {  }

#top-nav { margin: 0 auto; text-align: center; width: 916px; height: 43px; background: url("../images/bg-top-nav.png") top left no-repeat; }
#top-nav ul { margin: 0 auto; margin-left: 27px; }
#top-nav ul.left { float: left; }
#top-nav ul.right { float: right; margin-right: 32px; }
#top-nav ul li { position: relative; float: left; margin: 0 auto; text-align: center; list-style-type: none; vertical-align: middle; padding-top: 10px; padding-right: 4px; padding-left: 4px; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 12px; color: #cecece; }
#top-nav a { color: #fff; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 12px; text-decoration: none; text-transform: uppercase; display: block; }
#top-nav a.active { color: #2a5f54; }
#top-nav a:hover { color: #2a5f54; }

#header { margin: 0 auto; text-align: left; width: 916px; height: 116px; background: url("../images/bg-header.png") top left no-repeat; }
#header .logo { padding-left: 12px; padding-top: 8px; float: left; }
#tracking { float: right; color: #ff9968; font-size: 14px; font-family: 'Maven Pro', sans-serif; font-weight: 500; padding-top: 10px; padding-right: 28px; }
#tracking .black { text-align: right; color: #000; font-weight: 900; font-size: 14px; }
#tracking .oj { text-align: right; color: #ff9968; font-weight: 900; font-size: 24px; }

#header-home { margin: 0 auto; text-align: left; width: 916px; height: 300px; background: url("../images/bg-header-home.png") top left no-repeat; }

#nav { margin: 0 auto; text-align: center; width: 916px; height: 66px; background: url("../images/bg-nav.png") top left no-repeat; }
#nav ul { margin: 0 auto; }
#nav ul li { position: relative; float: left; margin: 0 auto; text-align: center; list-style-type: none; height: 50px; vertical-align: middle; margin-top: 16px; margin-left: 23px; }
#nav a { color: #fff; font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 17px; text-decoration: none; text-transform: uppercase; display: block; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 8px; }
#nav a.active { color: #70bfad; }
#nav a:hover { color: #70bfad; }

#contact-form { display: none; margin: 0 auto; position: absolute; top: 35px; width: 270px; background: #eee; z-index: 10000; border: 1px #9a9a9a solid; border-top: none; padding-bottom: 10px; }
#contact-form label { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#contact-form textarea, option, select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#contact-form input[type=text] { width: 100px; height: 15px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#contact-form input[type=password] { width: 100px; height: 15px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#contact-form input[type=submit] { font-size: 10px; }

#footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-left: 45px; padding-bottom: 25px; color: #000; clear: both; margin: 0 auto; text-align: left; width: 916px; clear: both; }
#footer ul { margin: 0 auto; padding-left: 8px; }
#footer ul li { position: relative; float: left; margin: 0 auto; text-align: left; list-style-type: none; }
#footer a { color: #4f9787; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; text-transform: uppercase; display: block; padding-top: 8px; padding-bottom: 8px; padding-right: 12px; }
#footer a:hover { color: #70bfad; }
#footer p { clear: both; padding-left: 8px; }

#content { clear: both; width: 916px; margin: 0 auto; padding-top: 0px; text-align: center; min-height: 743px; }
#content-left { width: 665px; min-height: 743px; margin: 0 auto; text-align: left; float: left; background: url("../images/bg-content-left.png") top left no-repeat; }
#content-left p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 60px 0px 290px; line-height: 16px; }

#content-inner { clear: both; width: 916px; margin: 0 auto; padding-top: 0px; text-align: center;}

#content-mydoss-top { width: 916px; height: 20px; background: url("../images/bg-mydoss-top.png") top left no-repeat; }
#content-mydoss-bot { width: 916px; height: 20px; background: url("../images/bg-mydoss-bot.png") top left no-repeat; }
#content-mydoss { width: 916px; margin: 0 auto; text-align: left; background: url("../images/bg-mydoss.png") top left repeat-y; }
#content-mydoss p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 18px 0px 290px; line-height: 16px; }

#content-left-wrapper { float: left; }
#content-left-inner-top { width: 665px; height: 20px; background: url("../images/bg-left-inner-top.png") top left no-repeat; }
#content-left-inner-bot { width: 665px; height: 20px; background: url("../images/bg-left-inner-bot.png") top left no-repeat; }
#content-left-inner { width: 665px; margin: 0 auto; text-align: left; background: url("../images/bg-left-inner.png") top left repeat-y; }
#content-left-inner p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 28px 0px 28px; line-height: 16px; }
#content-left-inner ul { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 28px 0px 28px; line-height: 16px; list-style-type: square; }
#content-left-inner li { margin-left: 28px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; }
#content-left-inner li.rightCol { margin-left: 320px; }

#content-right-wrapper { float: left; }
#content-right-inner-top { width: 251px; height: 20px; background: url("../images/bg-right-inner-top.png") top left no-repeat; }
#content-right-inner-bot { width: 251px; height: 20px; background: url("../images/bg-right-inner-bot.png") top left no-repeat; }
#content-right-inner { width: 251px; margin: 0 auto; text-align: left; background: url("../images/bg-right-inner.png") top left repeat-y; }
#content-right-inner p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 28px 0px 28px; line-height: 16px; }

#content-right { width: 251px; min-height: 743px; margin: 0 auto; text-align: left; float: left; background: url("../images/bg-content-right.png") top left no-repeat; }
#content-right p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 28px 0px 28px; line-height: 16px; }

#twitFeed { clear: both; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 12px 28px 0px 28px; line-height: 16px; }
#twitFeed li { padding-bottom: 10px; }

.bold { font-weight: bold; }
.bold-big { font-weight: bold; font-size: 16px; }
.small { font-size: 10px; }
.clear { clear: both; }
.clear-bump { clear: both; padding-top: 20px; }
.terminal { float: right; }
.twitter-btn { float: right; margin-top: 54px; margin-right: 28px; }

label { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input[type=text] { width: 100px; height: 15px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input[type=password] { width: 100px; height: 15px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input[type=submit] {  }

#rotator { clear: both; width: 916px; height: 191px; margin: 0 auto; padding-top: 0px; text-align: center; background: url("../images/bg-rotator2.png") top left no-repeat; }
#rotator p { color: #000; text-align: right; font-family: 'Maven Pro', sans-serif; font-weight: 700; padding: 20px; padding-top: 50px; }
#controls { width: 245px; height: 175px; margin-top: 8px; margin-left: 8px; float: left; }
#controls a { text-align: left; font-family: 'Maven Pro', sans-serif; font-weight: 700; }
#controls a:hover { text-decoration: none; color: #fff; }
#controls a.active { color: #fff; }
.control-top { width: 245px; height: 35px; background: url("../images/rotator/controls/btn-top.png") top left no-repeat; padding-left: 20px; line-height: 32px; }
.control-mid { width: 245px; height: 35px; background: url("../images/rotator/controls/btn-mid.jpg") top left no-repeat; padding-left: 20px; line-height: 32px; }
.control-bot { width: 245px; height: 35px; background: url("../images/rotator/controls/btn-bot.png") top left no-repeat; padding-left: 20px; line-height: 32px; }
#slides { height: 175px; margin-top: 8px; margin-right: 8px; float: right; }
.twitter-timeline { height: 650px; }

/* IE9 Fixes */
:root h2.news { margin-top: -28px\0/IE9; }
.twitter-btn { margin-top: 28px\0/IE9; }

/* IE8 Fixes */
@media \0screen {
	#nav a { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 17px; text-decoration: none; text-transform: uppercase; display: block; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 8px; }
	
	h2 { font-family:Arial, Helvetica, sans-serif; color: #4f9787; font-size: 22px; text-transform: uppercase; padding: 28px 28px 0px 28px; }
	h3 { font-family:Arial, Helvetica, sans-serif; color: #ff9968; font-size: 16px; text-transform: uppercase;  padding: 0px 28px 0px 28px; }

	h2.inner { font-family:Arial, Helvetica, sans-serif; color: #4f9787; font-size: 22px; line-height: 30px; text-transform: uppercase; padding: 0px 0px 0px 28px; }
	
	.clear-bump { clear: both; margin-top: -10px; }
	
	h2.news { margin-top: -28px; }
	.twitter-btn { margin-top: 28px; }
}

/* IE7 Fixes */
*+html #nav a { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 17px; text-decoration: none; text-transform: uppercase; display: block; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 8px; }

*+html h2 { font-family:Arial, Helvetica, sans-serif; color: #4f9787; font-size: 22px; text-transform: uppercase; padding: 28px 28px 0px 28px; }
*+html h3 { font-family:Arial, Helvetica, sans-serif; color: #ff9968; font-size: 16px; text-transform: uppercase;  padding: 0px 28px 0px 28px; }

*+html h2.inner { font-family:Arial, Helvetica, sans-serif; color: #4f9787; font-size: 22px; line-height: 30px; text-transform: uppercase; padding: 0px 0px 0px 28px; }

*+html .clear-bump { clear: both; margin-top: -10px; }

*+html h2.news { margin-top: -28px; }
*+html .twitter-btn { margin-top: 28px; }

*+html #content-left-inner { float: left; }
*+html #content-right-inner { float: left; }
.three-column { width: 45%; margin: 0 1.5% 10px 1.5%; float: left; display: inline; }
.three-column:nth-of-type(2n+3) { clear: left; }
#content-mydoss { overflow: hidden; }
.three-column-title { padding: 0; margin-bottom: 15px; }