/* CSS - dustinbrewer */
/* reset */
html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* general */
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;margin-right: 1em;}
.right {float: right;margin-left: 1em;}
.center {text-align: center;}
.clear {clear: both;}
.hide {display: none;}
.hidden {visibility: hidden;}
.show {display: block;}
.skipTo {display: none;}
body {font-size: 12.8px; background: #F8F8F8 url(images/bg.jpg) repeat-x; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Vera Sans', Helvetica, Arial, sans-serif; color: #2a4248; color: #777;letter-spacing: .02em; line-height: 140%;}
.small {font-size: 10px;}
a {color: #6e8db3; text-decoration: none;}
a:hover {text-decoration: underline;}
.divider {background: url(images/divider.jpg) no-repeat center top; min-height: 55px; width: 100%; margin: 40px auto; text-indent: -9999px; float: left; clear: left;}
.divider2 {background: url(images/divider2.jpg) no-repeat center top; min-height: 55px; width: 100%; margin: 40px auto; text-indent: -9999px; float: left; clear: left;}
.divider3 {background: url(images/divider3.jpg) no-repeat center top; min-height: 55px; width: 100%; margin: 40px auto; text-indent: -9999px; float: left; clear: left; padding: 20px 0; position: relative; top: 10px;}
.postdivider {background: url(images/divider2.jpg) no-repeat center top; min-height: 55px; width: 100%; margin: 0px auto; text-indent: -9999px; float: left; clear: left;}
.postmessage {padding: 10px; font-size: 12px; background: #FCF9C7; margin: 10px 0; border: 1px solid #DFDDA7;}
.postmessage h2 {margin: 0;}
.blogPage .divider2 {margin: 10px auto;}
.metaData {font-style: italic; margin: -28px 0 0 0; display: block; font-size: 11px;}
.rssIcon {position: relative; top: 6px; left: 5px;}
h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-weight: normal;}
.red {font-weight: bold; color: #f00;}
.myblue {font-weight: bold; color: #304D5D;}
/* basic */
#inside {background: #F8F8F8 url(images/inside_bg.jpg) repeat-x;}
#mainContainer {width: 100%; margin: 0 auto; background: url(images/mainbg_new.jpg) no-repeat center top; min-height: 800px;}
#inside #mainContainer {background: url(images/inside_mainbg.jpg) no-repeat center top;}
#headerContainer, #bodyContainer, #bodyWrap, #bodyContent, #footerContainer, #footerContent {clear: both; margin: 0 auto; width: 952px;}
/* header */
#headerContainer {background: url(images/header_new.jpg) no-repeat; height: 447px;}
#inside #headerContainer {height: 155px;position: relative; left: -30px;}
#headerLogo h1 {text-indent: -9999px;margin: 0;}
#headerLogo a {display: block; width: 279px; height: 67px; float: left; margin: 10px 0 15px 40px;}
#headerNav {clear: left; margin-left: 40px;}
#headerNav li {list-style: none; display: inline; float: left; margin-right: 10px; margin-top: 15px;}
#headerNav li a {background: url(images/button.png) no-repeat; color: #000; display: block; text-decoration: none; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; width: 84px; text-align: center; padding: 4px 0; height: 23px; text-shadow: 1px 1px 1px #5A696F;}
#headerNav li a:hover {background: url(images/button_hover.png) no-repeat;}
#headerNav .big a {background: url(images/bigbutton.png) no-repeat; width: 200px; margin-top: 0px; text-shadow: 1px 1px 1px #53686F;}
#headerNav .big a:hover {background: url(images/bigbutton.png) no-repeat;}
#theMessage {float: left; clear: left; width: 550px; margin: 10px 0 0 40px;}
#theMessage h2 {font-size: 45px; font-family: Georgia, "Times New Roman", Times, serif; color: #dedede; font-weight: normal; line-height: 140%; text-shadow: 2px 2px 2px #2A3337!important;}
#theMessage h2 a {font-size: 13px; color: #6e8db3; text-decoration: none;}
#theMessage h2 a:hover {text-decoration: underline;}
/* body */
#bodyContainer {background: url(images/bodybg.jpg) repeat-y;}
#inside #bodyContainer {background: url(images/inside_bodybg.jpg) repeat-y;}
#bodyWrap {background: url(images/bodybottom.jpg) no-repeat bottom;}
#inside #bodyWrap {background: url(images/inside_bodyfooter.jpg) no-repeat bottom;}
#bodyContent {background: url(images/bodytop.jpg) no-repeat; min-height: 600px;}
.inside #bodyContent {background: url(images/inside_bodytop.jpg) no-repeat;}
.inside2 #bodyContent {background: url(images/inside_bodytop2.jpg) no-repeat;}
#leftCol {float: left; width: 465px; margin: 20px 0 0 40px; padding-bottom: 30px;}
#inside #leftCol {width: 224px;padding-bottom: 75px;}
#leftCol h2, #leftCol h1 {font-size: 22px; margin-bottom: 0;}
#leftCol p {line-height: 1.4em; margin: 10px 0;}
#inside #leftCol {padding-top: 70px; margin: 0;}
#inside #leftCol h2 {color: #fff; margin: 17px 0 60px 10px; text-align: center;}
#inside #leftCol .subNav {padding: 0px 0 0 5px; margin: 0 0 0 0; }
#inside #leftCol .subNav li {list-style: none;}
#inside #leftCol .subNav li a {color: #7991ad; text-decoration: none; background: url(images/inside_navbg.jpg) no-repeat top; width: 200px; min-height: 17px; padding: 9px 10px 4px 15px;display: block;}
#inside #leftCol h3 {padding: 0 0 15px 20px; }
#inside #leftCol .catagories li {text-transform: capitalize;}
#inside #leftCol li a:hover {background: url(images/inside_navbghover.jpg) no-repeat;}
#rightCol {float: right; width: 305px; margin: 215px 40px 40px 0;}
#inside #rightCol {width: 654px; margin: 130px 20px 0 0;}
#inside #rightCol ul, #inside #rightCol ol {padding-left: 30px;}
.inside2 #rightCol {margin-top: 70px!important;}
#inside #rightCol #message {height: 100px; margin: 40px 0 50px 0;overflow: hidden;}
#inside #rightCol #message h1 {margin: 0; font-size: 32px; color: #666; line-height: 140%; letter-spacing: 0.018em;text-shadow: 2px 2px 2px #ccc;}
#rightCol h1 {font-size: 22px; margin-bottom: 0;}
#leftCol #featured {}
#leftCol #featured h2 {margin: 0 0 -5px 0;}
#leftCol #featured h2 a {font-size: 16px; text-decoration: none;}
#leftCol #featured .postDate {display: block; color: #777; font-style: italic; font-size: 10px; margin: 5px 0 5px 0;}
#leftCol #featured .post {font-size: 12px; margin-bottom: 40px;}
#leftCol #featured .commentLink {float: right;}
#leftCol #featured p {margin-bottom: 10px;}
#rightCol #blog h2 {margin-bottom: -5px;}
#rightCol #blog h2 a {font-size: 14px; color: #2a4248; text-decoration: none;}
#rightCol #blog .postDate {display: block; color: #777; font-style: italic; font-size: 10px; margin: 5px 0 5px 0;}
#rightCol #blog .postBody {font-size: 10px; margin-bottom: 40px;}
#rightCol #blog .commentLink {float: right; display: none;}
#rightCol #search label {font-size: 12px; font-family: Georgia; color: #000; display: none;}
#rightCol #search #s {width: 221px; height: 20px; background: url(images/searchbox.jpg) no-repeat; border: none; padding: 6px 5px 0 5px; position: relative; top: 3px;}
#rightCol #search #searchsubmit {width: 63px; height: 24px; border: 0; background: url(images/smallbutton.jpg) no-repeat; border: none; position: relative; top: 1px; font-size: 11px; color: #fff;}
/* blog posts */
#whatsNext {width: 90%; padding: 5px;}
#whatsNext ul {padding-left: 0!important;}
#whatsNext h2, .relatedPosts h3 {color: #1B2E34; font-weight: normal; font-size: 16px; margin: 2px 0 10px 0; clear: left;}
.relatedPosts h3 {padding-left: 5px;}
.relatedPosts ul {padding-left: 30px;}
#whatsNext .nextList li {display: inline; float: left; list-style: none; margin-right: 15px;}
#whatsNext .dzone {margin-left: 10px; position: relative; top: -4px;}
#whatsNext .delicious {margin-left: 18px;}
#whatsNext .subscribe {margin-left: 15px;}
#whatsNext .retweet {position: relative; left: 18px;}
#whatsNext li span {position: relative; top: -2px;}
#whatsNext li #savedCount {top: 0;}
/* Comments */
.commentlist {padding-left: 37px;}
.commentlist li {list-style: none;padding: 5px;}
.commentlist .alt {background: #ccc; border: 1px solid #AFAFAF; }
.commentlist a {color: #382D1B;}
.commentlist .comment-meta {font-size: 10px; font-style: italic; color: #000;}
h3#comments {border-top: 1px dotted #352A18; padding: 15px 0; position: relative; left: -3px;}
.comment {position: relative;}
.comment {border: 1px solid #ccc; margin: 3px; }
.comment .avatar {position: absolute; left: -37px; top: 0px;}
.children {padding: 0 0 0 60px!important;}
.children .alt {background: #fff; }
.comment-author-admin {background: #425156!important; color: #fff; border: 1px solid #000;}
.comment-author-admin a {color: #fff;}
.reply {border: 1px solid #999; width: 30px; height: 15px;background: #ccc; text-align: center;padding-bottom: 5px; position: absolute; top: 35px; left: -37px;}
.reply a {color: #666; font-size: 8px; }
.commentlist .commentmetadata a {color: #000!important;}
#commentform textarea {width: 500px;}
/* Page styling */
.portfolio {padding-left: 0px!important;}
.portfolio li {list-style: none; float: left; margin: 0 10px 10px 0; width: 200px; min-height: 280px; font-size: 10px;}
.portfolio li img {border: 3px solid #425156;}
#recentPosts {padding: 0px 0 0 21px; width: 190px; margin-top: -25px;}
#recentPosts h2 {font-size: 12px; text-align: left!important; margin: 0!important;}
#recentPosts .postBody {font-size: 11px;}
#recentPosts .blogPost {margin-bottom: 10px;}
#recentPosts .postDate {color: #888; font-size: 10px; font-style: italic; display: block; margin: 1px 0 4px 0;}
#recentPosts .popular h3 {margin-left: -21px; margin-bottom: -10px;}
#recentPosts .popular li {list-style: none; font-size: 11px; margin-bottom: 10px;}
#recentPosts .popular li a:hover {background: none!important;}
#ZoomImage {border: 2px solid #0D1C21;}
.inside2 h2, .inside2 h3 {margin-bottom: 0;}
.inside2 h2 {color: #14262A;}
.inside2 h3 {color: #666;}
.inside2 .postDate {font-size: 10px; font-style: italic; color: #666;}
.inside2 .relatedPosts h3 {margin-bottom: 0px!important;}
.blogPage h2 {margin-bottom: 15px;}
.blogPage .postDate {display: block; margin: -15px 0 0 0; font-style: italic; color: #888; font-size: 11px;}
/* footer */
#footerContainer {background: url(images/footerbg.jpg) repeat-x; width: 100%; height: 411px; margin-bottom: -20px;}
#footerContent {background: url(images/footer.jpg) no-repeat; height: 411px; color: #48636a;}
#footerContent h3 {color: #fff; margin-bottom: 3px;}
#footerContent #aboutColumn {width: 240px; float: left; margin: 0 0 0 40px; min-height: 300px;}
#footerContent #aboutColumn p {margin-top: 0;}
#footerContent #socialColumn {width: 185px; float: left; margin: 0 0 0 70px;}
#footerContent #socialColumn li {list-style: none; font-size: 14px; font-family: Georgia; margin: 0 0 10px 0;}
#footerContent #socialColumn li a {color: #48636a;padding: 1px 0 5px 30px; display: block;}
#footerContent #socialColumn .phone {background: url(images/phoneicon.jpg) no-repeat;padding: 1px 0 5px 30px;}
#footerContent #socialColumn .twitter {background: url(images/twittericon.jpg) no-repeat -4px 0; }
#footerContent #socialColumn p {margin-top: 0; font-size: 10px;}
#footerContent #socialColumn .twitter a {position: relative; left: -5px; padding-left: 35px;}
#footerContent #socialColumn .rss {background: url(images/subscribeicon.jpg) no-repeat;}
#footerContent #socialColumn .linkedin {background: url(images/linkedinicon.jpg) no-repeat;}
#footerContent #socialColumn .skype {background: url(images/skype.png) no-repeat;}
#footerContent #socialColumn .delicious {background: url(images/deliciousicon.jpg) no-repeat;}
#footerContent #contactColumn {width: 300px; float: left; margin: 0 0 0 70px; position: relative;}
#footerContent #contactColumn .contactNotice {position: absolute; top: 100px; left: 18px; width: 200px; border: 2px solid #fff; background: #FFFFCC; color: #000; font-size: 11px; padding: 15px;}
#footerContent #contactColumn p {margin: 0;}
#footerContent #contactColumn .marginOk {margin: 5px 0;}
#footerContent #contactColumn h3 {margin-bottom: -8px;}
#footerContent #contactColumn li {width: 145px; float: left; display: inline; list-style: none; margin: 0 0 10px 0;}
#footerContent #contactColumn li input {height: 16px; width: 125px; background: url(images/quick_smalltext.jpg) no-repeat; border: none; padding: 2px;}
#footerContent #contactColumn textarea {width: 261px; height: 81px; background: url(images/quick_text.jpg) no-repeat; border: none; padding: 4px;}
#footerContent #contactColumn #submitButton {width: 63px; height: 24px; border: none; background: url(images/quick_button.jpg) no-repeat; color: #fff; font-size: 10px; float: right; margin-right: 30px;}
#footerFooter {clear: left; float: left; margin-left: 40px; color: #294248; margin-top: 30px; width: 500px; font-size: 11px;}
#footerFooter a {color: #43636b;}
#footerFooter li {display: inline; list-style: none; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #6E8DB3;}
#footerFooter li a {display: block; line-height: .8em;}
#footerFooter .page-item-165 {border-right: none;}
#footerFooter p {margin-top: 6px; float: left; clear: left;}
.page-item-298 {display: none!important;}
.themes {padding: 0; clear: both;}
.themes li {margin-right: 65px; margin-bottom: 55px;float: left; border: 2px solid #000; font-size: 30px;}
.themes li img {width: 240px;}
.disclaimer {font-size: 9px; color: #999; clear: left; margin-bottom: 20px;}
.gallery {display: block; clear: both; padding: 10px;}
.gallery li {
display: inline;
list-style: none;
width: 150px;
min-height: 175px;
float: left;
margin: 0 10px 10px 0;
text-align: center;
}
img#wpstats {
display: none;
}
.popularToday ul {padding-top: 10px; height: 280px; overflow: hidden;}
.popularToday li {float: left; clear: left; width: 300px!important;}
.wpcf7-response-output {position: absolute; top: 600px; border: 1px solid #ccc!important; font-size: 26px; font-family: georgia; background: #F2F4F3; width: 520px; padding: 20px 50px!important; line-height: 140%;border-radius: 5px!important;}
.page-item-369 {display: none!Important;}
.ProjectType {height: 55px; display: block;}
.ProjectType .wpcf7-list-item {float: left; width: 200px; font-size: 10px;}
span input, span textarea {border: 1px solid #999; padding: 5px; background: #ccc; color: #666; -moz-border-radius: 8px; border-radius: 8px; text-shadow: 1px 1px 1px #999;}
span input:focus {border: 1px solid #961E21;}
.morePortfolioLink {margin-top: 20px;}
/* css3 improvements */
#theMessage h2 {text-shadow: 1px 1.2px 1px rgba(125,125,125,.9); color: rgba(225,225,225,1);}}
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4 {text-shadow: 1px 1.2px 1px rgba(125,125,125,.4);}
#inside #leftCol h2 {text-shadow: none;}
#inside h1 {letter-spacing: .06em;}
#inside h2 {color: #304D5D;text-shadow: 1px 1.2px 1px rgba(48,77,93,.5); letter-spacing: .06em;}
#inside h2 a {color: #0D1C21;}
#inside h3 {color: #9F3131;text-shadow: 1px 1.2px 1px rgba(125,125,125,.4);letter-spacing: .06em;}
#footerContent h3 {color: #fff;}
/* new project dropdown */
.big {position: relative; z-index: 5;}
.big a {position: relative; z-index: 5;}
.projectMessage {position: absolute; background: #E1E4E2; padding: 20px; width: 156px; -moz-border-radius: 8px;border-radius: 8px; top: 15px; z-index: 4; font-size: 10px; left: 1px; border: 1px solid #777;}
.projectMessage h2 {margin: 0;}
.projectMessage a {background: none!important; width: auto!important; height: auto!important; text-shadow: none!important; text-decoration: underline!important; padding: 0!important; margin: 0!important; text-align: left!important; color: #5A79A7!important;}
#featured h2 {margin-bottom: 4px!important;}
#slider, #slider li {width: 465px; height: 250px; overflow: hidden;}
.smallPortfolio {padding-top: 15px!important;}
.smallPortfolio li {width: 500px!important; text-align: left; font-size: 12px; color: #999; line-height: 1.2em;}
.smallPortfolio li img {float: left; border: 1px solid #ccc;}
.smallPortfolio .info {width: 260px; float: right; text-align: left; margin: 0!important; padding: 0!important;}
.smallPortfolio li h3 {margin: -10px 0 5px 0; color: #223338;}
.smallPortfolio .info .desc {font-size: 10px; line-height: 1em!important; color: #666;}
#nextBtn, #prevBtn {font-size: 10px;}
#nextBtn {float: right; display: block; position: relative; left: 20px;}
#slider h2 a {font-size: 10px!important;}
#slider em {font-size: 10px; color: #ccc;}
#secondaryNav {float: left; clear: left; position: relative; top: -53px; margin-bottom: -61px;}
#secondaryNav li {list-style: none; display: inline; float: left; position: relative;}
#secondaryNav li a {color: #d1d0d0; text-shadow: 1px 1.2px 1px rgba(125,125,125,.4); display: block; height: 35px; padding: 40px 0 0 0; text-align: center;position: relative;}
#secondaryNav li a:hover {text-decoration: none;}
#secondaryNav .logoDesign {left: 41px;}
#secondaryNav .logoDesign a {width: 120px;}
#secondaryNav .logoDesign a:hover {background: url(images/logodesign_hover.jpg) no-repeat;}
#secondaryNav .webDesign {left: 43px;}
#secondaryNav .webDesign a {width: 109px;}
#secondaryNav .webDesign a:hover {background: url(images/webdesign_hover.jpg) no-repeat;}
#secondaryNav .xhtmlcss {left: 43px; width: 115px;}
#secondaryNav .xhtmlcss a {width: 115px;}
#secondaryNav .xhtmlcss a:hover {background: url(images/xhtmlcss_hover.jpg) no-repeat;}
#secondaryNav .seo {left: 45px; width: 65px;}
#secondaryNav .seo a {width: 65px;}
#secondaryNav .seo a:hover {background: url(images/seo_hover.jpg) no-repeat;}
#secondaryNav .php {left: 45px; width: 63px;}
#secondaryNav .php a {width: 63px;}
#secondaryNav .php a:hover {background: url(images/php_hover.jpg) no-repeat;}