@import "reset.css";

body {
    font: normal 67.5% "Helvetica Neue", Arial, Verdana, sans-serif;
    color: #333;
    background: #939598;
}


div#header 
{
    width: 100%;
    height: 70px;
    display: block;
    background: url(../images/landing/top_banner.jpg) -1024px top repeat-x transparent;
    border-bottom: 8px solid #000;
    text-align: center;
    padding: 10px 0;
}

div#header h1 a
{
    width: 100%;
    height: 53px;
    display: block;
    background: url(../images/landing/logo.png) top center no-repeat transparent;
    text-indent: -9999px;
    position: relative;
    margin: 0 auto;
}

div#header h2 a 
{
    text-indent: -9999px;
    width: 167px;
    height: 20px;
    display: block;
    margin: 0 auto;
    position: relative;
    background: url(../images/landing/division_of_laloupe_tag.png) top left no-repeat transparent;
}

div#content 
{
    width: 100%;
    padding: 2.0em 0;
    background: #EAE7DD;
    display: block;
    overflow: hidden;
    border-bottom: 4px solid #000;
}

div.wrapper 
{
    width: 960px;
    position: relative;
    margin: 0 auto;
}

h2#heading_main 
{
    width: 100%;
    height: 72px;
    display: block;
    position: relative;
    margin: 1.0em auto;
    text-indent: -9999px;
    background: url(../images/landing/pu_heading_main.gif) top center no-repeat transparent;
}

ul#product_callouts 
{
    width: 100%;
    height: 173px;
    position: relative;
    display: block;
    text-indent: -99999px;
    background: url(../images/landing/product_callouts.gif) top center no-repeat transparent;
    margin: 4.0em auto;
}

ul#product_callouts li
{
    text-indent: -99999px;
}

div#school_select
{
    padding: 1.0em;
    text-align: center;
    color: #000;    
    margin: 1.0em 0;
}

#school_select ul 
{
    position: relative;
    left: 50%;
    margin-left: -22%;
}

#school_select ul li 
{
    float: left;
}

#school_select select
{
    margin-top: -4px;
    padding: 2px;
    font-size: 1.3em;
}

#school_select label 
{
    font-size: 1.4em;
    font-weight: bold;
    padding-right: 10px;
    width: 161px;
    height: 18px;
    text-indent: -9999px;
    background: url(../images/landing/find_school_label.gif) top left no-repeat transparent;
    display: block;
}

ul#logos
{
    width: 780px;
    position: relative;
    margin: 3.0em auto;
    text-align: center;
    right: -10px;
    display: block;
    overflow: hidden;
}

ul#logos li
{
    float: left;
    width: 146px;
    height: 146px;
    display: block;
    background: url(../images/landing/university_logo_bg.gif) top left no-repeat transparent;
    margin-right: 10px;
}

ul#logos li a
{  
    width: 146px;
    height: 146px;
    display: block;
    background-color: Transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

div#content_bottom
{
    width: 100%;
    clear: both;
    padding: 4.0em auto;
}

.left_column 
{
    width: 50%;
    float: left;
    display: block;
    overflow: hidden;
    height: 54px;
    line-height: 54px;
}

.right_column
{
    width: 50%;
    float: right;
    display: block;
    text-align: right;
}