/*** GENERAL STYLES ***/

body {background: #fff; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "Century Gothic", arial, helvetica, sans-serif; font-size: 14px; color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 20px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #555;}
a:hover {color: #f8991c;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 12px;}
.orange {color: #f8991c;}
.red {color: #ff0000;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 40px 30px 0;}
.imgright {float: right; margin: 0 0 30px 40px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left;}
#top {position: relative; height: 100px;}
#logo {position: absolute; left: 0; top: 0; width: 350px; height: 80px; text-align: center; color: #beb932; text-transform: uppercase; text-decoration: none; font-size: 16px; letter-spacing: 3px;}
#logo strong {display: block; padding-top: 30px; font-size: 26px; color: #438bca; line-height: 28px; letter-spacing: 0;}
#logo .ir {background: url(../images/ctg_logo_tilt_llc_350x81_72dpi.png) no-repeat;}
#top h2 {position: absolute; right: 10px; bottom: 15px; color: #f8991c; font-size: 17px; font-style: italic; font-weight: normal;}

#nav {background: #fff; height: 30px; line-height: 30px; font-size: 17px; margin-bottom: 4px;}
#nav li {float: left;}
#nav a {display: block; width: 10px; white-space: nowrap; padding: 0 15px; color: #000; text-decoration: none;}
	html>body #nav a {width: auto;}
#nav a:hover {background: #fff; color: #0099CC}
#nav li.on a {background: #fff; color: #0099CC}

#homehero {float: right; margin-bottom: 30px;}
#homehero img {width: 600px; height: 350px; border-radius: 10px; -moz-border-radius: 10px}
#homemessage {float: left; width: 326px; height: 315px; padding: 35px 30px 0; background: #fff; color: #dcebf8; margin-bottom: 30px;}
#homemessage h2 {color: #fff; font-size: 20px; font-weight: normal; line-height: 22px; margin-bottom: 20px;}
#homebutton {float: left; position: relative; left: -4px; width: 186px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; background: url(../images/homebutton.gif); overflow: hidden;}
.homemodule {float: left; width: 260px; padding: 0 30px;}
#main .homemodule h2 {font-size: 19px; line-height: 22px; color: #438bca; font-weight: normal; margin-bottom: 20px;}
.homemodule h2 a {color: #438bca; text-decoration: none;}
.homemodule h2 a:hover {text-decoration: underline;}
.homemodule .imgleft {margin: 0 15px 10px 0;}
.homemodule .imgright {margin: 0 0 10px 15px;}
#main .homemodule ul li {padding-left: 10px; background-position: 0 6px; margin-bottom: 1em;}

#main {clear: both; padding: 50px;}
	body.home #main {padding: 0; margin: 0 0 30px 0; background: url(../images/main.gif) 330px 0 repeat-y; overflow: hidden;}
#main h1 {font-size: 23px; line-height: 26px; color: #438bca; font-weight: normal; margin-bottom: 20px;}
#main h2 {font-size: 16px; color: #f8991c;}
#main ul {margin: 0 0 1.5em 0;}
#main ul li {padding-left: 35px; background: url(../images/bullet.gif) 25px 6px no-repeat; margin-bottom: 4px;}

form {margin: 0 0 1.5em 0;}
form div {clear: both; padding-top: 4px;}
form label {position: relative; float: left; width: 80px; padding-right: 20px; text-align: right;}
form .req {position: absolute; right: 5px; font-size: 26px; line-height: 30px; color: #f8991c;}
form input, form textarea {width: 250px;}
form textarea {height: 100px;}
#contactsubmit {width: auto; border: 0; background: #545454; color: #fff; font-size: 18px; margin-left: 100px; cursor: pointer; text-transform: lowercase; border: solid #888; border-width: 0 2px 2px 0;}
#contactsubmit:hover {background: #ffd700;}

#footer {clear: both; background: #0099CC; height: 30px; line-height: 30px; font-size: 12px; color: #fff; padding: 0 15px; border-radius: 10px 10px 0px 0px;}
#footer ul {float: right;}
#footer li {float: left; padding-left: 10px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {margin: 0;}