/* CSS Document */

body {font: 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #3F3F3F;}
h1 {font: normal 24px/30px "Century Gothic", Arial, Helvetica, sans-serif; color: #3F3F3F; padding-bottom: 10px}
h3 {font: normal 13px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #007BC2; padding-bottom: 5px}
p {padding: 0 0 10px 0; margin: 0}

/*  DIV styles  */
#banner {background: url(../images/new/bkgd_b.gif) repeat #007BC2; height: 225px; width: 100%; z-index: 1}
#container {width: 820px; position: absolute; top: 235px; left: 18%; z-index: 3}

/* text | paragraphs */
#text, #textclients {width: 510px; position: absolute; left: 240px; top: 60px}
#col1 {width: 240px; float: left; padding-right: 20px}
#col2 {width: 240px; float: left}
#text a:link, #textclients a:link {color: #C21A00; text-decoration: none}
#text a:hover, #textclients a:hover {color: #007BC2; text-decoration: underline}
#text a:visited, #textclients a:visited {color: #AAAAAA}
#text ul, #textclients ul {padding: 0 0 10px 0; margin: 0}
#text li {padding: 3px 0 3px 12px; background: #FFF url(../images/new/bullet.gif) 0 4px no-repeat}
#textclients li {padding: 0 0 0 12px; background: #FFF url(../images/new/bullet.gif) 0 4px no-repeat}
#casestudy {margin-top: 10px; border-top: 1px dotted #AAAAAA; border-bottom: 1px dotted #AAAAAA}
#casestudy h3 {color: #3F3F3F; padding-top: 10px}
.bluecentury {font: normal 13px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #007BC2}
.century {font: normal 13px/16px "Century Gothic", Arial, Helvetica, sans-serif;}

/* contact details */
#footer {width: 490px; height: 20px; border-top: 1px solid #AAAAAA; clear: both; margin-top: 0}
#footer p {font: 11px/ 15px "Century Gothic", Arial, Helvetica, sans-serif; color: #AAAAAA;}
#logo {position: absolute; z-index: 5; top: 95px; left: 50px; width: 250px}
#footer a:link {color: #AAAAAA}
#footer a:hover {color: #007BC2}

/* left nav | secondary menu */
#leftnav {position: absolute; top: 60px; left: 0px; width: 220px; text-align: right}
#leftnav h2 {font: normal 24px/30px "Century Gothic", Arial, Helvetica, sans-serif; color: #AAAAAA; padding-bottom: 10px}
#leftnav ul {margin-top: 5px; width: 220px}
#leftnav li {font: 10px/13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: .5em 0 .5em 0}
#leftnav li a {color: #AAAAAA; padding: 1px 0 1px 15px; text-decoration: none; background: url(../images/new/arrowGrey.gif) no-repeat 0 3px}
#leftnav li a:hover {color: #C21A00; background: url(../images/new/arrowGrey.gif) no-repeat left center}
#leftnav li a.active {font-weight: bold; color: #C21A00; background: url(../images/new/arrowGrey.gif) no-repeat left center}
a.3bmlink:link {color: #CCCCCC; text-decoration: none; text-transform: uppercase}
a.3bmlink:hover {color: #007BC2}
a.3bmlink:visited {color: #CCCCCC}

/* client quote */
#quote {position: absolute; top: 15px; right: 15px; width: 475px}
#quote h3 {font: normal 16px/18px "Century Gothic", Arial, Helvetica, sans-serif; color: #FFF; text-align: right}
#quote p {font: 9px/12px "Century Gothic", Arial, Helvetica, sans-serif; color: #FFF; text-align: right}

/* main menu */
#menubkgd {width: 100%; height: 28px; background-color: #9C9C9C}
#mainmenu {width: 100%; height: 28px;}
#mainmenu ul {margin-left: 240px}
#mainmenu li {display: inline; list-style: none; text-transform: uppercase; font: 10px/10px "Century Gothic", Arial, Helvetica, sans-serif; margin: 0 10px 0 0;}
#mainmenu a {color: #FFF; background-color: #9C9C9C; /*height: 28px*/}
#mainmenu a:hover {color: #C21A00; text-decoration: none; border-bottom: 3px solid #C21A00}
.selected {color: #C21A00}

/*  forms  */
form {padding-left: 0; margin-left: 0}
form input {font-size: 10px; border: 1px solid #979A9B; background-color: #FFF; color: #222729; height: 16px; width: 180px}
form textarea {font-size: 10px; border: 1px solid #979A9B; background-color: #FFF; color: #222729; width: 180px}
form .button {color: #FFFFFF; background-color: #525759; font-size: 9px; border: 1px solid #222729; cursor: pointer; width: 75px}
form td p {padding-top: 0; padding-bottom: 5px}

/* home link */
#home {position: absolute; top: 0; left: 5px; font-size: 10px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; width: 75px; color: #FFFFFF}
#home a:link {color: #FFFFFF; text-decoration: none;}
#home a:hover {text-decoration: underline}
#home a:visited {color: #FFFFFF}

.bold {font-weight: bold}
#spacer {font-size: 8px; line-height: 8px}