/* Vitals */
html { overflow-x: hidden }
* {	margin: 0px; padding: 0px; border: none; list-style: none; outline: none; }
body { font: 62.5% Arial, Helvetica, sans-serif; }
a:hover { text-decoration: none; }

/* Structure */
#headercontainer { background: url(../img/headercontainerbg.png) repeat-x; width: 100%; height: 188px; }
#header { background: url(../img/headerbg.png); width: 960px; height: 188px; margin: 0 auto; }
#contentcontainer { width: 960px; margin: 0 auto; clear: both; position: relative; }
#footercontainer { background: url(../img/footercontainerbg.png) repeat-x; width: 100%; height: 128px; clear: both; }
#footer { background: url(../img/footermainbg.png); width: 960px; height: 108px; margin: 0 auto; padding: 20px 0 0 0; }
#logo { background: url(../img/logo.png); width: 270px; height: 0px; padding: 72px 0 0 0; overflow: hidden; display: block; position: relative; top: 43px; }
#content { width: 560px; float: left; margin: 0 0 40px 0; }
#sidebar { width: 300px; float: right; margin: 0 0 20px 0; }

/* Layout */
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
img.alignleft { margin: 0 20px 10px 0; }
img.alignright { margin: 0 0 10px 20px; }
img.attachment-thumbnail { margin: 0 0 3px 0; border: 1px solid #4a54a2; float: left; }
.archive img.attachment-medium { width: 150px; height: auto; }
.archiveimgcontainer { width: 150px; height: 150px; overflow: hidden; float: left; border: 1px solid #4a54a2; margin: 0 20px 20px 0; }

/* Home */
#content.home, #sidebar.home { width: 960px; }
#content.home { margin-bottom: 10px; }
#sidebar.home { background: url(../img/wide-shadow.png) center top no-repeat; padding: 45px 0 0 0; }
#sidebar.home li { width: 300px; float: left; margin: 0 10px 30px 10px; }
#content.home a { color: #898992; text-decoration: none; }
#content.home a:hover { color: #61626d; }

/* Header */
.contactdetails { float: right; text-align: right; position: relative; top: 44px; font-size: 1.2em; color: #4a54a2; }
.contactdetails  a { color: #61626d; }
.contactdetails  .phonenumber { clear: both; font-size: 1.6em; font-weight: bold; }

/* Navigation */
#navigation { float: right; position: relative; top: 28px; }
#navigation li { float: left; margin: 0 0 0 5px; }
#navigation a { background: url(../img/navigation.png); height: 0px; padding: 24px 0 0 0; overflow: hidden; display: block; }
a#portfolio { width: 109px; background-position: 0px 0px }
a#portfolio:hover { width: 109px; background-position: 0px -24px }
a#portfolio.on { width: 109px; background-position: 0px -48px }
a#biography { width: 109px; background-position: -109px 0px }
a#biography:hover { width: 109px; background-position: -109px -24px }
a#biography.on { width: 109px; background-position: -109px -48px }
a#clients { width: 81px; background-position: -218px 0px }
a#clients:hover { width: 81px; background-position: -218px -24px }
a#clients.on { width: 81px; background-position: -218px -48px }
a#latest { width: 75px; background-position: -299px 0px }
a#latest:hover { width: 75px; background-position: -299px -24px }
a#latest.on { width: 75px; background-position: -299px -48px }
a#getintouch { width: 126px; background-position: -374px 0px }
a#getintouch:hover { width: 126px; background-position: -374px -24px }
a#getintouch.on { width: 126px; background-position: -374px -48px }
#content .navigation { clear: both; }
#content .navigation a { background: #61626d; color: #FFF; font-size: 1.1em; line-height: 100%; font-weight: bold; text-decoration: none; padding: 5px 10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; }
#content .navigation a:hover { background: #cfcfd3; }

/* Portfolio */
#portfoliohome { width: 960px; height: 400px; overflow: hidden; margin: 0 0 30px 0; }

/* Side Bar */
#sidebar { font-size: 1.2em; line-height: 140%; color: #898992; }
#sidebar h2 { margin: 0; }
#sidebar ul { margin-bottom: 30px; z-index: 100; position: relative; }
#sidebar .title { padding: 0px 7px; }
#sidebar .title a { color: #FFF; font-weight: bold; padding: 0px; text-decoration: none; }
#sidebar .date { font-weight: bold; }
#sidebar .lateststories { margin: 0 0 1em 0; clear: both; background: #898992 url(../img/latestbg.png) bottom; padding: 0 0 5px 0; width: 300px; }
#sidebar .latesthome { margin: 0 0 1em 0; background: #898992 url(../img/latestbg.png) bottom; padding: 0 0 5px 0; width: 300px; }
#sidebar .arrow li { background: url(../img/arrow.png) left center no-repeat; padding: 0 0 0 0.8em; line-height: 200%; }
#sidebar .arrow li a { color: #40414f; font-weight: bold; text-decoration: none; }
#sidebar .arrow li a:hover { color: #8e9098; }
#sidebar .arrow li.current_page_item a { color: #FFF; }
#sidebar .arrow li.current_page_item { background: url(../img/sidebar-on.png) no-repeat; }
#sidebar .latestnews { background: url(../img/sidetitles-latestnews.png); width: 309px; height: 0px; padding: 48px 0 0 0; overflow: hidden; display: block; }
#sidebar .categories { background: url(../img/sidetitles-categories.png); width: 309px; height: 0px; padding: 48px 0 0 0; overflow: hidden; display: block; } 
#sidebar .portfolios { background: url(../img/sidetitles-portfolios.png); width: 309px; height: 0px; padding: 48px 0 0 0; overflow: hidden; display: block; } 
#sidebar .twitter { background: url(../img/sidetitles-twitter.png); width: 309px; height: 0px; padding: 48px 0 0 0; overflow: hidden; display: block; } 
#tweets { width: 300px!important; }
#tweets a { color: #898992; background: #FFF; }

/* Typography */
#content p, #content ul, #content ol { font-size: 1.4em; line-height: 130%; margin: 0 0 1.4em 0; color: #40414f; }
#content ul li { list-style: disc; margin: 0 0 0 2em; }
#content ol li { list-style: decimal; margin: 0 0 0 2em; }
#content h1, #content h2, #content h3, #content h4 { line-height: 100%; color: #40414f; margin: 0 0 0.8em 0; }
#content h1 { font-size: 4.2em; letter-spacing: -1px; margin: 0 0 0.6em 0; }
#content h2 { font-size: 3em; letter-spacing: -1px }
#content h3 { font-size: 2.5em; letter-spacing: -1px }
#content h4 { font-size: 1.8em; letter-spacing: -1px }
#content a { color: #40414f; }
#content h1.pagetitle { color: #9fa0a7; }
.breadcrumb { font-size: 1.2em; line-height: 100%; margin: -1.9em 0 1em 0; position: relative; color: #9fa0a7; }
.breadcrumb a { color: #9fa0a7; }

/* Post Meta Data */
#content .postmetadata { color: #8e9098; background: #f3f3f4; font-size: 1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e0e0e2; padding: 10px; clear: both; }
#content .postmetadata a { color: #8e9098; }

/* Footer */
#footer p, #footer ul { font-size: 1.2em; line-height: 120%; color: #61626d; }
#footer a { color: #61626d; }
#footernavigation li { display: inline-block; float: left; }
#footer .stalkus li { font-weight: bold; float: left; margin-right: 0.5em; border: none; margin-bottom: 4em; line-height: 150%; }
#footer .stalkus { margin-top: -3px; position: relative; }
#footer .logo { background: url(../img/small-logo.png); width: 103px; height: 0px; padding: 10px 0 0 0; overflow: hidden; display: block; float: right; margin: 0 0 5px 0; }
#footer .phonenumber { clear: both; font-size: 1.8em; font-weight: bold; }

/* Slider specific CSS */
.sliderGallery { overflow: hidden; position: relative; height: 550px; width: 960px; margin-bottom: 20px; }
.sliderGallery ul { position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; }
.sliderGallery ul li { display: inline; margin: 0 10px 0 0; }
.slider { width: 960px; height: 10px; margin-top: 510px; position: relative; background: #cacbcf; }
.ui-slider-handle { position: absolute; cursor: pointer; height: 10px; margin-left: -90px; width: 180px; top: 0; background:  url(../img/sidebar-on.png) no-repeat center center; z-index: 100; display: block; }
#leftscroll { position: absolute; top: 250px; left: -25px; background: url(../img/prev.png); width: 16px; height: 23px; display: block; cursor: pointer; }
#rightscroll { position: absolute; top: 250px; right: -25px; background: url(../img/next.png); width: 16px; height: 23px; display: block; cursor: pointer; }


/* Comments */
#commentform input { color: #333; clear: both; float: right; background: #FFF; line-height: 100%; width: 55%; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#content #commentform p { clear: both; margin-bottom: 0.7em; }
#commentform textarea { width: 97.5%; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#content #commentform #submit { font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: 100%; background: #61626d; color: #ECECEC; width: 10em; padding: 8px 0px; border: none;  }
#content .comment-author {   }
#content cite { font-style: normal; }
#content .comment-meta { font-weight: bold; }
#content .comment { background: #f3f3f4; list-style: none; margin: 10px 0 0 0; padding: 1em; border: 1px solid #e0e0e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .comment p { font-size: 0.9em; }
#content .comment a { color: #4a54a2; }
#content .avatar { float: left; margin-right: 10px; }