@charset "UTF-8";
/* CSS Document */

/* common / typography */

body { font-family: Arial, helvetica, sans-serif; font-size:10px; line-height:1.4em; }

h1 { font-weight:normal; font-size:4.8em; line-height:1.1em; margin-bottom:0.5em; font-family:Georgia, Times, serif; margin:0px 0 13px 0; text-transform:lowercase; }

h2 { font-weight:bold; font-size:1.6em; line-height:1.1em; margin-bottom:0.5em; }

ol { line-height:1.2em; }

ol li { margin-bottom:1em; margin-left:20px; list-style:decimal; }

blockquote { font-family:Georgia, Times, serif; color:#00afe8; font-size:1.6em; line-height:1.2em; font-style:italic; margin-bottom:1em; }

a { color:#00afe8; text-decoration:none; }

a:hover { color:#333; }

strong { font-weight:bolder; }

em { font-style: italic; }


/* site layout */

body { background:#0b0b0b; }

#wrapper { background:url(../images/header.jpg) repeat-x top left #fff; }

#page { width:960px; margin:0px auto; position:relative; }

#clientLogin, #topNav { background:url(../images/logoTile.jpg) repeat-y 0px 0px; }

#sectionNav { padding-bottom:10px; border-bottom:1px solid #cbcbcb; }

#sectionNav li { display:inline; padding-right:18px; }

#sectionNav li a { text-decoration:none; color:#9a9a9a; text-decoration:none; text-transform:uppercase; }

#sectionNav li a:hover, #sectionNav li.current-cat a { color:#e56623; }



/* main navigation */

.navigation li { display:inline; padding:0 4px; }

#mainNav { width:740px; float:right; padding:68px 0 0 0; text-align:right; }

#mainNav li a { font-size:1.8em; padding-left:44px; color:#000; text-decoration:none; text-transform:lowercase; }

#mainNav li a:hover, #mainNav li .current, #mainNav li.current a { color:#e56624; }

/* .current, .current a { color:#e56624 !important; } */

#logo { width:160px; padding-right:40px; height:80px; float:left; }

#logo a { display:block; width:160px; height:80px; background:url(../images/logo.jpg) no-repeat 0px 0px; text-indent:-9999px; }



/* header */

/* #header { padding-top:4px; } */

#topNav { text-align: right; padding:5px 0 6px 0; width:960px; margin:0px auto; font-size:1.1em; }

#topNav a { color:#9a9a9a; text-decoration:none; text-transform:uppercase; }

#topNav a:hover { color:#e56624; }



/* header search */

#searchBox { width:420px; padding-left:540px; margin:0px auto; height:50px; overflow:hidden; }

#searchBox { background:url(../images/logoTile.jpg) repeat-y 0px 0px; }

#loginBox #searchBox input { margin:10px 0; }

#searchBox #searchSubmit { width:80px; background:url(../images/login.jpg) no-repeat 0px 0px; text-align:left; padding-top:3px; padding-left:16px; }

.hidden { display:none; }



/* logo */

#logo { width:171px; padding-right:40px; height:80px; float:left; }

#logo a { display:block; width:171px; height:80px; background:url(../images/logo.jpg) no-repeat 0px 0px; text-indent:-9999px; }

#footerSidebar a { display:block; height:100px; width:300px; background:url(../images/logo.png) no-repeat 28px 0px; text-indent:-9999px; }

#footerMain { width:627px; float:left; padding:0 0 30px 33px; }



/* footer */

#footer { background:url(../images/footerTile.jpg) repeat-x top left #0b0b0b; }

#footer a { text-decoration:none; }

#footerColumns { width:960px; margin:0px auto; background:url(../images/footer.jpg) no-repeat 0px 58px; padding:0px 0 50px 0; height:300px; }

#footer li.head { width:15%; float:left; }

#footerBar { clear:both; }

#footerSidebar { width:300px; float:left; }

#footerSidebar a { display:block; height:100px; width:300px; background:url(../images/logo.png) no-repeat 17px 0px; text-indent:-9999px; }

#footer li.head a { font-size:1.4em; color:#9a9a9a; text-transform:lowercase; line-height:2em; }

#footer li .subnav li { display:block; }

#footer li .subnav a { font-size:0.85em; text-transform:uppercase; color:#484848; }

#footer li.head a:hover, #footer li .subnav a:hover, #footerBar a:hover { color:#bf451d; }

#footerBar { padding:10px 0; color:#484848; line-height:1.8em; }

#footerBar a { color:#484848; }

#footerBar ul, #footerBar p { display:inline; padding-right:15px; }

#footer .navigation li { padding-left:0px; }



/* clearfix */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* header dropdowns */

#loginBox { background:url(../images/headerForm.jpg) repeat-x 0px 0px; text-align:right; }

#clientLogin { margin:0px auto; width:960px; height:50px; }

.hidden { display:none; }

#loginBox input { border:0; background:url(../images/headerFormField.jpg) no-repeat 0px 0px; padding:5px 12px; width:140px; color:#9a9a9a; font-size:1.1em; margin-top:11px; }

#loginBox label { color:#9a9a9a; font-size:1.2em; padding-right:10px; }

#loginBox #loginSubmit { width:80px; background:url(../images/login.jpg) no-repeat 0px 0px; text-align:left; padding-top:3px; padding-left:16px; }



/* social icons */

#social { margin-bottom:25px; }

#social li { float:right; }

#social li a { display:block; height:58px; background:url(../images/socialIcons.jpg) no-repeat 0px 0px; text-indent:-9999px; }

#social li a#twitterIcon { width:158px; }

#social li a#FlickrIcon { width:118px; background-position:-159px 0px; }

#social li a#youTubeIcon { width:186px; background-position:-277px 0px; }

#social li a#wordPressIcon { width:165px; background-position:-462px 0px; }

#social li a:hover#twitterIcon { background-position:0px -59px; }

#social li a:hover#FlickrIcon { background-position:-159px -59px; }

#social li a:hover#youTubeIcon { background-position:-277px -59px; }

#social li a:hover#wordPressIcon { background-position:-462px -59px; }



/* inside page layouts */

.content { font-size:1.1em; line-height:1.8em; padding:10px 0 30px 0; color:#9a9a9a; }

.content p { margin-bottom:2em; text-align: justify;}



/* contact page */

#contactWrapper .column1 { width:180px; float:left; padding-right:27px; }

#contactWrapper .column2 { width:375px; float:left; padding-right:27px; padding-top:4px; }

#contactWrapper .column3 { width:350px; float:left; }

#contactWrapper .text { width:95%; padding:5px; }

#contactWrapper .column2 p { font-size:0.8em; margin-bottom:0.5em; }

#contactWrapper { font-size:1.2em; }

#contactWrapper h4 { font-size:1.2em; text-transform:uppercase; color:#484848; }

#contactWrapper label { color:#484848; display:block; }

#contactWrapper span.required, #contactWrapper .error { color:#e56624; display:block; font-size:0.9em; }

#contactWrapper .column1 p, #contactWrapper .column2 p { font-size:1.3em; font-family:Georgia, Times, serif; color:#484848; }

#contactWrapper .column2 h4 { margin-top:1em; }

#contactWrapper .column1 .phone { color:#bf451d; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }

#contactWrapper textarea { height:70px; }

#contactWrapper .submit { display:block; text-indent:-9999px; height:20px; width:100px;  margin-top:10px; float:right; font-size:0px; color:#fff; background:url(../images/submit.jpg) no-repeat 0px 0px; border:none; margin-right:4px; }

#contactWrapper .submit:hover { background-position:0px -20px; }

a.vCard { display:block; padding:5px 0 5px 30px; background:url(../images/vcard.gif) no-repeat center left; }
 


/* portfolio */

.categoryList { overflow:hidden; }

#portfolio .categoryList a { color:#e56624; text-decoration:none; font-size:0.9em; display:inline-block; padding:0 4px 0 7px; background:url(../images/pipe.gif) no-repeat center left; text-transform:uppercase; position:relative; right:6px; line-height:1.2em; }

#portfolio .categoryList a:hover { color:#333; }

#portfolio a.workBack { text-transform:uppercase; text-decoration:none; color:#00afe8; display:block; padding:0 0 15px 10px; background:url(../images/arrow.gif) no-repeat 0px 5px; }

#portfolio a:hover.workBack { color:#333; }

#portfolio h2 { font-family:Georgia, Times, serif; font-weight:normal; margin-bottom:1em; }

#portfolioLeft { width:300px; float:left; padding:0px !important; overflow:hidden; }

#portfolioLeft p { word-wrap:break-word; width:300px; }

#portfolioRight { width:622px; float:right; }

#portfolioThumbs { margin-top:6px; }

#portfolioThumbs a { display:block; margin-right:5px; float:left; width:97px; background:url(../images/portfolioBG.jpg) repeat-x bottom left; }

#portfolioRight div.largeImage { width:618px; overflow:hidden; }

#portfolioRight div.largeImage, #portfolioThumbs a { border:1px solid #c3c3c3; }

#portfolioThumbs img {  }

#portfolioThumbs a.last { margin-right:0px; margin-left:1px; }

#portfolioLeft h4 { text-transform:uppercase; font-size:1.3em; margin-top:0.5em; }

#gallery { width:990px; }

#gallery .galleryItem { float:left; width:244px; height:207px; }

#gallery .galleryItem h2 { font-family:Georgia, Times, serif; font-weight:normal; margin:1em 0 0.5em 0; }

#gallery a { text-decoration:none; color:#00afe8; }

#gallery a:hover { color:#333; }

#gallery .categoryList { margin-bottom:1em; }

#gallery .categoryList a { color:#bcbcbc; font-size:1em; display:inline-block; padding:0 0 0 7px; background:url(../images/pipeGrey.gif) no-repeat center left; text-transform:uppercase; position:relative; right:6px; }

#gallery .cagegoryList a:hover { color:#333; }

.paginate { text-align:right; font-size:1.1em; text-transform:uppercase; color:#00afe8; padding-right:30px; }



/* sitemap */

.sitemap { font-size:1.5em; line-height:1.5em; }

.sitemap .section { width:30%; margin-right:3%; float:left; }

.sitemap li { border-top:1px solid #cbcbcb; }

.sitemap ul.nested { margin-left:20px; font-size:0.8em; }

.sitemap li.section { border:none; }



/***** Matts stylesheet for the services page ****/

#mainWrap{
color:#9a9a9a;
}

#mainWrap a{
color:#00afe8;
text-decoration: none;
}

#mainWrap a:hover{
text-decoration: underline;
}

#infoGraphic{
float:left;
width: 300px;
}

#marketingArea{
margin-bottom:20px;
}

#marketingText{
float:right;
width:606px;
font-size: 15px;
margin: 30px 20px 0px 0px;
font-family: Georgia;
}


#marketingText.twoColumnMarketingText{
width:465px;

}

#marketingText h2{
font-size: 27px;
color:#00afe8;
font-weight: normal;
display: inline;

}

#firstParagraph{
margin-bottom: 30px;
}


.threeColumn{
width:280px;
float: left;
padding: 0px 55px 0px 0px;
text-align: justify;
}

.thirdColumn{
padding: 0px 0px 0px 0px;

}

.threeColumn h3, .twoColumn h3, #rightCol h3{
font-size: 18px;
text-transform:uppercase;
color:#484848;
margin-left: -1px;
}

/********Global Styles ********/
.clearfix{
clear:both;
}

.inline{
display:inline;
}

/****** company styles ****/

#associates{
background:url(..../images/associatesBG.jpg) repeat-x top left;

}

.twoColumnHalf{
width:48%;
float: left;
margin-right: 14px;
padding-left:0px;
}

#teamDescription{
padding-bottom: 30px;
margin-bottom: 10px;
background:url(..../images/bottomRightGradBG.jpg) no-repeat bottom right;
}

#teamDescription p{
text-align: justify;
margin-bottom: 0px;
line-height: 15px;
font-size: 11px;
}


#quoteAuthor{
font-size:10px;
display:block;
font-family:arial;
}

.blockLink{ 
display:block;
text-transform:uppercase;
font-size:11px;
}
.clientType{
font-size:12px;
}

.gradientBottomRight{
background:url(..../images/bottomRightGradBG.jpg) no-repeat bottom right;
}


/**** community styles ****/

.twoColumn{
width:435px;
float: left;
}



.firstColumn{
margin-right: 40px;
}

/***** Testimonials styles ***/

#leftCol{
width:320px;
float: left;
margin-right: 15px;
}

#rightCol{
width:620px;
float: left;
}

#rightCol h2{
font-size: 20px;
color:#00afe8;
font-weight: normal;
display: inline;
}

.sectionIntro{
font-size: 15px;
font-family: Georgia;
margin-bottom:15px;
}

.sectionIntro p{
display:inline;
}

.testimonial h3{
border-bottom: 1px solid #cccccc;
margin: 0px 80px 6px 0px;

}
.testimonial{
margin-bottom:30px;
}

.testimonial p{
font-size: 14px;
font-family: Georgia;
}

.testimonialName,  .testimonialLink{
text-transform: uppercase;
display: block;
color:#484848;
line-height: 15px;
}

.testimonialJobTitle, .testimonialJobDepartment, .testimonialClientName{
display: block;
font-size: 10px;
color:#484848;
line-height: 16px;
}

#commentsMessage{
display: block;

}

#commentsLink{
font-family: Georgia;
font-size: 18px;
color:#00afe8;
font-weight: normal;
display: inline;
}

#graphicBox{

width:100px; 

}



/* blog styles */

#content { width:612px; float:left; padding:10px 0 20px 0; }

#sidebar { width:320px; float:right;padding:10px 0 20px 0; }

h2.pagetitle, .post h2 { font-family:Georgia, Times, serif; font-weight:normal; font-size:2.6em; margin:0; }

h2 a { color:#000; }

h2 a:hover { color:#00afe8; }

#content p { font-size:1.2em; line-height:1.8em; color:#9a9a9a; margin-bottom:1em; }

.postHeader { margin-bottom:10px; }

.topMeta { width:69px; padding:4px 0 5px 0px; float:left; }

.topMeta .entryDate { width:30px; float:left; background:url(../images/entryDate.gif) no-repeat 0px 0px; }

.topMeta .entryDate span { display:block; color:#fff; text-align:center; margin-bottom:1px; font-weight:bold; }

.topMeta .entryDate span.entryDay { /* background:#00bde0; */ font-size:1.8em; padding:3px 0 4px 0; }

.topMeta .entryDate span.entryMonth { /* background:#d6dc44; */ text-transform:uppercase; }

.topMeta img { width:36px; float:right; }

.topMain { width:535px; float:right; }

.topMain span { font-size:1.1em; text-transform:uppercase; }

.topMain span.author { width:50%; float:left; }

.topMain span.comments { width:50%; float:right; text-align:right; }

.postHeader img.banner { padding:14px; border:1px solid #ccc; }

.navigation { font-size:1.1em; margin-bottom:40px; height:12px; }

.navigation .alignleft { width:50%; float:left; }

.navigation .alignright { width:50%; float:right; text-align:right; }



.tweetmeme_button { float:left !important; margin:0 !important; padding:4px 10px 0 0; }

#content p.shareText { margin:0; }

div.share { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0 8px 0; margin-bottom:50px; }

#content .postFooter { position:relative; }

#content p.readMore { text-align:right; width:40%; text-transform:uppercase; margin-bottom:0; position:absolute; bottom:0px; right:0px; }

#content p.postmetadata { float:left; text-align:left; width:60%; text-transform:uppercase; margin-bottom:0.2em; line-height:1.4em; }



/* social icons */

.social li { display:block; width:65px; float:left; }

.social li a { display:block; width:50px; height:48px; background:url(../images/socialIcons.gif) no-repeat 0px 0px; text-indent:-9999px; }

.social li a.socialDigg { background-position:0px 0px; }

.social li a.socialTwitter { background-position:-64px 0px; }

.social li a.socialStumbleUpon { background-position:-128px 0px; }

.social li a.socialDelicious { background-position:-192px 0px; }

.social li a.socialFacebook { background-position:-256px 0px; }

.social li a.socialGoogle { background-position:-322px 0px; }

.social li a.socialTechnorati { background-position:-386px 0px; }

.social li a.socialLinkedIn { background-position:-450px 0px; }

.social li a.socialReddit { background-position:-514px 0px; }



/* social icon f2 */

.social li a:hover.socialDigg { background-position:0px -48px; }

.social li a:hover.socialTwitter { background-position:-64px -48px; }

.social li a:hover.socialStumbleUpon { background-position:-128px -48px; }

.social li a:hover.socialDelicious { background-position:-192px -48px; }

.social li a:hover.socialFacebook { background-position:-256px -48px; }

.social li a:hover.socialGoogle { background-position:-322px -48px; }

.social li a:hover.socialTechnorati { background-position:-386px -48px; }

.social li a:hover.socialLinkedIn { background-position:-450px -48px; }

.social li a:hover.socialReddit { background-position:-514px -48px; }



/* comments */

#comment { border:1px solid #ccc; width:98.5%; }

#commentform input { border:1px solid #ccc; }

#submit { display:block; text-indent:-9999px; height:20px; width:100px;  margin-top:10px; float:right; font-size:0px; color:#fff; background:url(../images/submit.jpg) no-repeat 0px 0px; border:none !important; margin-right:4px; }

#submit:hover { background-position:0px -20px; }

#respond h3 { color:#9a9a9a; text-transform: uppercase; font-size:1.1em; }



/* misc. typography */

h4 { color:#00afe8; text-transform:uppercase; margin-bottom:0.2em; font-size:1.1em; }

.entry ul, .entry ol { clear:both; padding:10px 0; }

.entry ul li { font-size:1.2em; line-height:1.8em; list-style:disc; list-style-position:outside; margin-left:18px; }

.entry ol li { font-size:1.2em; line-height:1.8em; list-style:decimal; list-style-position:outside; margin-left:18px; }



/* sidebar */

.authorPhotos img { padding:0 1px 2px 0; }

.sidebarColumn { width:50%; float:left; }

.sidebarColumn ul { font-size:1.1em; line-height:1.8em; }

#sidebar h2 { font-weight:normal; text-transform:uppercase; font-size:18px; color:#484848; }

#sidebar h2.flickr { background:url(../images/flickr.gif) no-repeat 70px 1px; }

#sidebar .widgets li { padding-bottom:1em; font-size:12px; color:#757575; }

.authorPhotos, .sideNav, .widgets, .sidePhotos, .sideVideos, .sideTags { padding-bottom:40px; }

.widgets { padding-bottom:15px; }

.authorPhotos { padding-top:5px; }

.sidePhotos img { padding:5px; border:1px solid #e4e4e4; margin:0 5px 5px 0; }

.sideTags { line-height:1.8em; }

#aktt_tweet_posted_msg, .aktt_credit { display:none; }

.aktt_tweets form { display:none; }

.lowercase { text-transform:none; }



.post h3 { font-size:1.4em; margin-bottom:0.5em; }