a {color: #066B72; text-decoration: none}
a:hover {color: #52A45E}

a img {border: 0}

body {margin: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #0A1818}

.clear {clear: both}

#header, #nav, #promo, #content, #footer {clear: both}
.wrap {width: 1000px; margin: 0 auto}

#header {background-image: url(../images/back_header.gif)}
#header .wrap {height: 138px; background-image: url(../images/header.gif)}
#header h3, #header h4 {float: right; margin: 0 20px 0 0; line-height: 1em}
#header h3 {font-size: 40px; font-weight: bold; letter-spacing: -1px; margin-top: 40px; color: #FFFFFF}
#header h4 {font-size: 22px; font-weight: normal; letter-spacing: -1px; clear: right; color: #74A37B}
#header #logo {float: left; width: 450px; height: 80px; margin: 25px 0 0 10px}

#nav {background-image: url(../images/back_nav.gif); height: 50px}
#nav ul {margin: 0; padding: 0 0 0 15px; list-style: none}
#nav ul li {display: block; float: left}
#nav ul li a {display: block; float: left; padding: 14px 20px; color: #FFFFFF; font-size: 18px; background-image: url(../images/back_nav_off.gif); background-position: right}
#nav ul li a:hover {background-image: url(../images/back_nav_on.gif); color: #0B1B1A}
#nav li {position: relative}
#nav li ul {display: none; position: absolute; top: 50px; left: 0px; background: #BCEEC3; padding: 0; width: 200px}
#nav li li {padding: 0}
#nav li li a {background: none !important; color: #0b1b1a; font-size: 12px; padding: 5px 10px; width: 180px}
#nav li li a:hover {background: #D6F4DA !important}
#nav li:hover a {background-image: url(../images/back_nav_on.gif); color: #0b1b1a}
#nav li:hover ul {display: block}


#promo {background-color: #FFFFFF}
#promo .wrap {background-image: url(../images/carousel.jpg)}

#content {background-image: url(../images/back_content.gif); background-repeat: repeat-x}

#main {width: 615px; padding: 30px; float: left}
#main h1 {font-size: 30px; font-weight: normal; margin: 0; letter-spacing: -1px; line-height: 1em}
#main h1 a {color: #102625; font-weight: normal}
#main h1 a:hover {background-color: #FFFFC0; color: #102625}
#main a {font-weight: bold}

#sidebar {width: 315px; padding: 5px; float: left; background-color: #FFFFFF}
#sidebar .block {border: 1px solid #CBD7CD; padding: 15px; margin-bottom: 5px; font-size: 12px; position: relative}
#sidebar .block h2 {font-size: 14px; font-weight: normal; margin: 0; background-color: #3a87ce; background-image: url(../images/back_nav.gif); background-position: 0 -5px; padding: 10px; margin: -10px -10px 0 -10px; position: relative}
#sidebar .block h2 a {color: #FFFFFF}
#sidebar .block h2 a:hover {background-color: #2B5B87; color: #FFFFFF}
#sidebar .block ul {margin: 0; padding: 0; list-style: none}

#blog .posttitle {font-weight: bold}

#network ul {padding-top: 10px !important}
#network li {padding: 3px 0 3px 16px; background-repeat: no-repeat; background-position: 0 5px}
li.rss {background-image: url(../images/icon_rss.gif)}
li.facebook {background-image: url(../images/icon_facebook.gif)}
li.linkedin {background-image: url(../images/icon_linkedin.gif)}
li.twitter {background-image: url(../images/icon_twitter.gif)}
li.myspace {background-image: url(../images/icon_myspace.gif)}
li.arrow {background-image: url(../images/icon_arrow.gif); background-position: 0 4px}

.actions {display: block; margin: 20px -10px -10px -10px !important; padding: 3px 5px 3px 15px !important; list-style: none; background-color: #EDF6EC; height: 20px}
.actions li {padding: 3px 20px 3px 16px; background-repeat: no-repeat; background-position: 0 5px; display: block; float: left}

#webmaster {background-color: #091616; background-image: url(../images/webmaster.gif); background-repeat: no-repeat; padding-top: 20px; color: #E4F2E3}
#webmaster #webmasterlogo {width: 275px; height: 40px}
#webmaster p {color: #E4F2E3; margin: 0}
#webmaster ul.features {margin: 0; padding: 10px 0 0 10px !important}
#webmaster ul.features li {padding: 3px 0}
#webmaster ul.features li a {color: #E4F2E3}
#webmaster ul.features li a:hover {color: #FFFFFF; font-weight: bold}

#footer {background-color: #235453; background-image: url(../images/back_footer.gif); background-repeat: repeat-x}
#footer ul {margin: 0; padding: 20px 0 20px 30px; list-style: none}
#footer ul li {display: inline; margin-right: 10px}
#footer p {margin: 0; padding: 0 0 100px 30px; font-size: 12px; color: #066B72}
#footer p span {margin: 0 5px}

ul.portfolio {margin: 0; padding: 0; list-style: none}
ul.portfolio li {width: 163px; display: block; float: left; margin: 0 20px 20px 0}
ul.portfolio li a img {padding: 5px; background-color: #FFFFFF; border: 1px solid #CBD7CD; border-right: 2px solid #CBD7CD; border-bottom: 2px solid #CBD7CD; margin: 0}
ul.portfolio li a:hover img {background-color: #FFFFC0}
ul.portfolio li h4 {display: block; margin: 0; background-color: #235453; color: #FFFFFF; font-weight: bold; font-size: 14px; padding: 5px}

ul.portfolio .actions {margin: 0 !important; font-size: 12px; padding-left: 5px !important; border-bottom: 1px solid #CBD7CD}

/* blog posts */
#blog .rss-item {padding: 10px 0 0 0}
#blog .rss-item a {font-weight: bold}
#blog .rss-item .rss-date {font-size: 10px}

/* carousel */
#carousel {width: 1000px; height: 285px; position: relative; background-image: url(../images/carousel.jpg); overflow: hidden; border: 1px solid #FFFFFF}



/* sidebar updates */
#sidebar .block h2 {color: #ffffff; font-weight: bold; background-image: url(../images/back_header.gif)}

#social li {padding: 3px 0 3px 16px; background-repeat: no-repeat; background-position: 0 5px}

#testimonials {background-image: url(../images/back_content.gif); background-position: 0 -5px}
#testimonials p {font-size: 14px; font-style: italic; font-family: georgia, times, times new roman, serif; line-height: 1.3em; color: #333333}
#testimonials p i {font-size: 36px; display: block; float: left; line-height: 1em; width: 20px; height: 15px; overflow: hidden; margin: 0; color: #aaaaaa}
#testimonials p b {font-size: 11px; font-style: normal; font-family: arial, helvetica, sans-serif; display: block; clear: both; text-align: right; padding-top: 5px}

#sidebar .block form input.text {font-size: 14px; font-family: arial, helvetica, sans-serif; padding: 3px; margin: 0 0 3px 0; width: 270px; clear: both; color: #8D998F; border: 1px solid #cbd7cd}
#sidebar .block form input.submit {background-image: url(../images/back_nav.gif); background-position: 0 -10px; border: 1px solid #cbd7cd; padding: 3px 7px; font-family: arial, helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 11px; letter-spacing: 2px; margin-top: 3px; color: #ffffff}

#proposal {background-image: url(../images/back_content.gif); background-position: 0 -5px}

/* larger social icons */
#sidebar #social {padding: 0; height: 54px; border: 0; border-top: 1px solid #cbd7cd}
#social ul {margin: 10px 0 0 65px !important}
#social li {display: block; float: left; padding: 0; margin: 0 5px 0 0}