:link, :visited {
text-decoration:none;
}
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.post {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
color: #666666;
}
h1, h2, h3, h4, h5, h6, pre, code {
font-size:2em;
}
h2 {
font-size: 1.3em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin:0;
padding:0;
}
a img, :link img, :visited img {
border:medium none;
}
address {
font-style:normal;
}
body {
background: #cccccc;
color:black;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
}
body#home {
background:#CCCCCC none repeat scroll 0 0;
}
#container {
background:#F3F3F3 url(images/background-page.gif) repeat-x scroll 0 0;
}
#bg-container {
margin:0 auto;
text-align:center;
}
#about #container, #work #container, #team #container, #contact #container, #blog #container, #error #container {
background:#F3F3F3 url(http://www.wakeinteractive.com/images/wakeface/site-bg-blue.png) repeat-x scroll 0 0;
}
#about #bg-container, #work #bg-container, #team #bg-container, #contact #bg-container, #blog #bg-container, #error #bg-container {
background:transparent url(http://www.wakeinteractive.com/images/wakeface/big-bg-blue.jpg) no-repeat scroll 50% 88px;
}
#header {
height:35px;
margin:0 auto;
padding-top:60px;
position:relative;
text-align:left;
width:930px;
}
#content-container {
margin:0 auto;
padding:18px 0;
text-align:left;
width:930px;
}
#main-content {
float:left;
width:610px;
}
#sidebar-right {
float:right;
padding-top:90px;
width:290px;
}
#sidebar-right-secondary {
float:right;
padding-top:65px;
width:290px;
}
#sidebar-right-secondary h2{
font-size: 12px;
text-transform: uppercase;
}
#sidebar-right-secondary ul li {
list-style-image: url(images/arrow-right.png);
padding-left: 5px;
margin: 5px 15px;
}
#footer {
background:transparent url(images/footer-background-page.png) repeat-x scroll 0 0;
border-top:1px solid #CCCCCC;
height:230px;
text-align:center;
}

#copyright {
color:#626873;
font-size:11px;
margin:20px auto;
padding:0 10px;
text-align:center;
width:930px;
}
.header-logo {
position:absolute;
left:0;
top:5px;
}
#header-nav-ul {
margin-left: 300px;
}
#header-nav-ul li {
display:inline;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:12px;
}
#header-nav-ul li a {
color:#464A52;
display:inline-block;
font-weight:normal;
margin-right:17px;
padding-bottom:2px;
text-transform:uppercase;
}
#header-nav-ul li.current_page_item a {
  color:#003F8E;
  border-bottom: 3px solid #003F8E;
}
#header-nav-ul li a:hover {
  color:#AB0101;
  border-bottom: 3px solid #AB0101;
}

.help-ul {
margin-bottom:33px;
}
html body .help-ul {
margin-bottom:35px;
}
.ul-left {
font-size:12px;
margin-left:50px;
}
.ul-right {
float:right;
width:145px;
}
.ul-left li, .ul-right li {
background:transparent url(/images/wakeface/icon-check.png) no-repeat scroll 0 50%;
margin-bottom:10px;
padding-left:30px;
}
.fresh {
line-height:1.7;
}
.fresh li {
background:transparent url(/images/wakeface/icon-tag.gif) no-repeat scroll 0 4px;
color:#CCCCCC;
font-size:11px;
margin-bottom:25px;
margin-top:0;
padding-left:27px;
}
.fresh li a {
color:white;
font-size:12px;
line-height:1.8;
text-shadow:0 1px 0 #000000;
}
.sidebar-menu {
padding-top:18px;
}
html body .sidebar-menu {
padding-top:15px;
}
.sidebar-menu h4 {
-x-system-font:none;
color:#003F8E;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:35px;
margin-left:20px;
padding-top:15px;
text-transform:uppercase;
}
.sidebar-menu ul {
margin:10px 0 0 30px;
}
.sidebar-menu ul li {
background:transparent url(/images/wakeface/arrow-play.png) no-repeat scroll 0 50%;
color:#464A52;
font-size:11px;
font-weight:bold;







padding:8px 0 8px 30px;
}
.sidebar-menu ul#services {
margin:10px 0 0 20px;
}
.sidebar-menu ul#services li {
color:#464A52;
font-size:12px;
font-weight:bold;
padding:15px 0 15px 40px;
}
.sidebar-menu ul#services li.webdesign {
background:transparent url(/images/wakeface/services/webdesign.gif) no-repeat scroll 0 50%;
}
.sidebar-menu ul#services li.iddesign {
background:transparent url(/images/wakeface/services/iddesign.gif) no-repeat scroll 0 50%;
}
.sidebar-menu ul#services li.ecommerce {
background:transparent url(/images/wakeface/services/ecommerce.gif) no-repeat scroll 0 50%;
}
.sidebar-menu ul#services li.webapp {
background:transparent url(/images/wakeface/services/webapp.gif) no-repeat scroll 0 50%;
}
.sidebar-menu ul#services li.hosting {
background:transparent url(/images/wakeface/services/hosting.gif) no-repeat scroll 0 50%;
}
.sidebar-menu ul li.selected {
background:transparent url(/images/wakeface/arrow-selected.gif) no-repeat scroll 0 50%;
font-weight:bold;
}
.sidebar-menu-head {
background:transparent url(/images/wakeface/sbhead.png) no-repeat scroll center top;
height:60px;
}
.sidebar-menu-info {
font-size:11px;
padding:30px 20px;
}
.sidebar-menu-info strong {
color:#464A52;
font-size:12px;
font-weight:bold;
}
.sidebar-menu-info p {
color:#464A52;
line-height:18px;
}
.sidebar-menu-info p span {
color:#000000;
}
.sidebar-menu-foot {
background:transparent url(/images/wakeface/sbfoot.png) no-repeat scroll center top;
height:60px;
}
.sidebar-icon {
margin-right:15px;
vertical-align:middle;
}
.blog_ad {
padding:20px 0 20px 58px;
}
a, a:link, a:visited {
color:white;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
a:hover {
}
#content-container a, #content-container a:link, #content-container a:visited {
color:#AB0101;
}
#content-container a:hover {
text-decoration:underline;
}
#content-container a.external {
background:transparent url(/images/wakeface/external-link.gif) no-repeat scroll 100% 40%;
padding-right:15px;
}
#home #content-container a, #home #content-container a:link, #home #content-container a:visited {
color:#666666;
}
#home #content-container a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#content-container #work-slides a:hover {
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom:10px;
}
h1 {
margin-bottom:15px;
}
.page-title {
-x-system-font:none;
color:#464A52;
font-family:normal Helvetica,Arial,Verdana,san-serif;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.3mm;
line-height:normal;
margin-bottom:5px;
margin-top:20px;
padding-bottom:5px;
text-shadow:1px 1px 6px #BBBBBB;
}
.page-subtitle {
-x-system-font:none;
background:transparent url(/images/wakeface/page-title-bg.png) no-repeat scroll center bottom;
color:#003F8E;
font-family:normal Helvetica,Arial,Verdana,san-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.3mm;
line-height:normal;
margin-bottom:10px;
margin-top:20px;
padding-bottom:5px;
text-shadow:1px 1px 6px #BBBBBB;
}
p {
color:#666666;
line-height:1.8;
margin-bottom:10px;
}
ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:10px 30px;
}
ol li {
line-height:1.6em;
margin:10px;
}
#home p, #home li {

}
img {
border:medium none;
}
.featured-index {
width:610px;
}
.featured-index img {
float:left;
}
.featured-index .index-right-feature {
float:right;
}
.globe-icon-float {
float:left;
margin-right:15px;
width:30px;
}
.bar-icon-float {
float:left;
margin-right:15px;
width:33px;
}
.block-what-we-do {
color:white;
height:172px;
}
.featured-index img {
background:transparent url(/images/wakeface/feature-img-bottom-bg.gif) no-repeat scroll left bottom;
padding-bottom:9px;
}
hr {
border-color:-moz-use-text-color -moz-use-text-color #DDDDDD;
border-style:none none solid;
border-width:0 0 1px;
clear:both;
color:#DDDDDD;
height:0;
margin:0;
padding:0;



width:100%;
}







.row {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
padding-top:30px;
width:290px;
}
.featured-index .row {
font-size:12px;
padding-top:0;
text-shadow:0 1px 0 #000000;
}
.row p {
color:#464A52;
font-size:11px;
font-weight:normal;
line-height:16px;
margin-top:6px;
}
.featured-index .row p {
font-size:11px;
line-height:16px;
margin-top:6px;
text-shadow:none;
}
.first {
clear:both;
float:left;
}
.second {
float:right;
}
.row img {
background:transparent url(/images/wakeface/work-img-bottom-bg.gif) no-repeat scroll left bottom;
margin-top:10px;
padding-bottom:9px;
}
.featured-index .row img {
background:transparent url(/images/wakeface/feature-img-bottom-bg.gif) no-repeat scroll left bottom;
}
#content-container .row a, #content-container .row a:link, #content-container .row a:visited {
border:medium none;
color:#AB0101;
padding:0;
text-decoration:none;
}
#content-container .row g {
background:transparent none repeat scroll 0 0;
color:#333333;
text-decoration:none;
}
.approach {
clear:both;
height:70px;
margin-left:0;
margin-top:30px;
width:600px;
}
.approach img {
float:left;
padding:5px;
width:48px;
}
.approach h3 {
-x-system-font:none;
color:#000000;
float:right;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:0;
width:520px;
}
.approach p {
color:#464A52;
float:right;
font-size:12px;
line-height:1.6;
padding:0;
width:520px;
}
#work h3 {
color:#003F8E;
font-size:14px;
font-weight:bold;
margin:30px 0 10px;
}
#work-slides {
background-color:#EFEFEF;
width:610px;
}
#work-details {
margin-top:15px;
}
#work-details p {
float:left;
width:320px;
}
#work-details span {
display:block;
margin:10px 0;
}
#work-details h4 {
-x-system-font:none;
color:#464A52;
float:right;
font-family:bold Helvetica,Arial,Verdana,san-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:5px;
text-transform:uppercase;
width:250px;
}
#work-details ul {
float:right;
margin:0;
width:243px;
}
#work-details ul li {
background:transparent url(/images/wakeface/arrow-play.png) no-repeat scroll 0 50%;
color:#003F8E;
font-size:11px;
font-weight:normal;
padding:6px 0 6px 25px;
}
.team-member {
clear:both;
height:120px;
margin-top:30px;
}
.team-member img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
float:left;
padding:5px;
width:90px;
}
.team-member h3 {
-x-system-font:none;
background:transparent url(/images/wakeface/page-title-bg.png) no-repeat scroll center bottom;
color:#000000;
float:right;
font-family:bold Helvetica,Arial,Verdana,san-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:0;
margin-top:0;
padding-bottom:5px;
width:480px;
}
.team-member p {
float:right;
width:480px;
}
#contactForm fieldset {
border:medium none;
font-size:12px;
margin:10px 0;
padding:0;
text-align:left;
}
#contactForm legend {
display:none;
}
#contactForm ol {
margin:0;
padding:0;
}
#contactForm li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
#contactForm label {
color:#464A52;
display:block;
line-height:20px;
padding:10px 0 5px;
text-align:left;
vertical-align:top;
}
#contactForm label span.required {
color:#AB0101;
font-weight:bold;
}
#contactForm input {
background:#FFFFFF none repeat scroll 0 0;
font-size:1.2em;
padding:3px;
vertical-align:middle;
width:400px;
}
#contactForm textarea {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:250px;
line-height:normal;
padding:3px;
width:100%;
}
#contactForm input.submitButton {
margin:20px 0;
text-align:center;
width:auto;
}
.blogimg {
float:left;
margin-bottom:20px;
margin-right:20px;
}
.blog-post-info {

clear:left;
color:#626873;
margin:15px 0 40px;
}
.display-comment {
border-top:1px solid #DDDDDD;
clear:both;
margin-bottom:30px;
}
.author1 {
background:transparent url(/images/wakeface/bg-comment.gif) no-repeat scroll 0 0;
border-top:1px solid #003F8E;
min-height:50px;
}
.display-comment .comment {
color:#464A52;
float:right;
padding:20px 0 10px;
width:440px;
}
.display-comment .comment p {
color:#464A52;
font-size:12px;
margin:0;
padding:0;
}
.display-comment .posted {
color:#626873;
float:left;
font-size:11px;
font-style:italic;
padding:20px 0 10px;
width:150px;
}
.display-comment .posted p {
color:#626873;
}
.display-comment .posted strong {
color:#626873;
font-size:12px;
font-style:normal;
font-weight:bold;
}
#commentForm #formTitle {
color:#003F8E;
font-size:12px;
font-weight:bold;
margin:20px 0 10px;
}
#commentForm input.textField {
background:#FFFFFF none repeat scroll 0 0;
font-size:11px;
padding:5px;
vertical-align:middle;
width:440px;
}
#commentForm textarea {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:200px;
line-height:normal;
padding:5px;
width:440px;
}
#commentForm input.submitButton {
text-align:center;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
margin-bottom:0;
}
#footer p {
color:#464A52;
}
#footer li {
color:#AB0101;
list-style: lower-roman outside;
margin-left: 10px;
}
#footer a, #footer a:link, #footer a:visited {
  color:#AB0101;
  border-bottom: 1px dotted #AB0101;
}
#footer a:hover {
  border-bottom: 1px solid #AB0101;
}
.footer-container {
margin:0 auto;
padding-top:20px;
text-align:left;
width:930px;
}
.footer-block-left, .footer-block-right {
background: url(images/footer-box.gif) no-repeat;
height:170px;
width:290px;
}
.footer-block-middle {
background: url(images/footer-box-middle.gif) no-repeat;
height:170px;
width:290px;
}
.footer-block-left {
color:#CCCCCC;
float:left;
font-size:12px;
line-height:1.5;
margin-right:30px;
position:relative;
left: 10px;
}
.rss-icon {
position:absolute;
right:4px;
top:0;
}
.footer-block-left li {
margin-bottom:4px;
}
#footer .footer-block-left li em {
font-size:10px;
font-style:normal;
font-weight:normal;
}
.footer-block-middle {
float:left;
}
.footer-block-middle p {
margin-bottom:10px;
}
.footer-block-right {
float:right;
color: #CCCCCC;
font-size: 10px;
position:relative;
right: 10px;
}
.footer-block-right p {
color:#464A52;
line-height:1.7;
}
.footer-block-right p span {
color:#000000;
}
.footer-block-right strong {
font-size:12px;
font-weight:normal;
}
#footer .content {
padding: 10px 20px 0;
}
#footer .footer-block-middle .content {
padding: 0 0 0 10px;
}
.work-button {
-x-system-font:none;
background:transparent url(/images/wakeface/work-button.gif) no-repeat scroll 0 0;
color:white;
font-family:Helvetica,Arial,Verdana,san-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:33px;
line-height:normal;
padding:0 10px;
width:245px;
}
#footer .work-button span a {
color:#87E95C;
line-height:30px;
}
span.download-pdf {
background:transparent url(/images/wakeface/download-pdf.png) no-repeat scroll 0 50%;
line-height:30px;
padding-left:24px;
}
span.download-word {
background:transparent url(/images/wakeface/download-word.png) no-repeat scroll 0 50%;
line-height:30px;
padding-left:20px;
}
#about, #portfolio, #seo, #news, #contact-us, #hosting, #terms {
/*background: transparent url(images/about-hodgsons-internet.png) no-repeat scroll 0 0;*/
height: 0 !important;
overflow: hidden;
padding: 55px 0 0;
margin-bottom: 20px;
}
#about {
background: transparent url(images/about-hodgsons-internet.gif) no-repeat scroll 0 0;
}
#seo {
background: transparent url(images/search-engine-optimisation.gif) no-repeat scroll 0 0;
}
#portfolio {
background: transparent url(images/portfolio.gif) no-repeat scroll 0 0;
}
#news {
background: transparent url(images/news-and-blog.gif) no-repeat scroll 0 0;
}
#contact-us {
background: transparent url(images/contact-us.gif) no-repeat scroll 0 0;
}
#hosting {
background: transparent url(images/hosting.gif) no-repeat scroll 0 0;
}
#terms {
background: transparent url(images/business-terms.gif) no-repeat scroll 0 0;
}
#error #quote-heading {
background:transparent url(/images/wakeface/Howja-end-up-in.gif) no-repeat scroll 0 0;
margin-bottom:50px;
}
#what-we-do {
background:transparent url(/images/wakeface/what-we-do.gif) no-repeat scroll 0 0;
border-bottom:1px solid #426FA8;
height:0 !important;
margin-bottom:16px;

overflow:hidden;
padding:29px 0 0;
width:565px;
}
#featured-projects {
background:transparent url(/images/wakeface/featured-projects.gif) no-repeat scroll 0 0;
border-bottom:1px solid #426FA8;
height:0 !important;
margin-bottom:16px;
overflow:hidden;
padding:26px 0 0;
}
#wed-love-to-help {
background:transparent url(/images/wakeface/wed-love-to-help.gif) no-repeat scroll 0 0;
border-bottom:1px solid #426FA8;
height:0 !important;
margin-bottom:16px;
overflow:hidden;
padding:29px 0 0;
width:240px;
}
#still-fresh {
background:transparent url(/images/wakeface/still-fresh.gif) no-repeat scroll 0 0;
border-bottom:1px solid #426FA8;
height:0 !important;
margin-bottom:16px;
overflow:hidden;
padding:26px 0 0;
}
#keep-up-to-date {
padding:4px 0 0 15px;
font-size: 1em;
}
#want-to-work {
background:transparent url(/images/wakeface/want-to-work.gif) no-repeat scroll 0 0;
height:0 !important;
overflow:hidden;
padding:20px 0 0;
}
#contact-us-block {
padding:6px 0 0 15px;
font-size: 12px;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:inline-block;
}
.portfolio-block {
  padding: 0 0 20px 0;
  text-align: justify;
  border-bottom: 1px solid #cccccc;
}
.portfolio-block img {
  margin-right: 20px;
}
.portfolio-block h3 {
  font-size: 1.3em;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.navigation {
  display: inline-block;
  width: 610px;
}
.post{
/*  border-bottom: 1px solid #666666;*/
  margin-bottom: 10px;
}
ul#term {
  margin-bottom: 10px;
}
ul#term li {
  line-height: 1.5em;
}
ul#term li.indent1 {
  margin-left: 10px;
}
ul#term li.title {
  font-weight: bold;
}