body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000; background: #fff; }
html { overflow-y: scroll; } 

/* links */
a { text-decoration: none; color: #D51920; }
a:hover { text-decoration: none; color: #99121D; }

/* text styles */
p { font-size: 12px; line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }
h1 { font-size: 30px; }
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }
b, strong { font-weight: bold; }
i, em {font-style: italic;}
blockquote { margin: 10px; padding: 10px; background: #eee; }

.hidden { display: none;}
.clear { clear: both; }
.spacer { height: 10px; width: 10px;}

.float_left { float: left; margin-right: 10px;}
.float_right { float: right; margin-left: 10px;}

/* general */
#wrapper { margin: 0 auto;  padding: 0px; padding-bottom: 25px; width: 680px; background: #fff; }
#header { margin-top: 60px;}

#logo { margin-bottom: 20px;}
#logo h1 { font-weight: bold; font-size: 60px;  color: #aa0000; line-height: 1em; }

/* navigation */
ul.menu li.menuItem { display: block; width: 680px; overflow: hidden; margin-bottom: 15px; }
ul.menu li.menuItem a.menuLink { display: block; height: 35px;  text-decoration: none; outline: none;}
ul.menu li.menuItem span.menuTitle { display: block; height: 0px; width: 0px; overflow: hidden;}
ul.menu li#projects { }

/* content */
.content { padding-top: 10px; }
.contentBlog { padding-top: 10px;}

/* project page */
#projectNav { height: 20px; margin-bottom: 10px;}
a.projectCat { display:block; float: left; background: #D51920; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 13px; line-height: 1em; padding: 3px 6px; margin-right: 5px; }
a.projectCat:hover { background: #e7e7e7; color: #999; }
#projectNav a.selected { background: #e7e7e7; color: #999; outline: 0; }
#projectContent { margin-bottom: 0px; padding-bottom: 0px; }
#projects h3 { padding-bottom: 5px; font-size: 17px; }
#projectNarrow { margin: 5px 0px 15px 0px; background: url(/images/site/narrowby.gif) no-repeat; width: 670px; height: 40px; line-height: 40px; }
form#projectForm { margin-left: 40px; }
form#projectForm b { color: #999; margin-right: 5px;}
#projectList { width: 700px; margin-left: -20px; }
#projectList ul { }
#projectList li { width: 150px; margin: 0px; margin-left: 20px; padding: 8px 0px 7px 0px;  display: -moz-inline-stack;
display: inline-block; vertical-align: top; font-size: 11px; line-height: 1.2em; border-top: 1px solid #000; }
.loading { text-align: center; margin: 10px; display: none; z-index: 10; color: #666; }
.reset { text-align: center; margin: 10px; display: none; cursor: pointer; color: #666; }
.projectTitle { font-weight: bold; font-size: 12px; line-height: 1.1em; margin-bottom: 2px; }
.projectTitle a { color: #000; }
.projectTitle a img { margin: 0px 0px 0px 2px;}
.projectBlack { color: #000; }
.projectGrey { color: #666; }
p.projectNoResults { margin-left: 20px;}

/* client */
#clientLogos { width: 710px; margin-left: -7px;}
#clientLogos img { width: 120px; height: 120px; border: 1px solid #ccc; margin: 7px; }

/* contact */
#contactCopy { float: left; width: 330px; }
#contactCopy p { font-size: 15px; }
#contact #info { float: right; width: 330px; padding-top: 5px; height: 140px; }
#contact #info li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; font-weight: bold; }
#contact #info li a { font-weight: bold;}
#contact #info span { font-weight: normal;}
#social { display: block; height: 30px;}
#twitter a { display: block; float: right; background: url(/images/site/twitter.gif) no-repeat 0px 0px; width: 30px; height: 30px; margin-left: 8px;}
#twitter a:hover { background-position: 0px -30px;}
#fb a { display: block; float: right; background: url(/images/site/facebook.gif) no-repeat 0px 0px; width: 30px; height: 30px;}
#fb a:hover { background-position: 0px -30px;}

/* BLOG */
#blogLeft { width: 460px; float: left;}
#blogRight { width: 200px; margin-left: 20px; float: left; }
.postDate { text-transform: uppercase; font-size: 12px; color: #666; margin-bottom: 5px; letter-spacing: 1px; font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif; }
.post { border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 15px; }
.postTitle { font-family: Georgia, san-serif; margin-bottom: 10px; }
.postBody p { margin-bottom: 10px;}
#blogRight a { font-weight: bold; }
#blogRight li { margin-bottom: 8px;}
ul#blogSocial { border-top: 1px solid #999; margin-bottom: 40px; margin-top: 32px;}
ul#blogSocial li { padding: 10px 0px; line-height: 30px; border-bottom: 1px solid #999; margin-bottom: 0px; }
ul#blogSocial li#blogRSS a { display: block; height: 30px; background: url(/images/site/rss.gif) no-repeat 0px 0px; padding-left: 40px; }
ul#blogSocial li#blogRSS a:hover { background-position: 0px -30px; }
ul#blogSocial li#blogFacebook a { display: block; height: 30px; background: url(/images/site/facebook.gif) no-repeat 0px 0px; padding-left: 40px; }
ul#blogSocial li#blogFacebook a:hover { background-position: 0px -30px; }
ul#blogSocial li#blogTwitter a { display: block; height: 30px; background: url(/images/site/twitter.gif) no-repeat 0px 0px; padding-left: 40px; }
ul#blogSocial li#blogTwitter a:hover { background-position: 0px -30px; }
.sidebarTitle { font-size: 12px; font-weight: bold; border-bottom: 1px solid #000; color: #000; text-transform: uppercase; margin-bottom: 8px;  }

/* gallery */
#screen { position:relative; width:680px; margin:0px;  }
#slideshow { overflow: auto; overflow: hidden; width: 680px; position: relative; clear: left; }
#slideshow .scrollContainer .panel { width: 680px; height: 250px; text-align: center; }
#slideshow .scrollContainer .panel img { margin: 0px auto; }
#scroll_L a { position: absolute; left: 0px; display: block; width: 50px; height:250px; z-index: 99; }
#scroll_R a { position: absolute; right: 0px; top: 0px; display: block; width: 50px; height: 250px; z-index: 99; }
#scroll_L a:hover, #scroll_R a:hover { 
	cursor: pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}
.scrollButtons { position: absolute; top: 90px; }
.scrollButtons.left { left: 20px; }
.scrollButtons.right { right: 20px; }

/* info */
#info { float: right; width: 34px; height: 34px;}
#wrapperInfo { width: 450px;  margin: 0px auto; background: #fff; display: none; }
#infoContent { padding: 25px;  background: #fff;}
#infoHeadline h3 { font-size: 24px; }
#infoBody { margin: 10px 0px; }
#infoTagline { border-top: 2px solid #000; padding-top: 6px; margin-top: 15px; }
#infoBody p, #infoTagline p { font-size: 15px;}

/* footer */
#footer { height: 40px; width: 680px; margin: 10px auto; margin-top: 80px; background: #fff; border-top: 2px solid #D51920;  text-align: center; line-height: 40px; font-size: 12px;}
#footer a { font-weight: bold;}