/*
 :: Main CSS File
 -----------------
     + Typgraphy
     + Layout
     + More
 */
 
body {
    background: url(images/bg.png) repeat-x top #fff;
    font-family: Helvetica, Lucida, Arial, Sans-serif;
    font-size: 14px;
}
 
* {
    margin: 0;
    padding: 0;
}

p {
    padding: 5px 10px;
    color: #444;
    line-height: 1.7em;    
}
h1, h2, h3, h4, h5 {
    padding: 5px 10px;
    color: #444;
    line-height: 1.7em;    
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 {
	font-size: 21px;
	text-align: left;
}
h4 { font-size: 18px; }
h5 { font-size: 16px; }
a {
    color: #225a99;
}


.clear {
    clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; }

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#wrapper {
    width: 774px;
    margin: 0 auto;
}
#header {
    width: 774px;
    height: 439px;
    background: url(images/header.png) no-repeat left top;
    margin: 0 auto;
}
#nav {
    float: right;
    margin-top: 40px;
}
#video {
    float: right;
    margin-top: 40px;
}
#nav ul { list-style: none }
#nav ul li {
    float: left;
    padding: 10px;
}
#nav ul li a {
    text-decoration: none;
    color: #fff;
}
.column {
    width: 380px;
    float: left;
    padding: 0;
    padding-bottom: 30px;
}
    .column h3 {
	padding-top: 0;
	color: #06C;
    }
    .icon1 {
        background: url(http://cdn2.iconfinder.com/data/icons/32pxmania/misc_57.png) no-repeat 335px 5px #fff;
    }
#outerfooter {
    background: url(images/bg.png) repeat-x top #fff;
    height: 40px;
    margin-top: 20px;
    clear: both;
}
#footer {
    width: 774px;
    margin: 0 auto;
    text-align: center;
}
#footer p {
    font-size: 11px;
    color: #fff;
}
#footer a {
    font-size: 11px;
    color: #777;
}
.bulletlist {
    list-style: none;
}
    .bulletlist li {
        padding: 10px;
        margin: 5px 10px;
        padding-left: 40px;
        border: 2px solid #ccc;
        background: url(http://cdn5.iconfinder.com/data/icons/woocons1/Button%20White%20Check.png) no-repeat 10px 15px #fff;
    }
.badlist {
    list-style: none;
}
    .badlist li {
        padding: 10px;
        margin: 5px 10px;
        padding-left: 30px;
        border: 2px solid #ccc;
        background: url(http://cdn3.iconfinder.com/data/icons/lynx/22x22/actions/dialog-close.png) no-repeat 10px 15px #fff;
    }