*  
{
    margin: 0; 
    padding: 0;
    border: none;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 100%;
    color: #6d6f72;
}

.clear { clear: both; }

body { background-color: #ffffff; }

#page 
{
	margin: 0 auto 30px auto;
	text-align: left;
	width: 890px;
	background-color: #ffffff;
}

/*header*/
#header
{
    height: 110px;
    margin-bottom: 50px;
    position: relative;    
}

#header p
{
    position: absolute;
    bottom: 0; right: 0;
    color: #aa111c;
    text-align: right;
    line-height: 240%;
}

#header img.logo { position: absolute; bottom: 0; left: 0; }
#header img.social { vertical-align: middle; }

/*menu*/
ul#menu { clear: both; }

#menu li
{
    display: block;
    list-style-type: none;
    float: left;
    height: 50px;
    line-height: 50px;
    border-left: solid 1px #6d6f72;
    padding: 0 12px;
    margin-bottom: 50px;
}

#menu li.first, #menu li.social { border: none; padding-left: 0; }
#menu li.social { float: right; padding: 10px 0 0 15px; vertical-align: middle; }

/*general*/
h1, h2
{
    color: #aa111c;
    margin-bottom: 5px;
    font-size: 90%;
    line-height: 140%;  
}

ol { margin-left: 20px; }

/*home*/
#home
{
    clear: both;
    width: 584px;
    margin: 0 22px 0 0;
    float: left;   
}

#home p
{
    font-size: 90%;
    line-height: 200%;
    margin-bottom: 15px;    
}

/*about*/
#about
{
    clear: both;
    background-image: url('/img/about-bg.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

#about p 
{
    font-size: 90%;
    line-height: 150%;
    margin-bottom: 15px;
    padding-right: 307px;  
}

#about p span { color: #aa111c; }
#about p a { text-decoration: none; color: #aa111c; }
#about p a:hover, #about p a:focus { text-decoration: underline; }

/*services*/
#services
{
    clear: both;
    background-image: url('/img/services-bg.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 410px;
}

#services h1 { margin-bottom: 20px; }
#services h2 { margin-bottom: 5px; }

#services li 
{
    font-size: 90%;
    line-height: 200%;
    list-style-type: none;
}

/*contact*/
#contact
{
    clear: both;
    background-image: url('/img/contact-bg.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 385px;
}

#contact p 
{
    font-size: 90%;
    line-height: 150%;
    margin-bottom: 10px;
    width: 400px; 
}

#contact p.ben { margin-bottom: 40px; }
#contact p span { color: #aa111c; }
#contact p a { text-decoration: none; color: #aa111c; }
#contact p a:hover, #contact p a:focus { text-decoration: underline; }

/*case studies*/
img.gallery { border: solid 1px #eeeeee; }
img.featured { display: block; padding-bottom: 10px; }

/*blog*/
#blog
{
    clear: both;
    width: 584px;
    margin: 0 22px 0 0;
    float: left;
}

#blog h2 { margin-top: 30px; }
#blog h2 a { color: #aa111c; text-decoration: none; }
#blog h2 a:hover, #blog h2 a:focus { text-decoration: underline; }
#blog p { font-size: 90%; line-height: 140%; margin-bottom: 15px; }
#blog p#tags { font-size: 80%; }
#blog ul { margin: 10px 0 0 15px ; }
#blog li { font-size: 90%; line-height: 140%; margin-bottom: 5px; }
#blog p#meta { font-size: 90%; margin-bottom: 5px; }
#blog p#meta em { font-style: italic; }

#comments h2 { margin-top: 40px; }
#comments ul { margin-left: 0; list-style-type: none; }
div.author { font-weight: bold; font-size: 80%; }
div.actions { font-size: 80%; }
div.actions { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #6d6f72; }
div.actions a { text-decoration: none; color: #aa111c; }
div.actions a:hover, div.actions a:focus { text-decoration: underline; }

div#respond label
{
    font-size: 80%;
    font-weight: bold;
    display: block;
    margin-bottom: 5px; 
}

div#respond input.textbox, div#respond textarea
{
    border: solid 1px #999999;
    font-size: 80%;
    padding: 2px;
}

div#respond input.textbox { width: 250px; margin-bottom: 15px; }
div#respond textarea {  width: 100%; margin-bottom: 15px; }
div#respond input.submit { padding: 3px 6px; font-size: 80%; font-weight: bold; border: solid 1px #999999; }

/*sidebar*/
#side
{
    float: left;
    width: 280px;
}

#side h2
{
    margin-bottom: 10px;
    font-weight: 100;
    font-size: 200%;
    font-weight: normal;
    color: #aa111c;
    background-repeat: no-repeat;
    background-position: top left;
    text-indent: -9999em;
}

#side ul { margin: 0 0 30px 0; list-style-type: none; }
#side ul li { font-size: 90%; }
#side ul li a { text-decoration: none; }
#side ul li a:hover, #side ul li a:focus { text-decoration: underline; }

#side label { font-size: 90%; width: 60px; padding: 2px 10px 2px 0; margin-bottom: 10px; display: block; float: left; }
#side input.text { font-size: 80%; border: solid 1px #cccccc; padding: 2px; width: 200px; margin-bottom: 10px; display: block; float: left; }
#side input.submit { font-size: 90%; clear: left; float: right; margin-right: 6px; background-color: Transparent; color: #aa111c; cursor: pointer; }

/*blog*/
div#recent-posts-3 h2 { background-image: url('/img/side-foxblog.gif'); height: 30px; }
div#recent-posts-3 { margin-bottom: 25px; }
div#recent-posts-3 li { font-size: 80%; line-height: 150%; list-style-type: none; }
div#recent-posts-3 li a { text-decoration: none; font-weight: bold; }
div#recent-posts-3 li a:hover, div#recent-posts-3 li a:focus { text-decoration: underline; }

/*newsletter*/
div#text-2 h2 { background-image: url('/img/h2-newsletter.gif'); height: 30px; }
div#text-2 { margin-bottom: 25px; }
div#text-2 p { font-size: 80%; line-height: 150%; margin-bottom: 10px; }

/*twitter*/
div#twitterstreamwidget-3 h2 { background-image: url('/img/h2-al-twitter.gif'); height: 24px; }
div#twitterstreamwidget-4 h2 { background-image: url('/img/h2-ben-twitter.gif'); height: 24px; }
div.widget_twitterstreamwidget { margin-bottom: 25px; }
div.widget_twitterstreamwidget p { font-size: 80% !important; margin-bottom: 10px; list-style-type: none; }
div.widget_twitterstreamwidget p a { text-decoration: none; }
div.widget_twitterstreamwidget p a:hover, div.widget_twitterstreamwidget p a:focus { text-decoration: underline; }
.profile-link { display: none; }

/*archive*/
div#archives-2 h2 { background-image: url('/img/h2-archive.gif'); height: 24px; }

/*categories*/
div#categories-2 h2 { background-image: url('/img/h2-categories.gif'); height: 30px; }

/*case studies*/
#showreel { background-image: url('/img/case-bg.png'); background-position: top left; background-repeat: none; clear: both; padding: 7px 8px 10px 8px; width: 891px; height: 460px; position: relative; margin-bottom: 40px; }
#navLeft { position: absolute; top: 208px; left: 22px; }
#navRight { position: absolute; top: 208px; right: 22px; }
#case
{
    width: 584px;
    margin: 0 22px 0 0;
    float: left;   
}

#case p
{
    font-size: 90%;
    line-height: 150%;
    margin-bottom: 15px;    
}

#case ul { margin: 0 0 15px 15px; list-style-type: disc; }
#case ul li
{
    font-size: 90%;
    line-height: 150%;  
}

div#side h2.projects { background-image: url('/img/h2-projects.gif'); height: 30px; }
#side ul#projects li { font-size: 90%; font-weight: bold; padding-bottom: 10px; }
#side ul#projects li a.active { color: #aa111c; }

/*x*/
p.copy { clear: both; font-size: 80%; padding-top: 40px; }