html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%}strong{font-weight:bold}em{font-style:italic}
/*##################################
_ _ __ _ _ _
___| |__ (_)/ _| |_ ___ _ __ ___ __ _| |_(_)_ _____ ___ ___ _ __ ___
/ __| '_ \| | |_| __/ __| '__/ _ \/ _` | __| \ \ / / _ \ / __/ _ \| '_ ` _ \
\__ \ | | | | _| || (__| | | __/ (_| | |_| |\ V / __/| (_| (_) | | | | | |
|___/_| |_|_|_| \__\___|_| \___|\__,_|\__|_| \_/ \___(_)___\___/|_| |_| |_|
Colors:
Orange : #ff8933
Light Blue : #33ccff
Dark Blue : #283f48
BG Grey : #dddddd
Baby Blue : #e2f2f7
Text : #444444
###################################*/
html,body{width:100%;height:100%;}
body {font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif; font-size:62.5%; background: #ddd;}
/*############################################################################## Some Defaults*/
em {font-style: italic;}
strong {font-weight: bold;}
p,label,.post_main ul li{font-size: 1.3em; line-height: 1.6em; color: #444; text-shadow: 0 1px 0 #fff; padding: 0 0 20px 0;}
p a:link, p a:visited {color: #283f48; border-bottom: 1px dotted #283f48; text-decoration: none;}
p a:hover {color:#fff; background: #283f48; text-shadow: 0 1px 0 #000; border-bottom: 1px solid #000;}
p a:active {position: relative; top:1px; left:0;}
.post_main ul li {list-style-type: disc;padding:0 0 5px 0;}
.post_main ul {padding-bottom:20px;}
hr {margin:0 0 16px 0; padding: 0 0 16px 0; border:none; border-bottom:1px dotted #bbb;}
h1 {font-size:18px; font-weight: bold;}
#promo h1 {position: absolute; bottom:10px; left:20px; font-size:24px; color: #ddd; font-weight: normal; text-transform: uppercase; text-indent: -9999px;}
h2 {font-size:18px; text-transform: uppercase; letter-spacing: -1px; color: #283f48; text-shadow: 0 1px 0 #fff; padding: 0 0 25px 0;}
.sub .secondary h2 {padding: 0;}
.sub .main h2 {padding: 0 0 10px 0;}
#blog .secondary h2 {padding: 0 0 25px 0;}
h3 {font-size:13px; text-transform: uppercase; color: #809da8; text-shadow: 0 1px 0 #fff;}
/*############################################################################# Global Classes*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.button:link, .button:visited {background:#d4d4d4; border:1px solid #aeaeae; display:block; line-height: 35px; text-align: center; color: #283f48; text-decoration: none; font-size: 1.3em; text-shadow: 0 1px 0 #fff; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-border-radius: 3px; -webkit-border-radius:3px;}
.button:hover {background: #eee;}
.button:active {position: relative; top:1px; left:0;}
/*############################################################################# Layout Rules */
.wrap {width:980px; margin:0 auto;}
.section {width:100%;}
#content .section {margin:0 0 55px 0;}
#shadow {width:1000px; height: 300px; background: url(../i/shadow.png) no-repeat 0 0; position: absolute; top:8px; left:-10px; z-index: -1;}
.col_2 {width:140px; margin-right:20px;}
.col_3 {width:200px; margin-right:20px;}
.col_4 {width:260px; margin-right:20px;}
.col_5 {width:320px; margin-right:20px;}
.col_6 {width:380px; margin-right:20px;}
.col_8 {width:440px; margin-right:20px;}
.col_10 {width:560px; margin-right:20px;}
.no_margin {margin:0;}
#header ul {position: absolute; bottom:45px; right:0;}
#header ul li {display:inline;}
#header li a:link, #header li a:visited {display:block; height: 148px; line-height:148px; float:left; margin-left:20px;font-size:14px; text-decoration: none; color: #fff; background:url(../i/navigation.png) no-repeat 0 0; text-indent: -9999px;}
#header .section_list .nav_about {width:69px; background-position: 0 0;}
#header .section_list .nav_blog {width:64px; background-position: -78px 0;}
#header .section_list .nav_contact {width:80px; background-position: -149px 0;}
#header .section_list .nav_portfolio {width:90px; background-position: -240px 0;}
#header .section_list .nav_rfp {width:176px; background-position: 100% 0;}
#header .section_list .nav_about:hover,
#header .section_list .nav_about.active {background-position: 0 -148px;}
#header .section_list .nav_blog:hover,
#header .section_list .nav_blog.active {background-position: -78px -148px;}
#header .section_list .nav_contact:hover,
#header .section_list .nav_contact.active {background-position: -149px -148px;}
#header .section_list .nav_portfolio:hover,
#header .section_list .nav_portfolio.active {background-position: -240px -148px;}
#header .section_list .nav_rfp:hover,
#header .section_list .nav_rfp.active {background-position: 100% -148px;}
.full {width:940px; margin: 0 auto;}
.main {float:left; width: 600px; position: relative; left:20px;}
#about .main {float:right; top:0; left:-50px;}
#contact .main {float:right; top:-10px; left:-40px;}
.secondary {float:right; width: 260px; position: relative; right: 20px; background:url(../i/sidebar_bg.png) no-repeat left center; padding-left:25px;}
#about .secondary {float:left; top:-5px; right:-10px; background: none;}
#contact .secondary {float:left; top:0px; right:-20px; background:none;}
#contact .secondary h2, #contact .secondary p {text-align: right;}
.article_nav {text-align: right; background:url(../i/sub_nav.png) repeat-y 100% 0; padding: 5px 0 5px 0; margin: 0 0 20px 0;}
.article_nav li a:link,.article_nav li a:visited {color:#283f48; text-decoration: none; padding: 10px 10px 10px 0; display: block;}
.article_nav li a:hover,.article_nav li a:active,.article_nav li.current a{background: #ddd;}
#get_started:link,#get_started:visited {width:264px; height:98px; display: block; text-indent: -9999px; background: url(../i/sprite.png) no-repeat -440px 0;}
#get_started:hover {background-position: -440px -98px;}
#get_started:active {background-position: -440px -196px;}
#about .main img {margin: 0 0 20px 0;}
#header-wrap {background:#141f24; border-bottom: 2px groove #fff;}
#header {height:220px; background: #283f48 url(../i/header_bg.png) no-repeat center bottom; position: relative; width:990px; margin:0 auto;}
#header h2 {width:137px; height: 62px; position: absolute; top:54px; left:25px;}
#header h2 a:link, #header h2 a:visited {display:block; width:100%; height:100%; background:url(../i/sprite.png) no-repeat -150px -133px; text-indent: -9999px;}
#header h2 a:hover {background-position: -287px -133px;}
#header h2 a:active {background-position: -287px -132px;}
#content {background: #ddd url(../i/content_bg.png) repeat-x center top; position: relative; z-index: 10; top:-8px;}
.sub #content {background: #ddd url(../i/sub_bg.png) repeat-x 0 0;}
h1#home_tag {width:902px; height: 188px; background:url(../i/sprite.png) no-repeat 100% 0; margin:0 auto; text-indent: -9999px; position: relative; top:-20px;}
h2.article_heading {font-size:24px; color: #263f48; font-family:Georgia,Times,serif; text-shadow: 0 1px 0 #fff; text-transform: none; padding:0 0 5px 0;}
h2.article_heading a:link, h2.article_heading a:visited {color:#263f48; text-decoration: none; border-bottom: 1px solid transparent;}
h2.article_heading a:hover {background:#263f48; color: #fff; text-shadow: 0 1px 0 #000; border-bottom: 1px solid #000;}
h2.article_heading a:active {position: relative; top:1px;left:0;}
.home_blog_post .blog_post_p, .article_list_main .blog_post_p {width:72%;}
.home_blog_post p, .article_list_main p {position: relative; padding: 0 0 10px 0;}
.home_blog_post_secondary, .article_list_secondary {width:140px; float:left; position: relative; top:5px; left:0;}
.home_blog_post_secondary h4,.article_list_secondary h4 {font-size:1.2em; font-family: Georgia,Times,serif; color: #666; text-align: right; margin:0 0 3px 0;}
.home_blog_post_secondary h4 em, .article_list_secondary h4 em {color:#aaa; font-size:1em; padding: 0 5px 0;}
.home_blog_post_secondary h4 cite, .article_list_secondary h4 cite,.post_secondary h4 cite {color: #444; font-size:1.3em;}
.p_cover {width:100%; height:106px; background: url(../i/p_cover.png) repeat-x 0 0; position: absolute; bottom:2px; left:0; _display:none;}
.cat_list_div {margin-bottom:25px;}
.cat_list {width:260px;}
.cat_list li {float:left; width:120px; margin:0 10px 0 0;}
.cat_list li a:link, .cat_list li a:visited {display:block;color: #283f48; font-size:1.3em; text-decoration: none; border-bottom: 1px dotted #bbb; padding: 7px 0 8px 1px; text-shadow: 0 1px 0 #fff;}
.cat_list li a:hover {background: #283f48; color: #fff; text-shadow: 0 1px 0 #000; border-bottom: 1px solid #000;}
.cat_list li a:active {position: relative; top:1px; left:0;}
.article_list li, .archive_item {border-bottom:1px solid #ccc; }
.main .article_list li h2, .main .archive_item h2 {height:100%; width:100%; padding:0;}
.article_list li a:link, .article_list li a:visited, .archive_item a:link, .archive_item a:visited{display:block; height:100%; width:100%; color:#283f48; text-decoration: none; padding: 25px 0 25px 3px;}
.article_list li a:hover, .archive_item a:hover {background:#d5d5d5;}
.article_list li a:active, .archive_item a:active {position: relative; top:1px; left:0;}
.article_list span, .archive_item span {display:block;}
.article_list span.title, .archive_item span.title {padding: 0 0 2px 0; font-size:20px;}
.article_list span.meta, .archive_item span.meta {font-family: Georgia,Times,serif; font-size:13px; color:#666; text-transform: none; text-shadow: none; letter-spacing: normal;}
.article_list .meta em, .archive_item .meta em {color:#aaa; font-size:1em; padding: 0 3px 0; font-size:1.2em; font-family: Georgia,Times,serif; color: #888; font-size:10px;}
.article_list .meta cite, .archive_item .meta cite {color: #444; color:#666;}
#content .main .archives_year {background: #d5d5d5; padding: 10px 0 10px 10px; font-weight: bold; margin: 20px 0 20px 0;}
/* Individual Blog Post */
#promo h2 {position: absolute; text-indent: -9999px;}
.post h1 {font-size:28px; color: #263f48; font-family:Georgia,Times,serif; text-shadow: 0 1px 0 #fff; text-transform: none; padding:0 0 5px 0; font-weight: normal;}
.post h1 a:link, .post h1 a:visited {color:#263f48; text-decoration: none; border-bottom: 1px solid transparent;}
.post h1 a:hover {background:#263f48; color: #fff; text-shadow: 0 1px 0 #000; border-bottom: 1px solid #000;}
.post h1 a:active {position: relative; top:1px;left:0;}
.post img {border:5px solid #fff; margin: 0 0 20px 20px; -moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);}
blockquote {background: #eee; border: 1px solid #263f48; border-right:none; border-left:none; font-style: italic; width:80%; margin: 0 auto 25px;}
blockquote p {padding: 10px;}
.post_secondary h4 {text-align: left; font-size:1.2em; font-family: Georgia,Times,serif; color: #666;}
.post_secondary h4 em {font-family: Georgia,Times,serif; color:#888; padding: 0 3px;}
.sub .main .post h2 {padding: 30px 0 10px 0;}
/* TESTIMONIALS */
.testimonial {padding: 5px 0 25px 0;}
.testimonial p {padding-bottom:10px;}
/* CONTACT FORMS */
#contact fieldset {padding: 4px 0; margin: 0 0 10px 0;}
#contact .text {border: 1px solid #809da8; -webkit-box-shadow:0 1px 0 #fff; -webkit-border-radius:3px; -moz-box-shadow:0 1px 0 #fff; -moz-border-radius:3px; padding:5px; font-size:14px;}
#contact .text:focus {border: 1px solid #33ccff; background: #fffeee;}
#contact_form label {display: block; cursor: pointer; padding: 0 0 3px 0; width:200px;}
textarea.text {width:100%; height:120px;}
.submit {background:#d4d4d4; border:1px solid #aeaeae; display:block; line-height: 35px; text-align: center; color: #283f48; text-decoration: none; font-size: 1.3em; text-shadow: 0 1px 0 #fff; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-border-radius: 3px; -webkit-border-radius:3px; cursor: pointer; width:150px;}
.submit:hover,.submit:focus {color:#fff; background: #283f48; text-shadow: 0 1px 0 #000; border-bottom: 1px solid #000;}
.submit:active {position: relative; top:1px; left:0;}
#confirmation {background:#b1ffc4 url(../i/check.gif) no-repeat 5px center; border:1px solid #50b555; color:#2b552f;}
#error {background:#ffb9be url(../i/close_32.gif) no-repeat 5px center; border: 1px solid #73161b; color: #2b080a; }
.send_results {display:none; margin: 0 0 10px 0;}
.send_results h4 {padding: 15px 0 15px 40px; font-size:16px;}
/* PORTFOLIO STUFF */
.portfolio_entry {width:299px; height:181px; background:url(../i/sprite.png) no-repeat -1243px 0; position: relative; float:left; margin: 0 14px 15px 0;}
.portfolio_entry img {position: absolute; top:7px; left:7px;}
.portfolio_info {width:285px; height:50px; position: absolute; top:7px; left:7px; background:#000; background: rgba(0,0,0,.75);}
.portfolio_info h3 {position: absolute; top:7px; left:9px; text-shadow: none; text-transform: capitalize; color:#fff; font-size:17px;}
.portfolio_info h3 span {font-size:12px; font-family: Georgia,Palatino,Times,serif; font-style: italic; color:#ddd;}
.portfolio_info a:link, .portfolio_info a:visited {position: absolute; top:30px; left:9px; color: #fff; border-bottom: 1px dotted #fff; text-decoration: none;}
.portfolio_info a:hover {background:#fff; color:#222;}
.portfolio_info a:active {top:36px;}
/* PROMOs & Sliders */
#promo {position: relative; padding: 15px 0; overflow: hidden;}
.sub #promo {position:relative; width:957px; height:205px; margin:0 auto; top:-38px; left:0;}
.sub #promo img {border:1px solid #ddd;}
#promo.section {background: #e2f2f7; border-top:2px solid #aedcea; border-bottom: 2px solid #aedcea;}
#slider_container { width: 788px; height:248px; background: url(../i/sprite.png) no-repeat -1552px 0; position: relative; margin: 0 auto;}
#slider {position: absolute; top:9px; left:9px; overflow: hidden;}
#slider img { border:none;}
#slider ul,#slider li,#slider2 ul,#slider2 li {margin:0; padding:0; list-style:none;}
#slider li,#slider2 li {width:770px; height:230px; overflow:hidden;}
#next, #prev {position: absolute; display:block; height:88px; width:41px;}
#next {top:75px; right:-37px;}
#prev {top:75px; left: -37px;}
#next a:link,#next a:visited {text-indent: -9999px; cursor:pointer; background: url(../i/sprite.png) no-repeat -41px 0; display:block; height:100%; width:100%;}
#next a:hover {background-position: -41px -88px;}
#next a:active {background-position: -41px -176px;}
#prev a {text-indent: -9999px; cursor:pointer; background: url(../i/sprite.png) no-repeat 0 0; display:block; height:100%; width:100%;}
#prev a:hover {background-position: 0 -88px;}
#prev a:active {background-position: 0 -176px;}
#recent_work .image_row {margin: 0 0 30px 0;}
img.framed {padding:10px; background: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); -moz-border-radius:3px; -webkit-border-radius:3px; margin: 0;}
img.framed {background: #eee;}
#footer-wrap {background:#283f48; width:100%; border-bottom: 1px solid #000;}
#footer {padding:20px 0; position: relative; height:180px;}
#footer h4 {font-size:1.3em; font-family: Georgia,Times,serif; text-shadow: 0 1px 0 #000; color: #fff; margin: 0 0 20px 0;}
#footer ul li a:link,#footer ul li a:visited {color:#8e9fa5; font-size:1.2em; text-shadow: 0 1px 0 #000; text-decoration: none; display: block; padding: 5px 2px 6px 2px;}
#footer ul li a:hover {background: #8e9fa5; color: #000; text-shadow: none;}
#footer ul li a:active {position: relative; top:1px; left:0;}
#footer_nav {position: absolute; top:25px; left:20px;}
#footer_social {position: absolute; top:25px; left: 210px;}
#footer_quote:link, #footer_quote:visited {position: absolute; top:85px; right:20px; width:261px; height:40px; background:url(../i/sprite.png) no-repeat -152px 0; text-indent: -9999px; }
#footer_quote:hover {background-position: -152px -40px;}
#footer_quote:active {background-position: -152px -80px;}
#copyright h6 {padding: 20px 0 15px 20px; text-transform: uppercase; font-size: 1.1em; color: #585858; text-shadow: 0 1px 0 #fff;}