/*
*
* These are the styles for the web ship threefour, it's misson to go forth and bring html5 and css3 to the modern web.
*
* The site uses quite a bit of html5 and css3. It'll look rad in modern standards complient browsers, and pretty
* shit in old crappy browsers, yes microsoft I'm pointing my finger at you. Feel free to steal anything, some credit
* would be nice though!
*
*/

/* Reset Browser Defaults */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, img, strong, sub,
sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight:normal;
vertical-align: baseline;
background: transparent;
font-family: GillSans, Calibri, Trebuchet, sans-serif;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

:focus {
outline: 0;
}

/* Styles in'it and lots of css3 */

body {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#424242 url('../images/background.png');
}

#wrapper {
margin:40px auto 0;
width:600px;
min-height:400px;
height:auto !important;
border:1px solid #fff;
background:#f4f4f4;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
box-shadow: 0 0 20px rgba(0,0,0,0.66);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.66);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.66);
-o-box-shadow: 0 0 20px rgba(0,0,0,0.66);
}

h1 {
text-indent:-9999px;
}

h2, h3, h4, h5 {
color:#424242;
text-shadow:0px 1px 0 #fff;
font-size:20px;
margin:18px 36px;
}

h2 span, h3 span, h4 span, h5 span {
color:#111;
font-weight:900;
}

p {
color:#424242;
font-size:14px;
line-height:18px;
margin:0 36px 18px;
text-shadow:0px 1px 0 #fff;
}

hr {
border:0;
background:url('../images/hr.png') repeat-x 0 0;
height:2px;
margin:10px 0;
clear:both;
display:block;
}

h6.footerlogo {
text-indent:-9999px;
background:url('../images/threefourmedia.png') no-repeat 0 0;
width:157px;
height:40px;
margin:9px 36px 18px;
float:right;
}

ol.services, ol.tech {
font-size:14px;
line-height:18px;
color:#424242;
text-shadow:0px 1px 0 #fff;
margin:0 36px 18px;
}

a {color:#000;text-decoration:none;}
a:active {color:#9e005d;text-decoration:none;}
a:hover {
color:#9e005d;
position:relative;
top:1px;
-webkit-transition-property:color;
-webkit-transition-duration:1s;
-webkit-transition-timing:ease-out;
}

span.desc {cursor:help;}

.group:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.group {display:inline-block;}
/* Hide from IE Mac \*/
.group {display:block;}
/* End hide from IE Mac */