/*global
-----------------*/
html,body,form,fieldset,h1,h2,h3,h4,h5,h6,p,pre,ul,ol,dl,address{
margin:0;
padding:0;
}
blockquote{
margin:10px 20px 40px 0;
}
.clearfix:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}
img{
border:0;
}
body{
background:#EEEAD5 url(images/body-bg.jpg) repeat-x;
font:small Verdana,Arial,Helvetica,sans-serif;
}
h1,h2,h4{
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
h1{
margin-bottom:4px;
color:#647DA6;
font-size:17px;
font-family:Helvetica,Arial,sans-serif;
}
h2.home{
margin-bottom:4px;
margin-top:0;
color:#647DA6;
font-size:17px;
font-family:Helvetica,Arial,sans-serif;
}
h2{
margin-top:12px;
margin-bottom:4px;
/*clear:right;*/
color:#7C6A47;
font-size:14px;
}
h3{
margin-top:18px;
margin-bottom:4px;
color:#45689F;
font-size:11px;
}

h5{
margin-top:10px;
margin-bottom:2px;
white-space:nowrap;
color:#92A4C0;
font-size:11px;
}
p{
margin-bottom:10px;
color:#333333;
font-size:11px;
line-height:1.5;
}
a:link,a:visited{
color:#444;
}
a:hover{
color:#9D864F;
}
em{
color:#927D54;
font-style:italic;
}
b{
color:#666666;
}
ul{
margin-left:30px;
margin-bottom:8px;
list-style:none;
color:#333333;
font-size:11px;
line-height:1.5;
}
ul li{
padding-left:10px;
background:url(images/bullet.gif) no-repeat 0 6px;
}
ol{
margin-left:0px;
margin-bottom:8px;
color:#333333;
font-size:11px;
line-height:1.5;
}
ol li{
margin-left:20px;
}
li.column1{
margin-left:0em;
line-height:1.5em;
}
li.column2{
margin-left:24em;
line-height:1.5em;
}
li.reset{
margin-top:-9em;
}
th{
text-align:left;
}
/*layout divs
-----------------*/
#wrapper{
margin:5px auto;
background:white;
min-width:760px;
max-width:955px;
}
#header{
border:1px solid white;
background:url(images/header-bg.gif) repeat-x;
}
#main{
margin:0;
padding-right:10px;
background:url(images/main-shadow-bg.jpg) no-repeat top right;
}
#content{
margin:0 0 0 249px;
padding-right:70px;
background:url(images/branding.gif) no-repeat top right;
}
#sidebar{
float:left;
width:222px;
}
#footer{
border:0px solid white;
margin:0;
clear:both;
color:#cccccc;
background:#666666 url(images/footer-shadow-bg.jpg) repeat-x bottom;
font-size:11px;
height:36px;
}
/*header specific
-----------------*/
h1.logo {
background:url(images/redfox-logo.gif) no-repeat;
position:relative;
top:15px;
left:14px;
text-indent:-7887px;
margin:0;
height:41px;
width:209px;
float:left;
}
#headerouter{
padding-right:10px;
background:url(images/header-shadow.jpg) no-repeat top right;
}
#header img.logo{
float:left;
margin-top:15px;
margin-left:14px;
}
#header ul{
float:right;
margin:52px 0 0 0;
padding:0;
list-style:none;
text-align:right;
}
#header li{
margin:0;
padding:0;
display:inline;
}
#header a:link,#header a:visited{
float:left;
padding:0 17px 12px 17px;
color:#999999;
font:bold 12px/18px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
text-transform:uppercase;
}
#header a:hover{
color:#cccccc;
background:url(images/nav-pointer.gif) no-repeat bottom center;
}
#header a#topnavon{
color:#ffffff;
background:url(images/nav-pointer-on.gif) no-repeat bottom center;
}
/*sidebar specific
-----------------*/  
.linkbox{
width:212px;
padding:10px 20px 10px 10px;
background:url(images/linkbox-bg.jpg) repeat-y right;
voice-family:"\"}\"";
voice-family:inherit;
width:192px;
}
html > body .linkbox{
width:192px;
}
div.linkbox h4{
float:right;
color:#927D54;
font-size:11px;
text-transform:uppercase;
}
div.linkbox ul{
margin:0;
padding:0;
float:right;
clear:both;
list-style:none;
}
div.linkbox li{
margin:0;
padding:0;
background:none;
}
div.linkbox li a:link,div.linkbox li a:visited{
width:155px;
margin:0;
padding:3px 10px 3px 0;
display:block;
color:#999999;
background:url(images/nav-arrow.gif) no-repeat right;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-align:right;
text-transform:lowercase;
}
div.linkbox li a:hover{
color:#666666;
}
div.linkbox li a#leftnavon{
color:#d20000;
}
.leftbox{
width:212px;
margin-top:20px;
padding:10px 20px 10px 10px;
background:url(images/leftbox-bg.jpg) repeat-y right;
voice-family:"\"}\"";
voice-family:inherit;
width:192px;
}
html > body .leftbox{
width:192px;
}
div.leftbox blockquote{
margin:0px 0 10px 0;
}
.leftbox p{
color:#666666;
font-size:10px;
text-align:right;
}
/*content specific
-----------------*/ 
.featurebox{
padding-left:249px;
margin-bottom:20px;
margin-right:50px;
clear:both;
background-color:#E6E3C5;
}
.homefeature{
background-image:url(images/featurebox-home-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.aboutfeature{
background-image:url(images/featurebox-about-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.servicesfeature{
background-image:url(images/featurebox-services-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.portfoliofeature{
background-image:url(images/featurebox-portfolio-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.faqfeature{
background-image:url(images/featurebox-faq-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.contactfeature{
background-image:url(images/featurebox-contact-bg.jpg);
background-position:left;
background-repeat:no-repeat;
}
.featureboxinner{
background-image:url(images/featurebox-inner-bg.jpg);
background-position:right;
background-repeat:repeat-y;
padding-top:30px;
padding-right:10px;
padding-bottom:30px;
height:125px;
voice-family: "\"}\"";
voice-family: inherit;
height:65px;
}
/*---Start example of the holly hack in action - prevents peeka boo bug in this case*/ 
/* Hides from IE-mac \*/
* html .featureboxinner{
height:65px;
}
/* End hide from IE-mac */
/*---End example of the holly hack in action*/ 
.featurebox h1{
color:#333333;
font:18px Helvetica,Arial,sans-serif;
}
.featurebox h4{
margin-bottom:4px;
color:#333333;
font:18px Helvetica,Arial,sans-serif;
font-weight:bold;
}
.featurebox p{
padding-top:0;
}
.featurebox b{
color:#413725;
font-weight:bold;
font-size:11px;
}
#planner{
width:220px;
float:right;
padding-top:30px;
padding-right:30px;
}
#planner p{
color:#666666;
font-size:10px;
}
/*portfolio page
-----------------*/
.portfoliowrap{

}
.portfoliohead{
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  height:24px;
  padding:2px 0 2px 0;
}
.portfoliohead a{
  padding:5px 0 0 25px;
  margin-left:10px;
  height:23px;
  color:#999999;
  font-size:10px;
  font-weight:bold;
  display:block;
  float:right;
  text-decoration:none;
}
.portfoliohead h4{
  padding:5px 0;
  color:black;
  font-size:11px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.website{
  background-image:url(images/website.gif);
  background-position:left center;
  background-repeat:no-repeat;
}
a.casestudy{
  background-image:url(images/casestudy.gif);
  background-position:left center;
  background-repeat:no-repeat;
}
a.testimonial{
  background-image:url(images/testimonial.gif);
  background-position:left center;
  background-repeat:no-repeat;
}

.portfolio{
  padding:10px 0 0 0;
  height:1%;
}
.portfolio h5{
  
}
.portfolio ul{
  margin-left:5px;
  list-style:none;
  line-height:1.5;
  color:#333333;
  font-size:11px;
  margin-bottom:8px;
  display:inline;
}
.portfolio ul li{
  display:inline;
  white-space:nowrap;
  padding-right:10px;
  padding-left:10px;
  background:url(images/bullet.gif) no-repeat 0;
  float:left;

}
.portfolio img{
  float:right;
}
.pagelist{
  color:#333333;
  font-size:11px;
  float:right;
  padding:2px 7px 3px 75px;
  background:url(images/pagelist-bg.gif) no-repeat 0;
}
.pagelist a{
  color:#666666;
  font-size:11px;
  text-decoration:none;
}
.backlink {
float:right;
}
.bottom{
  margin-top:15px;
  margin-bottom:20px;
}
/*client links page
-----------------*/
div.clientlinks{
  width:99%;
}
.clientlinks ul{
margin-bottom:20px;
margin-left:0;
list-style:none;
}
.clientlinks li{
margin-left:0;
padding-left:0;
background:none;
}
.clientlinks h2{
margin-top:12px;
margin-bottom:10px;
border-bottom:1px dotted #7C6A47;
}
.clientlinks h3{
display:inline;
}
/*client testimonials page
-----------------*/
.startquote{
padding-top:20px;
background:url(images/quote-left-bg.gif) no-repeat top left;
}
.endquote{
padding-top:20px;
background:url(images/quote-right-bg.gif) no-repeat top right;
}
/*faq page
-----------------*/
.faqwrap{
margin-bottom:20px;
}
.faqwrap h2{
margin-top:12px;
margin-bottom:10px;
border-bottom:1px dotted #7C6A47;
}
/*seo page
-----------------*/
table.seo{
margin:10px 0 20px;
width:300px;
}
table.seo td.busname{
padding-left:8px;
padding-bottom:5px;
width:150px;
color:#927D54;
font-weight:bold;
font-size:14px;
}
table.seo td.searchtitle{
padding-bottom:5px;
color:#000;
font-weight:bold;
font-size:10px;
}
table.seo td.data{
border-bottom:1px solid #669EDB;
padding:3px 8px;
font-size:10px;
}
table.seo td.mid{
text-align:center;
}
/*footer specific
-----------------*/
.footerleft{
float:left;
padding:0;
background:url(images/footerleft-shadow-bg.jpg) no-repeat top left;
height:36px;
}
.footerleft p{
padding:8px 10px 0px 10px;
color:#ccc;
}
.footerright p{
padding:6px 10px 0px 10px;
color:#ccc;
}
.footerleft p strong,.footerright p strong, .footerleft p b,.footerright p b{
font-weight:500;
color:#ccc;
}
.footerright{
float:right;
padding:0px 10px 0px 0px;
color:#cccccc;
background:url(images/footerright-shadow-bg.jpg) no-repeat bottom right;
height:36px;
}
.footerleft a,.footerleft a:hover, .footerright a,.footerright a:hover{
color:#ccc;
font-size:11px;
text-decoration:none;
}
.box1{
border:1px solid #cccccc;
padding:5px 2% 10px 2%;
margin:10px 0;
width:45%;
float:left;
}
.padleft{
padding-left:20px;
margin-bottom:5px;
}
.box2{
border:1px solid #cccccc;
padding:5px 2% 10px 2%;
margin:10px 0;
width:45%;
float:right;
}
.floatright{
float:right;
}
.special{
position:relative;
bottom:30px;
right:10px;
}
div.box1 h3,div.box2 h3{
margin-top:5px;
}
div.box1 img.button,div.box2 img.button{
float:right;
}
.s110{
height:110px;
}
.s150{
height:145px;
}
table.hosting{
margin-top:10px;
}
table.hosting th{
padding:3px 3px 3px 0;
border-bottom:1px dashed #ccc;
color:#666666;
font-size:11px;
}
table.hosting td{
padding:5px 15px 0 0;
vertical-align:top;
}
table.hosting ul{
margin:0;
}
a.squarebutton{
background: transparent url('images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 9px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 17px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #fff; /*button text color*/
font-size:11px;
}

a.squarebutton span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 5px 10px 3px 0; /*Set 8px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #fff;
}
table.domains td{
padding:2px 2px 2px 0;
font-size:11px;
}
table.domains td.text{
width:180px;
}
p.last{
margin-bottom:0;
padding-bottom:20px;
}
p.padtop{
padding-top:16px;
}
ul.nolink a{
text-decoration:none;
}
ul.nolink a:hover{
text-decoration:underline;
}
/******piped list start**********/
#navcontainer{
margin:0;
padding-top:20px;
padding-bottom:10px;
text-align:center;
width:99%;
}
.navlist{
padding:0;
margin:0;
list-style:none;
}
.navlist li{
padding:0;
margin:0;
display:inline;
color:#999;
background:none;
}
.navlist li a{
color:#8F8D7D;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bolder;
letter-spacing:0.2em;
padding:0 3px;
text-decoration:none;
}

.navlist li:before { content: "| "; }
.navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .navlist li
{
border-left: 1px solid #999;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .navlist { height: 1%; }

* html .navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html .navlist li:first-child { border-left: 0; }
/******piped list end**********/

#sitemap {
/*display:none;*/
padding:10px 0px;
clear:both;
height:200px;
}
#sitemap ul {
margin-bottom:50px;
margin-left:0;
}
#sitemap li {
background:transparent none repeat scroll 0%;

float:left;
height:200px;
padding:0px 10px 0px 10px;
}
#sitemap li.last {

padding-right:0px;
}
#sitemap li a {
font-size:1.2em;
}
#sitemap li ul {
padding-top:10px;
}
#sitemap li li {
background:transparent url(images/nav-arrow.gif) no-repeat scroll left center;
float:none;
height:auto;
padding:0px 0px 5px 10px;
}

#sitemap li li a {
font-size:1em;
}
.clearer {
display:block;
}