/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #655d58 url(../images/bg.gif) repeat-x;}

body {font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 18px; color: #fff;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 10px 0;}

ul {margin-bottom: 10px;}

:focus {outline: 0;}

a {color: #fff;}
a:hover {color: #000;}

h1 {margin: 0 0 20px -10px;}
h2 {margin: 0 0 20px -10px;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

p.icon {background: no-repeat 0 2px; padding-left: 30px;}
p.iconPhone {background-image: url(../images/icons/phone-trans.png);}
p.iconMail {background-image: url(../images/icons/mail-trans.png);}
p.iconHome {background-image: url(../images/icons/home-trans.png);}
p.iconFax {background-image: url(../images/icons/fax-trans.png);}
p.iconPerson {background-image: url(../images/icons/person-trans.png);}

.accent {color: #fca049;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {width: 1160px; margin: auto;}

#page {width: 1088px; height: 720px; padding: 36px; background: url(../images/bg-page.png) no-repeat; z-index: 1; position: relative;}
#page > div {position: relative; height: 100%; background: url(../images/graphics/home.jpg) no-repeat;}

#logo {position: absolute; top: 521px; left: 568px;}

#banner {position: relative; top: 15px; height: 60px; background: url(../images/bg-banner.png) no-repeat; z-index: 10;}
#banner .previous,
#banner .next {position: absolute; top: 20px; display: block; padding: 5px; z-index: 100;}
#banner .previous {left: 70px;}
#banner .next {right: 70px;}
#banner > div {position: absolute; top: -15px; left: 102px; width: 884px; overflow: hidden;}
#carousel {position: relative; width: 10000px; left: -295px; z-index: 1000;}
#banner .feature {float: left; width: 295px; background: url(../images/separator.gif) no-repeat right 15px; color: #fff1d8;}
#banner .feature > div {width: 294px; height: 100%; position: relative;}
#banner .wrapper {position: absolute; top: 0; left: 0; width: 294px; height: 100%; background: url(../images/spacer.gif);}
#banner .feature .active {background: #3c332e;}
#banner .feature .header {padding-top: 15px;}
/*
#banner .feature .logo {float: left; width: 140px; padding-top: 15px;}
#banner .feature .tag {float: left; width: 154px; padding-top: 15px; text-align: center; font-family: Georgia, "Times New Roman", Serif; font-size: 20px; line-height: 60px;}
*/
#banner .feature .content {padding: 20px 30px 40px 40px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 18px; background: #3c332e;}

#content {float: left; width: 475px; padding: 50px 0 0 102px;}
#content #copy {margin-left: -30px;}

#sidebar {padding: 255px 0 0 50px; float: left; width: 359px;}

#nav {position: absolute; top: 613px; left: 100px;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; display: block; padding: 0 20px 0 10px; background: url(../images/nav/separator.gif) no-repeat right 2px;}
#nav ul li img {position: relative;}
#nav ul li.last {background: none;}

#copy {width: 475px; height: 330px; position: relative;}
#copy .scrollUp {position: absolute; top: 0; left: 0;}
#copy .scrollDown {position: absolute; bottom: 0; left: 0;}
#copy > .content {height: 330px; overflow: hidden; padding: 0 0 0 30px;}

/**
 * Layout Variations
 */
body.home #content {padding: 95px 0 0 580px; font-size: 15px;}
body.home #content p {margin-bottom: 15px;}
body.home #content h1 {margin-left: -50px;}

body.rocketSurgery #page > div {background-image: url(../images/graphics/rocket-surgery.jpg);}
body.rocketSurgery #copy,
body.rocketSurgery #copy .content {height: 386px;}

body.legend #page > div {background-image: url(../images/graphics/legend.jpg);}
body.legend #content {padding-left: 580px;}
body.legend #copy,
body.legend #copy .content {height: 260px;}
body.legend #page > div {background-image: url(../images/graphics/legend.jpg);}

body.activate .box {margin-top: 30px;}
body.activate .box a {color: #fff; text-decoration: none;}
body.activate .box a:hover {color: #000;}
body.activate .box p {margin-bottom: 20px;}
body.activate .box .content {line-height: 18px;}
body.activate #copy,
body.activate #copy > .content {height: auto;}

body.ralliers #page > div {background-image: url(../images/graphics/ralliers.jpg);}
body.ralliers .box a {color: yellow;}
body.ralliers .box a:hover {color: #000;}

body.headlines #page > div {background-image: url(../images/graphics/headlines.jpg);}

body.activate .box .content a {position: relative;}
body.activate #page > div {background-image: url(../images/graphics/activate.jpg);}
body.activate .iconPerson a {color: #fca049; text-decoration: underline;}
body.activate .iconPerson a:hover {color: #000;}

/**
 * Boxes
 */
div.box .header,
div.box .footer {width: 100%; height: 5px; font-size: 1px; line-height: 1px; background: url(../images/bg-box-header-trans.png) no-repeat;}
div.box .footer {background-image: url(../images/bg-box-footer-trans.png);}
div.box .content {padding: 15px 20px 15px 25px; line-height: 24px; background: url(../images/bg-box-trans.png) no-repeat;}
div.box a {color: #fa8519;}
div.box a:hover {color: #000;}

div.boxWide .header {background-image: url(../images/bg-box-wide-header-trans.png);}
div.boxWide .footer {background-image: url(../images/bg-box-wide-footer-trans.png);}
div.boxWide .content {background-image: url(../images/bg-box-wide-trans.png);}