/* google font api */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

/* reset */
html {
color: #000;
background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,textarea,select {*font-size:100%;
}
legend {
color: #000;
}

/* fonts */
body {
font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}
select,input,button,textarea {
font: 99% arial,helvetica,clean,sans-serif;
}
table {
font-size: inherit;
font: 100%;
}
pre,code,kbd,samp,tt {
font-family: monospace;*font-size:108%;
line-height: 100%;
}

/* grids */
@media screen and (max-width: 319px) {.unit {
float: none !important;
width: auto !important;
}

}
.line:after,.lastUnit:after {
clear: both;
display: block;
visibility: hidden;
overflow: hidden;
height: 0 !important;
line-height: 0;
font-size: xx-large;
content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.line {*zoom:1;
}
.unit {
float: left;
}
.size1of1 {
float: none;
}
.size1of2 {
width: 50%;
}
.size1of3 {
width: 33.33333%;
}
.size2of3 {
width: 66.66666%;
}
.size1of4 {
width: 25%;
}
.size3of4 {
width: 75%;
}
.size1of5 {
width: 20%;
}
.size2of5 {
width: 40%;
}
.size3of5 {
width: 60%;
}
.size4of5 {
width: 80%;
}
.lastUnit {
display: table-cell;
float: none;
width: auto;*display:block;*zoom:1;
_position: relative;
_left: -3px;
_margin-right: -3px;
}

/* html5 stuff */
header, footer, article, section {
display: block;
}

/* site specific */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
html, body {
background: #f7f7f7 url(/media/images/noise.png);
height: 100%;
color: #333;
}
.hide {
display: none;
}

header {
height: 100px;
background: #333;
margin-bottom: 20px;
border-bottom: 1px solid #222;
}
header div.title {
width: 760px;
padding: 20px;
margin: 0 auto;
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
}
header div.title h1 {
color: #eee;
font-weight: bold;
font-size: 200%;
margin-top: 15px;
text-shadow: 1px 1px 1px #111;
}
header div.title h1 span {
color: #ccc;
text-transform: uppercase;
font-weight: normal;
font-size: 67%;
margin-left: 10px;
}
header a#contact {
color: #fff;
float: right;
margin-top: 15px;
}

section {
width: 760px;
margin: 0 auto;
}

article {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 20px;
background: #fff;
margin-bottom: 20px;
border: 1px solid #f1f1f1;
}

footer {
padding: 20px 0;
background: #333;
color: #ddd;
border-top: 1px solid #222;
}
footer h4 {
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
font-size: 120%;
color: #ccc;
text-shadow: 1px 1px 1px #111;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 20px;
}
footer p {
margin: 0 0 10px 0;
padding-right: 20px;
}
footer p.footnote {
color: #ccc;
margin-top: 20px;
font-size: 80%;
}
footer p.footnote a {
color: #eee;
}
footer a {
color: #ccc;
text-decoration: none;
}


article .size1of3 {
height: 460px;
}

p {
margin: 0 0 10px 0;
}

ul {
margin: 0 0 10px 0;
}
article ul li {
text-indent: 25px;
background: url(/media/images/sm-right-arrow.gif) 10px 4px no-repeat;
}

h2 {
font-weight: bold;
font-size: 130%;
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
margin: 0 0 10px 0;
}
h6 {
font-weight: bold;
text-transform: uppercase;
color: #666;
font-size: 80%;
}

a:hover, footer a:hover, p.footnote a:hover {
color: #1E96FF;
}
a.button {
float: left;
margin-top: 10px;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #444;
color: white;
text-decoration: none;
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
border: 1px solid #555;
}
a.button span.arrow {
display: inline-block;
height: 9px;
background: transparent url(/media/images/rarr-white.png) no-repeat 1px 0px;
width: 7px;
margin-left: 4px;
}
a.button:hover {
background: #1E96FF;
border: 1px solid #1396cc;
}

a#contact {
cursor: pointer;
}
#contactform {
background: #333;
padding: 20px;
}
#contactform h2 {
color: #ccc;
}
#contactform p {
color: #ddd;
}
form  li {
display: block;
margin-top: 20px;
}
form label {
float: left;
color: white;
text-transform: uppercase;
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
color: #ccc;
}
form input, form textarea {
float: left;
clear: both;
width: 100%;
background: #eee;
padding: 2px 5px;
}
form textarea {
height: 40px;
}
form input[type=submit] {
width: 60px;
display: block;
float: left;
margin-top: 20px;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #444;
color: white;
text-decoration: none;
font-family: "Droid Sans", "Lucida Sans", Trebuchet, Verdana, Helvetica, Arial, Sans-Serif;
border: 1px solid #555;
cursor: pointer;
}
form input[type=submit]:hover {
background: #1E96FF;
border: 1px solid #1396cc;
cursor: pointer;
}