body#mason, body#consulting{
margin:0;
padding:0;
background: #212121 url(../img/bg-main.jpg) repeat-x top left;
}
#mason p, #consulting p{
font: normal 13px arial, helvetica, sans-serif;
}
#background{
background: url(../img/bg-box.jpg) no-repeat top center;
margin:0 auto;
height:1187px;
padding-top:22px;
overflow:visible;
}
#container {
overflow: hidden;
background: url(../img/bg-page.png) no-repeat top center;
}

#header h1{
display:block;
background: url(../img/header.jpg) no-repeat 23px 20px;
text-indent:-9000px;
height:230px;
}
#header{
}

a, a:active, a:visited {
color:#0099FF;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

/* -- Consulting Page -- */
#expertise,
#results,
#startnow{
height:272px;
}

#expertise{background: url(../img/expertise.png) no-repeat 35px top;}
#results{background: url(../img/results.png) no-repeat 0px top;}
#startnow{background: url(../img/startnow.png) no-repeat 0px top;}

#expertise p{padding:0px 10px 12px 82px;}

#results p{
padding-left:43px;
padding-right:15px;
padding-bottom:12px;
}
#startnow p{
padding-left:48px;
padding-right:25px;
padding-bottom:10px;
}
#startnow hr{
margin:2px 0 9px 48px;
width:225px;
}
#startnow h3{
padding: 0px 0 1px 48px;
color:#111111;
font:19px normal Georgia, "Times New Roman", Times, serifgeorgia
}
#startnow .paypal{
margin:0 0 6px 47px;
}
strong{
color:#333333;
}

/* -- Main Page -- */
#about,
#follow,
#projects{
height:272px;
}

#about{background: url(../img/about.png) no-repeat 35px top;}
#follow{background: url(../img/follow.png) no-repeat 0px top;}
#projects{background: url(../img/projects.png) no-repeat 0px top;}

#about p{padding:5px 10px 15px 82px;}

#follow ul{
padding-left:43px;
padding-right:25px;
}
#projects p{
padding-left:48px;
padding-right:25px;
}

#follow .right{
float:right;
padding:10px 0 0 10px;
}
#follow .left{
float:left;
padding:10px 10px 0 0;
}
#follow ul{
font: 12px normal Arial, Helvetica, sans-serif;
}

#follow ul li{
margin: 0 0 10px 0;
}
#follow ul li a{
font:11px normal Arial, Helvetica, sans-serif;
color:#888888;
display:block;
clear:both;
text-decoration:none;
margin-left:7px;
}
#follow ul li span a{
font: 12px normal Arial, Helvetica, sans-serif;
color:#0099FF;
display:inline;
clear:none;
text-decoration:underline;
margin:0;
}
#follow ul li span{
background:#fbfbfb;
border: 1px solid #eeeeee;
display:block;
padding:6px 7px 5px 8px;
width:100%;
}
#follow ul li a:hover{
color:#222222;
}
#follow ul li span a:hover{
text-decoration:none;
}
#follow p{
margin-left:57px;
}
#twitter-link{
margin-top:8px;
color:#333333;
text-decoration:none;
}
#twitter-link:hover{
text-decoration:underline;
}
#follow .tweet-bird{
float:right;
margin:-30px 0 0 0px;
}

#projects p a{
margin:0 0 10px 0;
display:block;
width:225px;
height:70px;
text-indent:-9000px;
border:1px solid #666666;
}

#projects a#freelance{background:url(../img/freelance-folder-d.jpg) no-repeat center center;}
#projects a:hover#freelance{background:url(../img/freelance-folder.jpg) no-repeat center center;}

#projects a#unlimited{background:url(../img/unlimited-freelancer-d.jpg) no-repeat center center;}
#projects a:hover#unlimited{background:url(../img/unlimited-freelancer.jpg) no-repeat center center;}

#projects a#smallfuel{background:url(../img/smallfuel-marketing-d.jpg) no-repeat center center;}
#projects a:hover#smallfuel{background:url(../img/smallfuel-marketing.jpg) no-repeat center center;}


/* Main Navigation */

ul#nav {
margin : 0;
}

#navigation {
height: 60px;
float:right;
width
}

* #navigation{padding-left:1px;}

ul#nav {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav li a {
display: block;
height:60px;
margin:0;
padding:0;
text-indent:-5000px;
}

#nav li {
float: left;
list-style:none;
display:inline;
}

#nav  .about, #nav .about a{
background:url(../img/nav-sprite.png) no-repeat left -61px;
width:182px;
margin-right:1px;
}
#nav  .consulting, #nav .consulting a{
background:url(../img/nav-sprite.png) no-repeat -182px -61px;
width:205px;
margin-right:1px;
}
#nav  .myprojects, #nav .myprojects a{
background:url(../img/nav-sprite.png) no-repeat -387px -61px;
width:183px;
margin-right:2px;
}
#nav  .contact, #nav .contact a{
background:url(../img/nav-sprite.png) no-repeat -571px -61px;
width:181px;
margin-right:1px;
}

#nav a.about:hover, #nav .about#active{background:url(../img/nav-sprite.png) 0px top no-repeat;}
#nav a.consulting:hover, #nav .consulting#active{background:url(../img/nav-sprite.png) -182px top no-repeat;}
#nav a.myprojects:hover, #nav .myprojects#active{background:url(../img/nav-sprite.png) -387px top no-repeat;}
#nav a.contact:hover, #nav .contact#active{background:url(../img/nav-sprite.png) -571px top no-repeat;}

/* -- UL Style -- */
ul.consulting{
    list-style:none;
    margin:0 0 1em 93px;
    padding: 0;
font: normal 12px arial, helvetica, sans-serif;
	letter-spacing:0px;
}
ul.consulting li{
    line-height:1.3em;
    margin: .25em 0;
    padding: 0 0 0 15px;
    background:url(../img/bullet.png) no-repeat 0px 2px;
}
/* Holly Hack to fix ie6 li bg */
/*  Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */




/* Footer */
#footer {
}