article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; 
}
body {
    font-family: "helvetica neue",helvetica, arial;
    background-color: #fff;
}
section, nav, article {
    overflow: hidden;
}
.cb {
    clear:both;
}
h2 { 
    margin: 20px 0 20px;
    font-size: 25px;
    font-weight: normal;
    color: #444;
}
h3 {
    font-size: 25px;
    font-weight: normal;
    color: #666;
    margin-bottom: 10px;
    text-shadow: #ccc 1px 1px 2px;
}
h4 {
    margin-bottom: 10px;
}
p {
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 15px;
}
blockquote {
    font-size: 15px;
    line-height: 1.25;
    margin: 10px 0;
    padding: 10px;
    background-color: #eee;
    border-top: 1px solid #666;
    border-bottom: 1px solid #999;
}
#wrapper_site {
    margin: 0 auto;
    width: 900px;
}
header#mainHeader {
    height: 60px;
    background-color: #333;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.08, rgb(51,51,51)),
        color-stop(0.91, rgb(102,102,102)),
        color-stop(0.97, rgb(120,120,120)),
        color-stop(0.06, rgb(54,54,54))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(51,51,51) 8%,
        rgb(102,102,102) 91%,
        rgb(120,120,120) 97%,
        rgb(54,54,54) 6%
    );
    overflow: hidden;
}
header h1 { 
    color: #eee;
    font-size: 25px;
    text-shadow: 1px 1px 2px #222;
    float: left; 
    margin-left: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}
#mainNavigation {
    float: right;
    width: 400px;
    height: 60px;
    overflow: hidden;
}
#mainNavigation li { 
    float: left;
    height: 100%;
    /*height: 50px;*/
    width: 98px;
    border-left: 1px solid #999;
    border-right: 1px solid #333;
    overflow: hidden;
}
#mainNavigation li a {
    height: 100%;
    width: 100%;
    font-size: 15px;
    display: block;
    color: #ccc;
    text-shadow: #030303 0px 1px 0px;
    text-decoration: none;
}
#mainNavigation li a span {
    display: block;
    padding-top: 35px;
    padding-left: 5px;
}
#mainNavigation li a:hover {
    background-color: #223;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(51,51,51)),
        color-stop(0.08, rgb(102,102,102)),
        color-stop(0.03, rgb(120,120,120)),
        color-stop(0.97, rgb(54,54,54))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(51,51,51) 91%,
        rgb(102,102,102) 8%,
        rgb(120,120,120) 3%,
        rgb(54,54,54) 97%
    );
    color: #fff;
}
#mainNavigation li a.active {
    background-color: #fff;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.30, #FFFFFF),
        color-stop(1.0, #E3E6E6)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #FFFFFF 30%,
        #E3E6E6 100%
    );
    text-shadow: none; 
    color: #666;
}            
.attribution {
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 10px;
}
.fl { 
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}
article footer {
   /* clear: both;*/
}
.bottomSeparator {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.topSeparator {
    border-top: 1px solid #999;
    padding-top: 20px;
    margin-top: 20px;
}
.halfColumn {
    width: 45%;
    margin-right: 5%;
    float: left;
}
.mainContentColumn {
    float: left;
    width: 60%;
}
.sidebarColumn {
    float: left;
    width: 30%;
}
.rightGutter {
    margin-right: 5%;
}
.leftGutter {
    margin-left: 5%;
}
.topColumn {
    margin-top: 20px;
}
footer#mainFooter {
    clear: both;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #999;
    font-size: 10px;
    color: #999;
}
.chmodName {
    color: #666;
    text-shadow: #ccc 1px 1px 2px;
}
.leaderCopy {
    font-size: 15px;
}
:focus {
    /*border-bottom: 1px dashed #fc6;*/
    outline: 1px solid #fc6;
}
input.inputError, textarea.inputError { 
    background-color: #e8b5ae; 
}

.topLabelForm label {
    display: block;
}
.topLabelForm input {
    margin-bottom: 15px;
}
.topLabelForm input[type=text] {
    width: 250px;
}
.topLabelForm textarea {
    display: block;
}
.errorMessages { 
    background-color: #e8b5ae; 
    color: #644; 
    margin-bottom: 10px; 
}
.errorMessages li { 
    padding: 4px 10px; 
    list-style-type: square; 
    margin-left: 2em;
}
.errorMessages li:first-child { padding-top: 10px;  }
.errorMessages li:last-child { padding-bottom: 15px;  }
/* WORK AND STUFF LIST THANGS */
.fr {
    float: right;
}
.finePrint { font-size: 0.8em; color: #777; }
.thumbnailList, .airInstallBadge {
    margin-left: 20px;
    margin-bottom: 20px;
}
.airInstallBadge {
     width:215px; 
    height:180px;
}
#projectList {
    background-color: #fff;
}
#projectList li { 
    height: 80px; 
    border-bottom: 1px solid #999;
}
#projectList li:first-child {
    border-top: 1px solid #999;
}
#projectList li.active {
    background-color: #F2F0D5;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, #F5F4E4),
        color-stop(0, #F8FACB)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #F5F4E4 100%,
        #F8FACB 0%
    );
    
}
#projectList a { 
    display: block;
    text-decoration: none;
    /*width: */
    height: 100%; 
    padding: 10px 0 0 10px;
    border-bottom: none; 
}
 #projectList a   :hover { 
        background-color: transparent;
    }
    #projectList a img { 
        float: left;
        border: none;
        margin: 0 10px 10px 0;
    }
#projectList h4 { 
    font-size: 16px;
    color: #666;
    text-shadow: none;
    font-weight: bold;
    padding-top: 5px;
    margin-right: 10px;
}
.thumbIconWrapper { 
    margin: 5px 0; 
    border-top: 1px solid #999; 
    border-bottom: 1px solid #999; 
    overflow: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}
.thumbIconWrapper p { 
    width: 15px;
    height: 15px;
    float: left;
    border: 1px solid #999;
    margin-right: 5px;
    margin-bottom: 0;
    background-color: #222;
    cursor: pointer; 
    font-size: 10px; 
}
.thumbIconWrapper p.current { 
    background-color: #c3c7b9;
    border: 1px solid #222;
}
/* DOWNLOAD BOX */
.downloadBox {
    /*width: 300px;*/
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 15px; 
}
.downloadBox li {
    list-style-image: url(/img/common/downloadIcon_16.gif);
    margin-bottom: 10px;
    margin-left: 25px;
}

.downloadBox li.finePrint {
    margin-top: 20px;
    list-style-image: none;
}
.coffeeBox {
    font-size: 10px;
    padding: 15px; 
    color: #333;
    margin-bottom: 18px;
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* IPHONE PAGES STUFF */
.projectIcon {
    float: left; 
    margin-right: 10px; 
    margin-bottom: 5px; 
}
.bulletList {
    margin-bottom: 15px;
}
.bulletList li {
    /* text-shadow: @smallShadow;*/
    margin: 5px 0;
    margin-left: 2em;
    list-style-type: square;
}

dl { 
    /* text-shadow: @smallShadow;*/
    letter-spacing: 0.5px;
}
dt {
    font-weight: bold;
    margin-bottom: 5px;
    /*color: @insetBoxColor;*/
}
dd {
    line-height: 1.25; 
    margin-bottom: 20px;
}
dd strong { color: #333633; }