/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 10px; line-height: 18px; background: url(../images/bg.png) repeat-y center #2D60C0; font-family: Tahoma, Geneva, sans-serif}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;} 

a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

/**
 * Layout
 */
#main-container {width: 980px; margin: 0px auto; padding: 0 0 20px 0;}

#header {width: 980px; height: 134px; border-bottom: #003366 2px solid; border-top: #003366 2px solid; margin-top: 10px; background: url(../images/header.png) repeat-y center; line-height:1; position: relative}
#logo {width: 202px; height: 114px; margin-top: 20px; margin-left: 38px; float: left;}
#title {width: 495px; font-size: 1.8em; line-height: 1.1em; color: #666666; position: absolute; left: 250px; top: 50px;}
#contact{width: 188px; position: absolute; right: 40px; bottom: 40px; text-align: right; font-size: 1.2em; }
#contact a{color: #000;}

#header .social {margin: 0; padding: 0; list-style-type: none; position: absolute; bottom: 12px; right: 40px;}
#header .social li {float: left; padding: 0 0 0 5px;}
#header .social li a {float: left; display: block; width: 24px; height: 24px; font-size: 1px; line-height: 1px; text-indent: -10000px; text-decoration: none; background: url(../images/social-icons.png) no-repeat;  outline: 0;}
#header .social li.twitter a {background-position: 0 -24px;}
#header .social li.linkedin a {background-position: 0 -48px;}

#nav-container {width: 900px; margin-left: 40px; height: 35px;}
#nav-container ul {padding: 0px; margin: 0px;}
#nav-container li {width: 80px; float: left; list-style: none; text-align: center; text-transform: uppercase; background: url(../images/nav.png) no-repeat; height: 35px; color: #FFF; font-weight: bold; line-height: 1.0; padding-left: 10px; padding-right: 10px;}
#nav-container li a { color:#FFFFFF; text-decoration: none}
#nav-container #current a {color:#69c70b;}
#nav-container a:hover {color:#69c70b;}

#nav-container .nav-one-line {padding-top: 7px;}
#nav-container .nav-two-line {padding-top: 2px;}

#content {width: 905px; padding-left: 40px; padding-top: 20px; color: #FFF; font-size: 1.2em; }

#content a {color: #ccc; text-decoration: underline;}
#content a:hover {color: #fff;}

body.front #content {padding-top: 0;}

#footer {padding: 40px 0 0 40px; font-size: 1.1em; color: #fff;}

h1 {font-size: 2.5em; color: #7adc18; font-weight: normal; margin: 0 0 10px 0; line-height: normal;}
h2 {margin: 0; font-size: 1.167em; color: #7adc18; font-weight: bold; line-height: normal;}
h3 {font-size: 1em; color:#FFF; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; line-height: normal;}

.quote {color: #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.167em; padding-bottom: 5px; margin-bottom: 5px;}
.author {font-family: Georgia, "Times New Roman", Times, serif; font-size: .92em; padding-top: 0px; margin: 0 0 20px 0;}

#home-content {width: 640px; padding-top: 20px; float: left;}
#home-left-container {float: left; width: 650px;}
#home-top {width: 650px; float: left; height: 238px; padding-top: 20px;}
#home-top ul {margin: 0; padding: 0; list-style-type: none; position: relative;}
#home-top ul li {position: absolute; top: 0; left: 0;}
#home-top .text {padding-right: 10px; width: 210px; float:left; height: 188px; color: #6699ff; font-weight: bold; line-height: 14px; text-transform: uppercase; text-align: right; padding-top: 50px}
#home-top .image {width: 420px; float: left; height: 238px;}
#home-top .slide-1 .text {padding-top: 56px;}
#home-top .slide-2 .text {padding-top: 77px;}
#home-top .slide-3 .text {padding-top: 70px;}
#home-top .slide-4 .text {padding-top: 77px;}
#home-top .slide-5 .text {padding-top: 77px;}
#home-sidebar {width: 250px; height: 675px; float: right; background: url(../images/home-sidebar.png) no-repeat; margin-top: 20px;}
#home-sidebar-top {text-align: center; font-size: 1.83em; padding-bottom: 10px; line-height: 1.1}
#home-sidebar-bridges {color: #000; font-size: 1.17em; padding-left: 20px; padding-right: 20px; line-height: 1}
#home-sidebar-bridges strong {color: #FFF;}


#clients-col-cont{ width: 900px; float: left; }
.clients-col {width: 430px; padding-right: 20px; float: left; }
.clients-col ul{margin: 0 0 20px 0; padding: 0px;}
.clients-col li{list-style: none; margin: 0px;}
.clients-col a{text-decoration: underline; color: inherit;}
.clients-col h2{ margin-bottom: 0; padding-bottom: 0; line-height:1}

#contact-cont {width: 900px; float: left;}
#contact-content {width: 537px; float: left;}
#contact-sidebar {width: 273px; height:404px; float: left; background: url(../images/contact-sidebar.png) no-repeat; padding-left: 50px; padding-right:40px; padding-top: 30px; color: #000; font-size: 1.08em}

#newsworthy-cont{width: 900px; float: left;}
#newsworthy-content{width: 490px; padding-right: 10px; float: left; }
#newsworthy-sidebar{width: 400px; float: left; text-align: right;}

#about-top-cont {width: 900px; float: left; margin-bottom: 20px;}
#about-top-caption {width: 195px; float: left; color: #6699ff; font-weight: bold; padding-right: 5px; text-align: right; text-transform: uppercase; padding-top: 100px;}
#about-top-img {width: 361px; float: left;}
#about-top-text {width: 269px; float: left; background: url(../images/about-top-bg.png) no-repeat; height: 233px;  padding-top: 15px; font-size: 1.08em; color: #000; padding-left: 35px; padding-right: 35px;}
#about-top-text h1 { font-size: 1.8em; color: #FFF; line-height: normal; text-align: center; margin: 0 0 5px 0;}

p {margin-bottom: 10px;}

/**
 * Splash page
 */
body.splash {background-image: none;}

body.splash #contact {display: none;}

#splash {height: 755px; background: url(../images/bg-splash.jpg) no-repeat; position: relative; font-size: 22px; color: #fff; line-height: normal; text-align: center;}
#splash ul {position: absolute; top: 132px; left: 0; margin: 0; padding: 0; list-style-type: none; width: 980px;}
#splash ul li {position: absolute; top: 0; left: 0; width: 100%;}
#splash img {display: block; margin: 0 auto 15px auto; width: 512px;}



/**
 * Miscellaneous
 */
 
/**
 * Forms
 */
form.form {width: 100%;}

form.contact .row {padding: 0px 0px 5px 0px;}
form.contact .label {margin: 0 0 2px 0;}
form.contact input[type="text"],
form.contact textarea {width: 300px;}

input[type="text"],
textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding: 5px;}
input[type="submit"] {cursor: pointer;} /* Use -webkit-appearance: none; border-radius: 0; to remove iOS styling */