/* Tag Declarations */
body { font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif; background: url(../images/header.jpg) center -160px no-repeat #fff; }
body#home { background: url(../images/header.jpg) top center no-repeat #fff; }
h1, h2 { font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 1.6em; color: #555; height: 40px; line-height: 40px; }
h3 { font-size: 1.8em; }
p { line-height: 1.8em; }
h1 + p, h2 + p, h3 + p, p + h1, p + h2, p + h3, p + p, p + ul, ul + p, p + ol, ol + p { margin: 0 0 10px 0; }
a { text-decoration: none; color: #222; }
a:hover { color: #555; }
a.button { float: left; background: #313131; color: #fff; margin: 5px 0 0 0; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.button:hover { background: #ccc; color: #000; }
img.alignleft { float: left; margin: 0 10px 10px 0; }
img.alignright { float: right; margin: 0 0 10px 10px; }
form { clear: both; float: left; width: 100%; }
form p { float: left; width: 100%; line-height: 40px; }
form p + p { margin: 0; }
form p label { float: left; width: 20%; text-align: right; margin: 0 2% 0 0; }
form p input.text { float: left; width: 75%; height: 20px; margin: 9px 0; font-family: inherit; font-size: 1em; }
form p textarea { float: left; width: 75%; height: 75px; margin: 9px 0; font-family: inherit; font-size: 1em; }
form p input.button { float: left; margin: 0 0 0 22%; }

/* Container and Header */
.container { width: 960px; margin: 0 auto; }
body#home #header { float: left; width: 940px; padding: 18px 10px; }
#header { float: left; width: 940px; padding: 18px 10px 38px 0; }
#header #logo { float: left; width: 87px; height: 102px; background: url(../images/logo.png) top left no-repeat; }
#header #logo h1 { text-indent: -9999px; background: none; }
#header #menu { float: right; width: 640px; margin: 20px 0 0 0; }
#header #menu ul li { display: inline; }
#header #menu ul li a { float: left; display: block; font-size: 1.2em; height: 50px; line-height: 25px; padding: 0 18px 0 20px; border-left: 1px solid #959595; color: #fff; }
#header #menu ul li a.first { border: none; }
#header #menu ul li a.last { padding: 0 0 0 20px; }
#header #menu ul li a:hover, #header #menu ul li.current_page_item a { color: #ccc; }
#header #menu ul li a span { font-size: 0.75em; }

/* Home Page: Splash */
#splash { float: left; width: 958px; height: 200px; margin: 0 0 20px 0; background: #333; border: 1px solid #333; }
#splash #splash-text { padding: 30px 30px; float: left; width: 298px; }
#splash #splash-text h3 { color: #fff; margin: 0 0 20px 0; }
#splash #splash-text p a.button { background: #fff; color: #222; margin: 10px 0 0 0; }
#splash #splash-text p a.button:hover { background: #ccc; color: #333; margin: 10px 0 0 0; }
#splash #splash-text p { color: #fff; }
#splash #splash-image { float: left; width: 600px; }
#splash #next-arrow { float: left; position: relative; opacity: 0.4em; background: #888; margin: -116px 0 0 944px; width: 32px; height: 32px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#splash #previous-arrow { float: left; position: relative; opacity: 0.4em; background: #888; margin: -116px 0 0 -16px; width: 32px; height: 32px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#splash #next-arrow a { float: left; padding: 3px 0 0 6px; font-size: 2.6em; color: #fff; position: relative; opacity: 1;}
#splash #previous-arrow p a { float: left; padding: 3px 0 0 6px; font-size: 2.6em; color: #fff; position: relative; opacity: 1;}

/* Home Page: Tagline */
#tagline { float: left; width: 960px; height: 40px; margin: 0 0 20px 0; }
#tagline h1 { font-family: Helvetica, Arial, Verdana; font-size: 1.2em; background: url(../images/title-background.png); text-align: center; }

/* Services Grid and Portfolio Grid */
#grid { float: left; width: 960px; }
#grid h1.title { font-size: 2em; margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d6d6d6; }
#grid div.entry { float: left; width: 280px; height: 280px; margin: 0 60px 30px 0; overflow: hidden; }
#grid div.last { margin: 0; } 

/* Sidebar */
#sidebar { float: left; width: 260px; margin: 0 40px 0 0; }
#sidebar h2 { float: left; }
#sidebar ul { float: left; width: 260px; margin: 0 0 20px 0; }
#sidebar ul li a { float: left; width: 240px; height: 30px; line-height: 30px; padding: 5px; border-top: 1px solid #d6d6d6; overflow: hidden; }
#sidebar ul li a:hover { color: #fff; background: #ccc; }
#sidebar ul li.current_page_item a { font-weight: bold; }
#sidebar ul li.current-cat a { font-weight: bold; }
#sidebar ul li.current-post a { font-weight: bold; }

/* Single Page Entry and Single Blog Entry */
#page { float: right; width: 660px; }
#page div.entry { float: left; width: 660px; margin: 0 0 20px 0; }
#page div.entry h1, #page div.entry h2 { float: left; background: none; width: 560px; height: 40px; line-height: 40px; overflow: hidden; }
#page div.entry ul { list-style-type: circle; list-style-position: inside; margin-left: 10px; }
#page div.entry ol { list-style-type: decimal; list-style-position: inside; margin-left: 10px; }
#page div.entry ul li, #page div.entry ol li { margin: 0 0 5px 0; }
#page div.entry div.date { float: right; width: 90px; height: 40px; color: #8d8d8d; text-align: center; }
#page div.entry div.date span.day { float: left; width: 45px; height: 40px; line-height: 40px; font-size: 2em; border-right: 1px solid #cacaca; }
#page div.entry div.date span.month { float: right; width: 44px; height: 20px; line-height: 20px; }
#page div.entry div.date span.year { float: right; width: 44px; height: 20px; line-height: 20px; }
#page div.entry ul.post-data { clear: both; float: left; width: 660px; height: 30px; margin: 5px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
#page div.entry ul.post-data li { float: left; display: inline; line-height: 30px; color: #777; font-size: 0.9em; }
#page div.entry ul.post-data li.author { float: right; text-align: right; padding: 0 20px 0 0; background: url(../images/icons/user.png) 100% 50% no-repeat;  }
#page div.entry div.excerpt { clear: both; float: left; width: 660px; }
#page div.entry div.excerpt h1 { float: none; }
#page div.entry div.excerpt h2 { float: none; }

/* Image Box */
#page div.entry div.excerpt div.wp-caption { text-align: center; margin: 0 0 10px 0; padding: 5px 0; background: #f3f3f3; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#page div.entry div.excerpt div.alignleft { float: left; margin: 0 10px 10px 0; }
#page div.entry div.excerpt div.aligncenter { margin: 0 auto; }
#page div.entry div.excerpt div.alignright { float: left; margin: 0 0 10px 10px; }
#page div.entry div.excerpt div.wp-caption p.wp-caption-text { font-size: 0.9em; }

/* Blog Comments Form */
#comment-form h1 { width: 660px !important; border-bottom: 1px solid #d6d6d6; }

/* Pagination (WP Page Navi Plugin) */
div.wp-pagenavi { float: left; width: 100%; height: 22px; line-height: 16px; margin: 0 0 20px 0; padding: 10px 0 0 0; border-top: 1px solid #d6d6d6; text-align: center; }
div.wp-pagenavi span.current { float: left; width: 16px; background: #ccc; color: #000; margin: 0 5px 0 0; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.wp-pagenavi a.page { float: left; width: 16px; background: #313131; color: #fff; margin: 0 5px 0 0; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.wp-pagenavi a.nextpostslink, div.wp-pagenavi a.previouspostslink { float: left; background: #313131; color: #fff; margin: 0 5px 0 0; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.wp-pagenavi a:hover { background: #ccc; color: #000; }

/* 404 */
#error { float: left; width: 960px; margin: 0 0 20px 0; }
#error h1 { background: url(../images/title-background.png); } 

/* Footer */
#footer { float: left; width: 100%; background: url(../images/footer.jpg) top center no-repeat #212121; padding: 20px 0; }
#footer ul { float: left; width: 225px; margin: 0 20px 0 0; }
#footer ul.last { margin: 0; }
#footer ul li { color: #cbcbcb; }
#footer ul li h4 { padding: 10px 0; }
#footer ul li a { float: left; width: 225px; color: #cbcbcb; padding: 10px 0; border-top: 1px solid #6e6e6e; }
#footer ul li a:hover { color: #fff; background: #262626; }
#footer ul li a.twitter { background: url(../images/icons/twitter.png) 5px 50% no-repeat; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.twitter:hover { background: url(../images/icons/twitter.png) 5px 50% no-repeat #262626; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.linkedin { background: url(../images/icons/linkedin.png) 5px 50% no-repeat; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.linkedin:hover { background: url(../images/icons/linkedin.png) 5px 50% no-repeat #262626; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.telephone { background: url(../images/icons/telephone.png) 5px 50% no-repeat; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.telephone:hover { background: url(../images/icons/telephone.png) 5px 50% no-repeat #262626; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.email { background: url(../images/icons/email.png) 5px 50% no-repeat; width: 205px; padding: 10px 0 10px 25px; }
#footer ul li a.email:hover { background: url(../images/icons/email.png) 5px 50% no-repeat #262626; width: 205px; padding: 10px 0 10px 25px; }