/*
Theme Name: Line In Custom theme
Theme URI: http://http://www.line-in.co.uk
Description: A custom theme for Line In Web Design
Version: 1.0
Author: Simon Fairbairn
Author URI: http://www.simonfairbairn.com/
*/
/*
* Reset - Resets all browsers down to common default settings
*
* @credits Eric Meyer's CSS Reset
*/
/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Removes dotted line when focus */
:focus { outline: none; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
/* Regular clearing, just in case! */
.clear { clear: both; }
body, input, textarea { font: 13px/1.5 verdana, arial, sans-serif; background: #350A1B; text-align: center; color: #c3c3c3; }
/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .comment-list ul, .comment-list ol { margin-bottom: 20px; font-size: 14px;}
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
/* Containers */
#container { background: url(images/li_bg.jpg); }
#fringe { background: url(images/li_black_top.png) repeat-x; }
#shine { background: url(images/li_shine.jpg) no-repeat top center; width: 960px; margin: 0 auto; position: relative; text-align: left;}
/* Logo */
#header h2, #header h1{ width: 181px; height: 140px; position: relative; top: 13px; left: 10px; }
#header h2 span, #header h1 span { width: 100%; height: 100%; position: absolute; background: url(images/li_logo.png) no-repeat; }
{ font-size: 28px; line-height: 30px; color: #000; font-weight: bold; }
#logo a:hover { color: #2361a1; text-decoration: none; }
#tagline { color: #333; }
/* posts styling */
#content { margin: 37px auto; }
/* About Page template styling */
.page-template-about-php .entry, .page-template-services-php .entry, .error404 .entry { width: 956px; margin: 25px auto; background: url(images/li_wide_slice.png) repeat-y; }
.aboutContainer { overflow: hidden; width: 94%; margin: 5px auto;}
.aboutContainer h2 { margin-bottom: 10px; }
.aboutHeader { background: url(images/li_wide_slice_head.png) no-repeat; height: 19px; }
.aboutFooter { background: url(images/li_wide_slice_foot.png) no-repeat; height: 19px; }
/* Portfolio Page Template styling */
.workContainer { width: 980px; margin: 27px 0 41px -10px; overflow: hidden; }
.workContainer h2 a { color: #fff; }
.workDetails-0 p { margin: 0 0 0 30px; }
.workDetails-1 p { margin: 0 30px 0 0; }
.workDetails-1 .notes { margin: 41px 30px 1.4em 0; font-size: 14px;}
.workDetails-0 .notes { margin: 42px 0 1.4em 30px; font-size: 14px;}
.workDetails-0, .workImage-1 { float: left; margin-left: 11px; }
.workImage-0, .workDetails-1 { float: right; margin-right: 13px; }
.workImage-0, .workImage-1 { width: 316px; height: 176px; background: url(images/li_portfolio_img_bg.png); }
.workDetailsCont { background: url(images/li_portfolio_slice.png) repeat-y; width: 636px; height: 154px; }
.workDetailsHead { background: url(images/li_portfolio_head.png) no-repeat; height: 22px; }
.workDetailsFoot { background: url(images/li_portfolio_foot.png) no-repeat; height: 22px; width: 636px; }
.workDetails-0 .column1 { float: left; width: 300px;}
.workDetails-0 .column1 h2 { background: url(images/li_portfolio_banner_left.png) no-repeat top left; height: 33px; text-align: center; color: #fff; margin: -1px -7px 0; }
.workDetails-1 .column1 { float: right; width: 300px;}
.workDetails-1 .column1 h2 { background: url(images/li_portfolio_banner_right.png) no-repeat top left; height: 33px; text-align: center; color: #fff; margin: -2px -7px 0 1px; }
.workDetails-0 .column2 { float: right; width: 310px; margin-right: 15px;}
.workDetails-1 .column2 { float: left; width: 310px; margin-left: 25px; }
.workImage-0 img { margin: 8px 0 0 8px; }
.workImage-1 img { margin: 8px 0 0 8px; }
/* Services Page template styling */
body.page-template-services-php .blogSearch,
body.blog #socialMediaTop,
body.archive #socialMediaTop,
body.single #socialMediaTop,
body.search #socialMediaTop { display: none; }
.servicesContent h2, .portfolioIntro { font-size: 23px; width: 80%; margin: 5px auto 10px; line-height: 1.2; text-align: center; }
.servicesContent .entry h2 { width: 100%; }
.servicesContainer { width: 970px; overflow: hidden; }
.servicesContainer ul li, .serviceContainerPro ul li { padding: 5px 0; }
.infoContainer { min-height: 300px; display: none;}
.littleBit { display: block; height: 1px; }
.secondServiceContainer { width: 295px; float: left; margin: 45px 0 0 3px; }
.secondService, .secondServiceHead, .secondServiceFoot { width: 285px; position: relative; }
.secondServiceR, .secondServiceRHead, .secondServiceRFoot { width: 20px; position: absolute; left: 265px; }
.secondService, .secondServiceR { background: url(images/li_wide_slice.png) repeat-y;}
.secondServiceR { background-position: top right; height: 100%; }
.secondServiceHead, .secondServiceRHead { background: url(images/li_wide_slice_head.png) no-repeat top left; height: 19px; }
.secondServiceRHead { background-position: top right; }
.secondServiceFoot, .secondServiceRFoot { background: url(images/li_wide_slice_foot.png) no-repeat bottom left; height: 19px; }
.secondServiceRFoot { background-position: bottom right; }
.serviceContainerPro { width: 365px; float: left; }
.serviceContainerProHead, .serviceContainerProBody, .serviceContainerProFoot { width: 365px; }
.serviceContainerProHead { background: url(images/li_popular_head.jpg) no-repeat top left; width: 365px; height: 43px; }
.serviceContainerProBody { background: url(images/li_popular_slice.jpg) repeat-y top left; width: 365px; }
.serviceContainerProFoot { background: url(images/li_popular_foot.jpg) no-repeat top left; width: 365px; height: 43px; }
.serviceProInnerBody { width: 70%; margin: 0 auto; }
.serviceProInnerBody h3 { font-size: 46px; font-weight: bold; text-transform: uppercase; padding-top: 12px;}
.serviceProInnerBody h4 { font-size: 24px; font-weight: bold; margin-top: 7px; }
.servicesInnerContent { width: 80%; margin: 0 auto;}
.servicesInnerContent, .serviceProInnerBody { text-align: center; }
.servicesInnerContent h3 { font-size: 28px; font-weight: bold; padding-top: 10px; text-transform: uppercase;}
.servicesInnerContent h4 { font-size: 20px; }
.servicesInnerContent .tagline, .serviceProInnerBody .tagline { border-bottom: 1px solid #96556e; padding-bottom: 5px; margin-bottom: 5px;}
.servicesInnerContent ul, .serviceProInnerBody ul { margin: 0; list-style: none; }
.serviceProInnerBody .tagline { margin-top: 7px; padding-bottom: 10px; font-size: 1.1em;}
.serviceProInnerBody ul { padding-top: 10px; }
.serviceProInnerBody ul li { font-size: 1.1em; }
.littleButton { width: 98px; height: 29px; margin: 0 auto; font-size: 14px; margin-top: 20px; padding-bottom: 20px;}
.littleButton a { display: block; width: 100%; height: 100%; color: #fff; background: url(images/li_little_button.png) no-repeat; padding-top: 3px; }
.littleButton a:hover, .littleButton a:active, .littleButton a:focus { text-decoration: none; background: url(images/li_little_button_hover.png) no-repeat; padding-top: 4px; }
.button { width: 153px; height: 46px; margin: 0 auto; font-size: 20px; margin-top: 20px; padding-bottom: 20px; }
.button a { display: block; width: 100%; height: 100%; color: #fff; background: url(images/li_big_button.png) no-repeat; padding-top: 6px;}
.button a:hover, .button a:active, .button a:focus { text-decoration: none; background: url(images/li_big_button_hover.png) no-repeat; padding-top: 5px;}
/* Home page */
div.slideshow { width: 800px; height: 275px; background: url(images/li_front_slide.jpg) no-repeat top center; margin: 24px auto;}
div.slideshow p { color: #c3c3c3; width: 550px;}
div.slideshow .noJsSlideshow { padding-top: 40px; }
div.homePageContainer a { color: #ccaae4; }
.homePageFooterContainer { overflow: hidden; width: 100%; margin-bottom: 20px;}
.homePageFooterContainer ul { list-style-type: none; margin: 0; }
.homePageFooterContainer ul li { background: url(images/li_hp_box_slice.png) repeat-y; width: 304px; float: left; margin: 8px; }
.homePageFooterContainer ul li .footerBoxHead, .homePageFooterContainer ul li .footerBoxFoot { width: 100%; height: 13px; }
.homePageFooterContainer ul li .footerBoxHead { background: url(images/li_hp_box_head.png) no-repeat; }
.homePageFooterContainer ul li .footerBoxFoot { background: url(images/li_hp_box_foot.png) no-repeat; }
.homePageFooterContainer ul li h2 { background: url(images/li_box_header.png) no-repeat top left; height: 44px; text-align: center; color: #fff; margin: 8px -7px 0; }
.homePageFooterContainer .boxContainer { width: 86%; margin: 0 auto; height: 360px; overflow: auto;}
.homePageFooterContainer .headingContainer { width: 100%; overflow: hidden; }
.homePageFooterContainer .headingContainer h3 { clear: none; float: left; padding: 2px 0 0; font-weight: bold; width: 75%; }
.homePageFooterContainer .boxContainer img { display: block; max-width: 250px; margin: 0 auto; }
.homePageFooterContainer .boxText { margin-top: 20px; text-align: center;}
.homePageFooterContainer ul li ul { list-style-type: disc; list-style-position: outside; margin: 1em 0;}
.homePageFooterContainer ul li ul li { background: none; float: none; margin: 0.3em 1.5em; width: 80%;}
/* Blog Page Styling */
.blogContainer { width: 980px; overflow: hidden;}
.postsContainer { width: 624px; float: left; background: url(images/li_blog_slice.png) repeat-y; margin: 41px 0 0 8px;}
.postsHead { width: 624px; height: 14px; background: url(images/li_blog_head.png) no-repeat top left; }
.postsFoot { width: 624px; height: 14px; background: url(images/li_blog_foot.png) no-repeat bottom left; }
.navigation { width: 100%; overflow: hidden; }
.postsContainer .post,
body.search .postsContainer .page,
.page-template-plugins-php .page { width: 87%; margin: 0 auto 20px; position: relative; }
.postsContainer .post .tweetmeme_button,
body.search .postsContainer .page .tweetmeme_button,
.page-template-plugins-php .page .tweetmeme_button { position: absolute; top: 25px; left: 2px; }
.postsContainer .post h2,
body.search .postsContainer .page h2.postTitle,
.page-template-plugins-php .page h2 { font-size: 34px; font-weight: normal; font-variant: small-caps; padding: 22px 0 0 63px; line-height: 0.9; width: 425px;}
.postsContainer .post h2 a,
body.search .postsContainer .page h2 a,
.page-template-plugins-php .page h2 a { color: #fff; }
.postsContainer .post h2 a:hover,
.postsContainer .post h2 a:active,
.postsContainer .post h2 a:focus,
body.search .postsContainer .page h2 a:hover,
body.search .postsContainer .page h2 a:active
body.search .postsContainer .page h2 a:focus,
.page-template-plugins-php .page h2 a:hover,
.page-template-plugins-php .page h2 a:active,
.page-template-plugins-php .page h2 a:focus { text-decoration: underline; }
.postsContainer .post ul, .postsContainer .page ul { margin-left: 30px; }
.postsContainer .post ul li, .postsContainer .page ul li{ margin-bottom: 10px; }
.postsContainer .post .postmetadataTop,
body.search .postsContainer .page .postmetadataTop,
.page-template-plugins-php .page .postmetadataTop { padding-left: 65px; margin: 5px 0 25px;}
.postsContainer .post .theDate,
body.search .postsContainer .theDate
.page-template-plugins-php .page .theDate{ float: none; position: absolute; top: 24px; right: -20px; }
.postmetadata { font-size: 85%; color: #999; }
.blogSearch { width: 305px; }
.blogSearch input.searchtext { background: url(images/li_search_bar.png) no-repeat; width: 225px; margin: 0; height: 29px; padding: 0; display: block; float: left; padding: 6px 10px 0 5px; text-align: left;}
.blogSearch input.searchsubmit { width: 49px; height: 29px; color: #fff; background: url(images/li_go_button.png) no-repeat; padding-top: 0; margin-left: 10px; margin-top: 0;}
.blogSearch input.searchsubmit:hover { background: url(images/li_go_button_hover.png) no-repeat; }
div.syntaxhighlighter { border: 3px solid #3b0c23 !important; }
.comment-text-plugin { font-weight: bold; }
#respond { margin-top: 60px; }
/* Sidebar */
#sidebar { width: 303px; float: right; background: url(images/li_sidebar_slice.png) repeat-y; margin-top: 40px; margin-right: 30px; position: relative; }
#sidebar .rss { width: 89px; height: 61px; position: absolute; top: -39px; left: 200px; }
#sidebar .rss span { position: absolute; background: url(images/li_rss.jpg) no-repeat; width: 100%; height: 100%; }
input { background: url(images/li_input_bar.png); width: 196px; height: 20px; padding: 6px 3px 3px; text-align: left; margin: 5px 0;}
input[type='submit'] { background: url(images/li_little_button.png) no-repeat; width: 98px; height: 29px; text-align: center; padding-top: 0; }
input[type='submit']:hover, input[type='submit']:active, input[type='submit']:focus { background: url(images/li_little_button_hover.png) no-repeat; }
#sidebar #mc_embed_signup input[type='image'] { width: 98px; height: 29px; text-align: center; padding: 0; width: 233px; height: 55px; display: block; margin: 10px auto;}
#sidebar #mc_embed_signup input[type='image']:hover { background: url(images/li_call_to_action_hover.png); }
#sidebar fieldset { margin-bottom: 0; }
#sidebar .sidebarHead { background: url(images/li_sidebar_head.png) no-repeat top left; width: 304px; height: 14px; }
#sidebar .sidebarFoot { background: url(images/li_sidebar_foot.png) no-repeat bottom left; width: 304px; height: 14px; }
#sidebar .sidebarBody { width: 268px; margin: 0 auto; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul ul { list-style: disc; margin-left: 15px; }
#sidebar ul li h2 { background: url(images/li_box_header.png) no-repeat top left; height: 44px; text-align: center; color: #fff; margin: 8px -16px 0 -24px; font-weight: normal; }
#sidebar ul ul.twitter { list-style: none; margin: 0; }
.twitter-item { padding: 5px 5px 5px 105px; background: url(images/li_twitter_bird.jpg) no-repeat top left; font-size: 11px; min-height: 45px;}
#sidebar p.signupText { margin-bottom: 0; }
#sidebar li#text-3 { margin-bottom: 20px; }
#sidebar
/* 404 page */
.meContent { width: 100%; overflow: hidden; }
.meContent img { border: none; }
/* Testimonials */
#post-384 h3 { margin-top: 30px; }
/* Page titles */
h1.pagetitle { height: 44px; position: relative; left: 10px; padding: 0; width: 260px;}
h1.pagetitle span { width: 100%; height: 100%; position: absolute; background: url(images/li_title_slice.png) no-repeat; }
h1.page-192 span { background-position: 0 -44px; }
h1.page-200 span { background-position: 0 -220px; }
h1.page-255 span { background-position: 0 0; }
h1.page-258 span { background-position: 0 0px; }
h1.page-384 { width: 350px; }
h1.page-384 span { background-position: 0 -396px; }
h1.portfolio span { background-position: 0 -264px; }
h1.blog span { background-position: 0 -132px; }
h1.search span { background-position: 0 -352px; }
h1.services span { background-position: 0 -308px; }
h1.archive span { background-position: 0 -176px; }
h1.uhoh404 span { background-position: 0 -44px; }
h2.pagetitle { padding-left: 15px; }
.page-template-services-php h2.pagetitle { padding-left: 0; }
h3.comments { margin: 40px 0 20px; font-weight: bold; }
h3.trackbacks { margin: 20px 0 20px; font-weight: bold; }
/* The Date */
div.theDate { float: left; color: #51152c; font-weight: bold; margin-right: 17px; text-align: center;}
div.day { font-size: 28px; line-height: 1; margin-bottom: -10px;}
div.month { font-size: 20px; text-transform: uppercase; }
/* Links */
a { color: #ccaae4; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
p a { font-weight: bold; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited, .entry-content a:focus { color: #2361a1; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; font-weight: normal; }
h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; margin-bottom: 15px;}
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; font-size: 24px; line-height: 28px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }
/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { color: #949494; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 15px; }
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Tables */
table { border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th { font-weight: bold; font-size: 14px; }
th, td { padding: 5px 5px; border-right: 1px solid #401028; border-left: 1px solid #401028;}
td { border-top: 1px dashed #401028; }
th, td.packageBasic, td.packagePro, td.packageUltimate, td.packageBoltOn { text-align: center; }
.highlight { background: #703552;}
tr.alt .highlight { background: #854b67;}
tr { background: #5d2341; }
table tr.alt { background: #662b48; }
tr.packageSeparate td { border-top: 4px double #401028; }
tr.packageTotal td { font-weight: bold; font-size: 16px; }
tr.packageSaving td { font-weight: bold; }
/* Forms */
label { display: block; margin-top: 5px; }
input, textarea, button { border: none; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
textarea { background: #9E6771; border: 1px solid #000; text-align: left;}
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }
/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
/* Images */
img.border { border: 5px solid #46152d; -moz-border-radius: 5px; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin: 10px auto; display: block; clear: both; }
.chunkyBorders { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #4b1f2d; padding: 0; }
.wp-caption { text-align: center; margin-top: 10px; }
.wp-caption img { padding: 0; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; font-style: italic; color: #999; }
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }
/* Basic Alignments */
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
/* Footer */
#footer { position: relative; text-align: center; background: transparent; height: 80px; color: #c3c3c3; clear: both; width: 960px; margin: 0 auto; }
#footer p { margin-bottom: 0; padding: 13px 0 10px; font-size: 14px; line-height: 1.8;}
#footer ul.footerLinks { margin: 0; padding: 0; list-style: none; width: 450px; margin: 0 auto 45px;}
#footer ul.footerLinks li { display: inline; margin: 0 10px; }
#footer ul.footerLinks li.current_page_item a { text-decoration: underline; }
.footerWide { width: 100%; background: #350a1b url(images/li_footer_border.png) repeat-x top center; height: 2px; clear: both; }
/* Menus */
#navigationContainer { position: absolute; top: 16px; right: 10px; width: 661px; }
#navigationContainer * { list-style: none; margin-left: 0; }
#navigationContainer li { display: block; float: left; padding: 0; position: relative; height: 23px; overflow: hidden; }
#navigationContainer li span { position: absolute; width: 100%; height: 100%; background: url(images/li_nav_sprite.jpg);}
#navigationContainer li.page-item-192 { width: 95px; }
#navigationContainer li.page-item-192 a span { background-position: -81px -23px; }
#navigationContainer li.page-item-192 a:hover span, #navigationContainer li.page-item-192 a:active span, #navigationContainer li.page-item-192 a:focus span, #navigationContainer li.page-item-192.current_page_item a span { cursor: pointer; background-position: -81px 0; }
#navigationContainer li.page-item-198 { width: 86px; }
#navigationContainer li.page-item-198 a span { background-position: -457px -23px; }
#navigationContainer li.page-item-198 a:hover span, #navigationContainer li.page-item-198 a:active span, #navigationContainer li.page-item-198 a:focus span, body.blog #navigationContainer li.page-item-198 a span, body.archive #navigationContainer li.page-item-198 a span, body.single #navigationContainer li.page-item-198 a span { cursor: pointer; background-position: -457px 0; }
#navigationContainer li.page-item-200 { width: 117px; }
#navigationContainer li.page-item-200 a span { background-position: -543px -23px; }
#navigationContainer li.page-item-200 a:hover span, #navigationContainer li.page-item-200 a:active span, #navigationContainer li.page-item-200 a:focus span, #navigationContainer li.page-item-200.current_page_item a span { cursor: pointer; background-position: -543px 0; }
#navigationContainer li.page-item-190 { width: 81px; }
#navigationContainer li.page-item-190 a span { background-position: 0 -23px; }
#navigationContainer li.page-item-190 a:hover span, #navigationContainer li.page-item-190 a:active span, #navigationContainer li.page-item-190 a:focus span, #navigationContainer li.page-item-190.current_page_item a span { cursor: pointer; background-position: 0 0; }
#navigationContainer li.page-item-194 { width: 151px; }
#navigationContainer li.page-item-194 a span { background-position: -176px -23px; }
#navigationContainer li.page-item-194 a:hover span, #navigationContainer li.page-item-194 a:active span, #navigationContainer li.page-item-194 a:focus span, #navigationContainer li.page-item-194.current_page_item a span { cursor: pointer; background-position: -176px 0; }
#navigationContainer li.page-item-196 { width: 130px; }
#navigationContainer li.page-item-196 a span { background-position: -327px -23px; }
#navigationContainer li.page-item-196 a:hover span, #navigationContainer li.page-item-196 a:active span, #navigationContainer li.page-item-196 a:focus span, body.page-template-services-php #navigationContainer li.page-item-196 a span { cursor: pointer; background-position: -327px 0; }
#socialMediaTop, .blogSearch { position: absolute; top: 53px; right: 14px; }
#socialMediaFoot { position: absolute; top: 21px; left: 10px; text-align: left;}
.socialMediaContainer { width: 152px; margin: 0 auto;}
.socialMediaContainer ul { padding: 0; margin: 0 auto; list-style: none; text-align: left; width: 210px; }
.socialMediaContainer ul li { float: left; position: relative; padding: 0; overflow: hidden; clear: none; width: 38px; }
.socialMediaContainer li a { display: block; float: left; padding: 0; position: relative; height: 30px; overflow: hidden; width: 38px; background: url(images/li_sm_sprite.png); }
.socialMediaContainer li span { display: block; width: 0; height: 0; overflow: hidden; font-size: 1px;}
.socialMediaContainer li.smEmail a { background-position: 0 0; }
.socialMediaContainer li.smEmail a:hover , .socialMediaContainer li.smEmail a:active , .socialMediaContainer li.smEmail a:focus { cursor: pointer; background-position: 0 -30px; }
.socialMediaContainer li.smTwitter a { background-position: -38px 0; }
.socialMediaContainer li.smTwitter a:hover , .socialMediaContainer li.smTwitter a:active , .socialMediaContainer li.smTwitter a:focus { cursor: pointer; background-position: -38px -30px; }
.socialMediaContainer li.smFacebook a { background-position: -76px 0; }
.socialMediaContainer li.smFacebook a:hover , .socialMediaContainer li.smFacebook a:active , .socialMediaContainer li.smFacebook a:focus { cursor: pointer; background-position: -76px -30px; }
.socialMediaContainer li.smRSS a { background-position: -114px 0; }
.socialMediaContainer li.smRSS a:hover , .socialMediaContainer li.smRSS a:active , .socialMediaContainer li.smRSS a:focus { cursor: pointer; background-position: -114px -30px; }