/* SB CSS */
/*Eric Meyer's CSS Reset */
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,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; font-size: 100% }
/*Carousel Styles*/
html, body { min-height: 100%; height: auto !important; height: 100%; }
#carousel_inner { width:860px; /* important (this width = width of list item(including margin) * items shown */
background: #FFFFFF; height: auto; position: relative; overflow: visible; margin: 0 auto; }
#carousel_ul { position:relative; margin: 0px; padding: 0px; padding-bottom:10px;
left:-1720px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
width:99999px; /* important */ }
#carousel_ul li{ float: left; /* important for inline positioning of the list items */
width:840px; /* fixed width, important */
padding:20px 10px; height:auto; background: #f5f5f5; }
#carousel_ul li img { margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
border:0; border-bottom: 1px solid #f5f5f5; }
#left_scroll { position: absolute; left: 20px; top: 50%; z-index: 50; }
#right_scroll { position: absolute; right: 20px; top: 50%; z-index: 50;}
#left_scroll, #right_scroll{ height:400px; width:150px; }
#left_scroll img, #right_scroll img{ cursor: pointer; }
#carousel_clip { width: 100%; overflow:hidden; display: block; position: relative; margin: 0 auto; }
/*SB Styles*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #999; }
.clear { float: none; clear: both; }
.central-content { width: 880px; margin: 0px auto; }
.top-line { border-top: 1px solid #ccc; padding-top: 20px; }
.two-col { width: 580px; margin-right: 20px; float: left; }
.col { width: 280px; margin-right: 20px; float: left; }
.last { margin-right: 0 !important; }
/*Header*/
#sb-header { width: 880px; margin: 5px auto 0 auto; border-bottom: 20px solid #fff; }
#sb-menu { width: 580px; float: left; text-transform: uppercase; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; /*font-size: 14px !important; margin-top: 4px;*/font-size: 12px; margin-top: 6px; }
#sb-menu ul li { float: left; list-style: none; padding-right: 15px; background-image: url(images/menu-slash.jpg); background-repeat: no-repeat; background-position: right; }
#sb-menu ul li:last-child { padding-right: 0px; background: none; }
#sb-menu ul li a { color: #999; text-decoration: none; }
#sb-menu ul li a:hover { color: #e51d9b; }
#sb-menu ul li.current_page_item a { color: #000; text-decoration: underline; }
#sb-share { width: 280px; float: right; font-size: 12px; margin: 0; color: #666; height: 30px; overflow: visible; }
#sb-share-initial { margin-bottom: 10px; }
#sb-share #sb-share-share, #sb-share #sb-share-follow { float: right; margin: 5px 10px 0 0; }
#sb-share form { float: right; }
#sb-share a { color: #666; text-decoration: none; }
#sb-share a:hover { color: #e51d9b; text-decoration: none; }
#sb-share label { float: left; margin: 5px 5px 0 0; }
#sb-share .newsletter-input { font-size: 12px !important; width: 96px; border: 1px solid #aaa; height: 16px; padding: 2px; float: left; color: #666; }
#sb-share .newsletter-submit { float: left; margin-left: 5px; width: 7px; height: 20px; background-image: url(images/newsletter-arrow.png); background-repeat: no-repeat; }
#sb-share .newsletter-submit:hover { background-image: url(images/newsletter-arrow-over.png); }
#sb-share-share-more, #sb-share-follow-more { width: 260px; height: 80px; margin-top: 0px; padding: 10px; background-image: url(images/share-bg.png); background-repeat: repeat; position: relative; z-index: 10; display: none; margin-bottom: 5px; }
#sb-share-share-more-close, #sb-share-follow-more-close { position: absolute; bottom: 10px; right: 10px; }
#sb-share-share-more p, #sb-share-follow-more p { margin-bottom: 10px; }
#sb-share-share-more p a, #sb-share-follow-more p a { text-decoration: underline; }
#sb-logo { float: left; margin-top: 35px; }
#sb-intro { float: right; margin-top: 42px; clear: right; }
#sb-intro a { color: #999; text-decoration: none; }
#sb-intro a:hover { color: #e51d9b; text-decoration: none; }
#twitter-link { background-image: url(images/twitter-link.png); background-repeat: no-repeat; background-position: left; padding-left: 20px; }
#fb-link { background-image: url(images/fb-link.png); background-repeat: no-repeat; background-position: left; padding-left: 20px; }
#overview-panel { width: 880px; margin: 0 auto; height: 1px; overflow: visible; z-index: 50; }
#overview-panel-inside { width: 740px; padding: 20px; height: 560px; color: #fff; z-index: 50; position: relative; top: 0; left: 0; background-image: url(images/overlay-black-bg.png); }
#overview-panel-inside h3 { border-top: 1px solid #fff; padding: 20px 0; margin: 0; color: #fff; }
#page-contact { float: left; width: 310px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; }
#page-contact .contact-info { color: #fff; }
/* Footer */
#sb-footer-line { border-top: 1px solid #ccc; padding-top: 1px; margin-top: 20px; }
#sb-footer { width: 880px; margin: 0px auto 20px auto; padding-top: 19px; }
#sb-bsb { float: right; font-family: Georgia, "Times New Roman", Times, serif !important ; font-style: italic !important; font-size: 16px !important; color: #000; }
#sb-busdetails { float: left; font-size: 70%; }
#sb-busdetails a { color: #999; }
#sb-busdetails a:hover { color: #e51d9b; }
/*Portfolio*/
#left-arrow { background-image: url(images/left-arrow-big.png); }
#right-arrow { background-image: url(images/right-arrow-big.png); }
#left-arrow:hover { background-image: url(images/left-arrow-big-over.png); }
#right-arrow:hover { background-image: url(images/right-arrow-big-over.png); }
.portfolio-main { width: 840px; height: auto; position: relative; background-color: #999; }
.portfolio-text { width: 250px; padding: 0px 10px 0px 0px; background-color: #f5f5f5; position: absolute; top: 0px; left: 0px; z-index:5;; }
.portfolio-more { width: 840px; display: none; margin-top: 24px; }
.portfolio-more-content-box { width: 840px; height: auto; position: relative; background-color: #F5F5F5; margin-bottom: 20px; }
.portfolio-more-btn { position: absolute; bottom: 10px; left: 600px; width: 220px; padding: 10px 0px 0px 10px; z-index:5; text-align: right; color: #fff; font-size: 30px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; display: none; }
.portfolio-selected .portfolio-more-btn { display: block; }
.portfolio-external-link { position: absolute; bottom: 10px; left: 10px; width: 220px; padding: 10px 10px 0px 0px; z-index:5; color: #fff; font-size: 30px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; text-transform: uppercase; }
.portfolio-contact-link { position: absolute; bottom: 10px; left: 10px; width: 530px; padding: 10px 10px 0px 0px; z-index:5; color: #ccc; font-size: 30px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; text-transform: uppercase; }
.portfolio-more-btn:hover, .portfolio-external-link:hover, .portfolio-contact-link:hover { color: #e51d9b; }
.top-link, .share-link, .close-link { color: #000; float: right; margin-left: 20px; font-size: 14px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; }
.top-link:hover, .share-link:hover, .close-link:hover, .contact-link:hover { color: #e51d9b; }
.contact-link { width: 840px; float: left; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc; color: #999; text-align: right; font-size: 14px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; }
.proj-desc { padding-top: 20px; border-top: 1px solid #ccc; }
.client-wrapper .proj-desc { display: none; }
.portfolio-main .proj-desc { display: none; }
/*Text page*/
#text-content { width: 880px; margin: 0px auto 0 auto; }
.text-area { width: 880px; }
.text-area .entry-content { width: 580px }
.text-area h1 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px 0; margin-bottom: 30px; }
.text-area h2 { font-size: 18px !important; }
.text-area h3 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: none; font-size: 18px !important; color: #666; }
/*Client Page*/
.client-wrapper { margin: 0 auto; background-color: #f5f5f5; width: 840px; padding: 20px; }
.client-relationship { border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.client-relationship h5 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 90%; color: #999; margin-bottom: 10px; font-weight: normal; }
.client-relationship table td { padding: 0 0 10px 0; font-size: 80%; vertical-align: top; }
.client-relationship table { margin-bottom: 20px; }
.back-link { color: #000; float: left; margin-right: 20px; font-size: 14px; text-decoration: none; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; }
.back-link:hover { color: #e51d9b; }
/*Blog*/
#blog-content { width: 880px; margin: 0 auto; }
.blog-post-overview { width: 200px; margin: 10px; padding: 20px 0px; border-top: 1px solid #ccc; float: left; height: auto; }
.blog-post-overview img { margin-bottom: 20px; width: 200px; height: auto; }
.blog-post-overview h2 { margin: 0; }
.blog-post-overview p { margin: 20px 0 0 0; }
.category-blog img { width: 580px; height: auto; }
.category-blog ul li { margin-left: 25px; }
#blog-side-nav { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#blog-side-nav p a { text-decoration: none; }
.blog-post-content img { margin-bottom: 20px; width: 580px; height: auto; }
.entry-meta { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.entry-meta #postedby { width: 180px; float: left; margin-bottom: 0; }
.entry-meta #ondate { width: 100px; float: left; margin-bottom: 0; }
.blog-date { color: #ccc; }
/*Capabilities Pages*/
.cap-content { background-color: #fff; padding: 20px; width: 800px; }
.cap-col { width: 252px; margin-right: 22px; float: left; }
.cap-georgia { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: none; }
.cap-col h2 { font-size: 16px !important; }
.cap-col p { font-size: 90%; }
.cap-content p.large-text { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.cap-content .portfolio-more-btn { color: #ccc; }
.cap-content .portfolio-more-btn:hover { color: #e51d9b; }
/* Clients */
.clients a { color: #000; }
.clients a:hover { color: #e51d9b; }
/*Contact Page*/
.contact-info { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #555; }
.hr { margin: 30px auto; border-top: 1px solid #CCC; width: 100%; }
.contact-a { color: #999; text-decoration: none; }
.contact-a:hover { color: #e51d9b; text-decoration: underline; }
/* Fonts */
p { margin-bottom: 20px; }
p a { color: #000; }
p a:hover { color: #e51d9b; }
h1, h2, h3 { margin-bottom: 20px; font-family: MuseoSans-700, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 24px !important; color: #000; }
h1 a, h2 a, h3 a { color: #000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #e51d9b; }
/* Editor */
.edit-link { display: none; }
#wpadminbar { display: none; }