body {background:#2d2c2c url(../img/bg.jpg) repeat-x center top; color:#3f3f3f; font:62.5%/1.5 "lucida grande", arial, verdana, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family:Rockwell, Georgia, Times, Times New Roman, serif; line-height:1.2; clear:both; font-weight:bold;}

h1 {font-size:2.4em; line-height:1.25; margin-bottom:.625em;}
h2 {font-size:1.8em; line-height:1.25; margin-bottom:.834em;}
h3 {font-size:1.5em; line-height:1; margin-bottom:.5em;}
h4 {font-size:1.3em; line-height:1.25; margin-bottom:.577em;}
h5 {font-size:1.1em; line-height:1.364; margin-bottom:.682em;}

h2#showcase-heading { background:#5a5959 url(../img/showreel.gif) no-repeat 30px 8px; text-indent:-999em; height:32px; margin:0; }
h2#our-products-heading { background:#5a5959 url(../img/our-products.gif) no-repeat 30px 8px; text-indent:-999em; height:32px; width:764px; margin:0; }

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1.5em;}
blockquote {margin-bottom:1.5em;}
blockquote p {margin-bottom:0;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:1.5em;}
pre {}
strong {}

/* Link elements 
-------------------------------------------------------------- */
a {color:#000;}
a:visited {}
a:hover {}
a:active {}

/*paragraphs
-------------------------------------------------------------- */
h1 + p {font-weight: bold; font-size: 1.2em;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1.5em; list-style:disc inside;}
ul li {}
ol {margin-bottom:1.5em;}
ol li { }

dl {margin-bottom:1.5em;}
dl dt {}
dl dd {}

/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left; margin-right:1em;}
.align-right {float:right; margin-left:1em;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear:both;}
.clear-fix:after {content:"."; height:0; visibility:hidden; clear:both; display:block;}
.hide {display:none;}
.highlight {}
.large {}
.off-screen {position:absolute; left:-999em;}
.small {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }
.top {margin-top:0; padding-top:0;}
.buybutton {float: right; padding: 5px 30px;}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom:1.5em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}

/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom:1.5em;}
legend {}
label {}
input {}
textarea {}

/* Navigation
---------------------------------------------------------------*/
#nav { list-style:none outside; font-size:1.1em; margin-bottom:0; background:url(../img/nav-bg.png) no-repeat left bottom; padding-bottom:1.5em; text-indent:5px; }
#nav li {float:left; border-right:1px solid #999; }
#nav li:last-child {border-right:none;}
#nav li a {float:left; padding:0 1em; color:#fff; text-decoration:none; }
#nav li:first-child a {padding-left:0;}
#sub-nav {}

/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}
#wrapper {margin:0 auto; width:775px; padding:2em 0 0 0; font-size:1.2em;}
#header {width:774px; margin:0 auto;}
#header #branding { clear:left; padding:35px; background:url(../img/branding-bg.png) repeat-y; width:704px;}
#header #branding #tagline {background:url(../img/tagline.gif) no-repeat right top; float:right; font-size:1.4em; font-style:italic; width:447px; height:50px; margin-bottom:0; text-indent:-999em; }
#header #branding #logo {float:left;}
#content-wrap {width:764px; margin:0 auto; padding:0 5px; clear:both; background:url(../img/content-wrap-bg.png) repeat-y; }

#content-wrap #showcase { background:#000 url(../img/showcase-bg.gif) no-repeat; color:#fff; width:764px; font-size:.9em; }
#content-wrap #showcase  a{ color: #fff; font-size: 1.2em; font-family:Rockwell, Georgia, Times, Times New Roman, serif; line-height:1.2; clear:both; font-weight:bold; float: right;}
#content-wrap #showcase ul { margin:30px 0; list-style:none outside; }
#content-wrap #showcase li { width:215px; float:left; margin-left:30px; }
#content-wrap #showcase li img { margin-bottom:15px; }

#content-wrap #content { float:left; width:424px; padding:30px; background: #dcdcdc;}
#content-wrap #side-content {background:#fff; padding:15px; float:right; width:220px; margin:30px 30px 30px 0;}

#footer {clear:both; width:774px; margin:0 auto; background:url(../img/footer-bg.png) no-repeat top left; }
#footer h2 {text-transform:uppercase;}
#footer #latest-blog-post {width:345px; float:left;}
#footer #latest-blog-post .post-meta {font-variant:small-caps; border:1px dotted; border-right:0; border-left:0; padding-bottom:0; margin-bottom:.75em;}
#footer #newsletter-signup {width:345px; float:right;}
#footer  {clear:both; font-style:normal; font-family:georgia, Times, "Times new roman", serif; color:#666; font-size:1em; padding:1.5em 0; text-align:center;}
#footer a { color:#666; }