﻿body {background: url(/static/images/corporate/body-background.gif) repeat; font-family: Verdana; color: #424242; font-size: 14px}

/** Main structure **/
#container {width: 900px; margin: 0 auto; padding: 30px 30px 10px 30px; background: #FFF; -moz-box-shadow: 0 0 20px #bbb; -webkit-box-shadow: 0 0 20px #bbb; box-shadow: 0 0 20px #bbb}

/** Typographhy **/
h1 {margin: 0}
p {margin-bottom: 20px; font-size: 12px; line-height: 18px}
p a { color:#e43e2c; text-decoration:none; }
p a:hover { text-decoration:underline; }
.lrg { font-size:14px; }

/** Header **/
#header {padding-bottom: 30px; height: 50px}
#header img {padding: 0; margin: 0}
#header #logo {float: left}
#header #old-names {float: right}

/** Sidebar **/
#sidebar {float: left; width: 300px; border-right: 1px solid #E8E8E8}
#sidebar span.contact-us {color: #424242; font-size: 12px}
#sidebar span.contact-number {color: #E04332; font-weight: bold; display: block; font-size: 14px}

/** Navigation **/
ul#navigation {padding-left: 0; margin: 0 20px 20px 0}
ul#navigation li {border-bottom: 1px solid #E8E8E8; display: block; margin: 0; padding: 0}
ul#navigation li a {display: block; height: 30px; line-height: 30px; padding-left: 10px; color: #909090; text-decoration: none}
ul#navigation li a:hover {color: #424242}
ul#navigation li.current a {background: url(/static/images/corporate/menu-background-hover.png) no-repeat; color: #FFF}

/** Main content **/
#main-content {float: left; margin-left: 20px; width: 570px; margin-bottom: 30px}

/** Footer **/
#footer {border-top: 1px solid #201B51; padding-top: 20px; margin-top: 20px; }
#footer p { font-size:10px; color:#959595; }
#footer p a { color:#959595; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }

/** Lists **/
ul {padding-bottom: 20px}
ul li {list-style-image: url(/static/images/corporate/bullet.png); margin: 0 0 20px 20px; padding-left: 10px}

/** Form **/
form {font-size: 12px}
form div {clear: both}
form h3 {clear: both; margin-bottom: 10px; color: #4F4F4F}
form input {border: 1px solid #E9E9E9}
form input:focus, form textarea:focus {border-color: #201B51}
form .column-one {clear: none; width: 270px; float: left; margin-right: 20px}
form .column-two {clear: none; width: 280px; float: left}
form .column-two label {width: 100px; display: block; float: left; font-size: 12px; line-height: 30px}
form .column-two input {width: 168px; display: block; float: left; padding: 5px; margin-bottom: 10px}
form input.radio {}
form input.checkbox {display: block; float: left; margin-right: 15px; width: 14px; height: 14px}
form label.checkbox-label {display: block; float: left; width: 230px; margin-bottom: 10px; padding-top: 5px}
form textarea {display: block; width: 250px; height: 110px; border: 1px solid #E9E9E9; padding: 5px}
form #submit-button {border: 0 none; float: right; width: 114px}
form input.error, form textarea.error {border-color: #E04332}
form .part-1 {margin-bottom: 10px}

#validation-errors {color: #E04332}

/** Misc **/
.clear {clear: both; height: 0}
img.left {float: left}
img.right {float: right}

img.button { margin-left:100px; }

/** Homepage **/
#homepage .column-one, #homepage .column-two {width: 440px; float: left; margin-top: 20px}
#homepage .column-one {margin-right: 20px}
#homepage .call-to-action img {float: left}
#homepage .call-to-action {background: url(/static/images/corporate/home-box-background.png) no-repeat; float: left; width: 290px; height: 155px; margin-right: 15px; color: #FFF}
#homepage .call-to-action a {text-decoration: none; color: #FFF; font-weight: bold}
#homepage #homepage-box {margin-right: 0}
#homepage #homepage-box ul {margin-top: 15px}
#homepage #homepage-box ul li {margin-bottom: 15px; list-style-image: url(/static/images/corporate/home-bullet.png); margin-left: 30px; padding-left: 5px}
