/*
+-----------------------------+
|   OUTER WRAPPER FOR PAGES   |
|    USING THE GIF METHOD     |
+-----------------------------+
*/
body{
    margin:0px auto;
    background-color:#646464;
    text-align:center;
    font-size:.75em;
}
#outerwrapper {
    width:900px;
    margin:0px auto;
    background-color:#646464;
}
#outerwrappershell {
    font-family:verdana,sans,sans-serif,arial,courier;
    margin:0px;
}
#outerwrappershell #shelltopbar {
    background: url("/main_templates/q90corp/images/shelltopleft.gif") left top no-repeat;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}
#outerwrappershell #shelltopbar #shelltoprightcorner {
    float: right;
    background: url("/main_templates/q90corp/images/shelltopright.gif") right top no-repeat;
    width: 0px;
    height: 0px;
}
#outerwrappershell #shellcontentarea {
    background-color: #FFFFFF;
    background-image: url("/main_templates/q90corp/images/shellmiddleleft.gif");
    background-repeat:repeat-y;
    background-position:left top;
    padding: 0px;
    border-right:1px solid #646464;
    text-align: left;
}
#outerwrappershell #shellcontentarea #shellrightside {
    display:none;
    position: relative;
    float: right;
    width: 10px;
    height:100%;
    background: url("/main_templates/q90corp/images/shellmiddleright.gif") right top repeat-y;
}
#outerwrappershell #shellbottombar {
    height: 10px;
    background: url("/main_templates/q90corp/images/shellbottomleft.gif") left top no-repeat;
    font-size: 0px;
    line-height: 0px;
}
#outerwrappershell #shellbottombar #shellbottomrightcorner {
    float: right;
    background: url("/main_templates/q90corp/images/shellbottomright.gif") right top no-repeat;
    width: 10px;
    height: 10px;
}
.clear{
    clear:both;
    height:0px;
    width:0px;
    line-height:0px;
}
/*
+--------------------+
|  MAIN SPLASH AREA  |
+--------------------+
*/
#main_splash{
    clear:both;
    position:relative;
    height:289px;
    width:868px;
    margin:15px auto 10px auto;
    padding:1px;
    background: url("/main_templates/q90corp/images/homepage/main_background.png") left top no-repeat;
}
#main_splash .main_splash_left{
    float:left;
    position:relative;
    height:289px;
    width:300px;
    text-align:center;
    margin:0px;
    padding:0px;
}
#main_splash .main_splash_left .center{
    position:absolute;
    font-size:1.75em;
    width:250px;
    top:65px;
    left:15px;
    font-weight: bold;
    text-align:left;
    letter-spacing: .1em;
    color:#006cc6;
}
#main_splash .main_splash_left .center div{
    text-align:center;
    margin:0px auto;
}
#main_splash .main_splash_right{
    float:right;
    position:relative;
    font-size:1.5em;
    letter-spacing: normal;
    height:287px;
    width:354px;
    margin:0px 2px 0px 0px;
    padding:0px;
    background: url("/main_templates/q90corp/images/homepage/splash_metallic.png") right top no-repeat;
}
#main_splash .main_splash_right .center{
    position:absolute;
    width:175px;
    top:25px;
    right:30px;
    color:#FFF;
    font-size: .75em;
}
#main_splash .main_splash_right .center img{
    display:block;
    text-align:center;
    margin:5px auto;
    padding:0px;
    border:0px;
}
#main_splash .main_splash_right .center h3{
    text-align:center;
    padding:5px;
    border-bottom:1px solid #00a4e4;
    font-size:1.25em;
}
#main_splash .main_splash_right .center p{
    /* text-align:justify; */
    margin-left:8px;
    font-size:1em;
}
#main_splash .main_splash_right .center ul{
    margin-left:10px;
    padding:0px;
}
#main_splash .main_splash_right .center li{
    list-style: none;
    background: url("/main_templates/q90corp/images/homepage/doublechevron.gif");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left:20px;
    margin-left:0px;
    line-height:1.75em;
}
#main_splash .main_splash_right .center li a{
    color:#FFF;
    text-decoration: none;
    cursor:auto;
}
#main_splash .main_splash_right .center li a:link{
    color:#FFF;
    text-decoration: none;
    cursor:auto;
}
#main_splash .main_splash_right .center li a:visited{
    color:#FFF;
    text-decoration: none;
    cursor:auto;
}
#main_splash .main_splash_right .center li a:hover{
    color:#7BE000;
    text-decoration: none;
    cursor:pointer;
}
#main_splash .main_splash_right .center .rounded{
    display:block;
    float:right;
    margin-right:4em;
    margin-left:auto;
}
#main_splash .main_splash_image{
    position: absolute;
    height: 274px;
    width:336px;
    top: 20px;
    left: 300px;
    background: url("/main_templates/q90corp/images/homepage/iphone.png") center center no-repeat;
}



/*
+---------------------+
|  MIDDLE SPLASH BAR  |
+---------------------+
*/
#middle_splash_bar{
    clear:both;
    width:100%;
    margin:0px;
    padding:0px;
    color:#808080;
    line-height:48px;
    font-size: .25em;
    font-weight:normal;
    vertical-align:top;
    text-align:center;
}
#middle_splash_bar img{ 
    margin:0px;
    padding:0px;
    border:0px;
    vertical-align:middle;
}
#middle_splash_bar .text{
    float:left;
    padding:10px 5px 10px 20px;
    vertical-align:top;
}
#middle_splash_bar .images{
    float:right;
    padding:0px 20px 20px 5px;
    vertical-align:top;
}
#middle_splash_bar a{
    margin:5px 30px;
    border:none;
    cursor:auto;
}
#middle_splash_bar a:link{
    cursor:auto;
}
#middle_splash_bar a:visited{
    cursor:auto;
}
#middle_splash_bar a:hover{
    cursor:pointer;
}

/*
+---------------------+
|  RIGHT SPLASH AREA  |
+---------------------+
*/
#right_splash{
    clear:right;
    position:relative;
    float:right;
    width:300px;
    height:auto;
    margin:0px auto;
    padding:0px;
}
#right_splash .section{
    margin:20px auto;
    padding:0px;
    font-size:.75em;
}

/*
+---------------------+
|  MAIN CONTENT AREA  |
+---------------------+
*/
#main_content_area{
    display:block;
    float:none;
    padding:10px 20px;
    color:#646464;
}
#main_content_area h3{
    text-decoration:none;
    font-weight:bold;
    font-size:1.25em;
    color:#646464;
    margin:20px 0px 0px 0px;
}
#main_content_area h4{
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    color:#646464;
    margin:20px 0px 0px 10px;
}
#main_content_area p{
    font-weight:normal;
    font-size:1em;
    margin:0px 0px 20px 0px;
}
#main_content_area ul{
    font-weight:normal;
    font-size:1em;
    margin:0px 0px 20px 20px;
}
#main_content_area ul:before{
    margin-bottom:0px;
}
#main_content_area li{
    font-weight:normal;
    font-size:1em;
    margin:0px 0px 0px 20px;
}
#main_content_area a{
    font-weight:normal;
    color:#0066cc;
    text-decoration:underline;
}
#main_content_area a:link{
    color:#0066cc;
    text-decoration:underline;
    cursor:auto;
}
#main_content_area a:visited{
    color:#0066cc;
    text-decoration:underline;
    cursor:auto;
}
#main_content_area a:hover{
    color:#7BE000;
    text-decoration:none;
    cursor:pointer;
}
#main_content_area .roundedButton a.roundedButtonLink:link{
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    cursor:auto;
}
#main_content_area .roundedButton a.roundedButtonLink:visited{
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    cursor:auto;
}
#main_content_area .roundedButton a.roundedButtonLink:hover{
    color:#7BE000;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}
#main_content_area .title{
    color:#da551e;
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
    margin:10px 0px 20px 0px;
    padding:10px 0px 5px 0px;
    border-bottom:1px solid #00a4e4;
}
#main_content_area .question{
    display:block;
    margin-left:25px;
    margin-bottom:10px;
}
#main_content_area .question .answer{
    display:none;
    margin-left:50px;
    margin-top:10px;
}


/*
+----------------------+
|  BOTTOM SPLASH AREA  |
+----------------------+
*/
#bottom_splash{
    clear:both;
    position:relative;
    width:875px;
    height:150px;
    margin:0px auto;
    padding:0px;
    line-height:normal;
    font-size: 1.25em;
}
#bottom_splash h3{
    margin:3px;
    padding:0px;
    color:#00a4e4;
    line-height:normal;
    font-size:1.25em;
    font-weight:bold;
}
#bottom_splash p{
    margin:0px 3px;
    padding:0px;
    color:#FFFFFF;
    line-height:normal;
}
#bottom_splash a{
    margin:3px;
    padding:0px;
    color:#00a4e4;
    line-height:normal;
    text-decoration: none;
}
#bottom_splash a:link{
    color:#00a4e4;
    text-decoration: none;
}
#bottom_splash a:visited{
    color:#00a4e4;
    text-decoration: none;
}
#bottom_splash a:hover{
    color:#7BE000;
    text-decoration: underline;
}
#bottom_splash img{
    margin:3px;
    padding:3px;
    border:0px;
    line-height:normal;
}
#bottom_splash .bottom_splash_left{
    position: absolute;
    height:150px;
    top:0px;
    left:0px;
}
#bottom_splash .bottom_splash_center{
    position: absolute;
    height:150px;
    top:0px;
    left:300px;
}
#bottom_splash .bottom_splash_right{
    position: absolute;
    height:150px;
    top:0px;
    right:0px;
}

/*
+--------------+
|  PARTNER BAR |
+--------------+
*/
.partnerbar{
    display:block;
    clear:both;
    margin:0px auto;
    padding:0px;
    text-align:center;
} 

/*
+--------------+
|  IMAGE STUFF |
+--------------+
*/
/* image rollover stuff*/
.rollimage{
    display:inline;
    float:right;
    margin:0px 0px 10px 10px;
    border:none;
}
.caption{
    float:left;
    width:45%;
    margin:5px;
    padding:5px;
    text-align:left;
    vertical-align: bottom;
}
.caption img{
    float:left;
    margin-right:5px;
    vertical-align:baseline;
}
.caption a{
    text-decoration: none;
}
.caption a:link{
    text-decoration: none;
    cursor:auto;
}
.caption a:visited{
    text-decoration: none;
    cursor:auto;
}
.caption a:hover{
    text-decoration: underline;
    cursor:pointer;
}


/*
+----------------+
|  INPUT FIELDS  |
+----------------+
*/
.input_row{
    position: relative;
    display:block;
    clear:both;
    float:none;
    text-align:right;
    vertical-align: top;
    width:40%;
    margin:3px;
    padding:3px;
    white-space: nowrap;
}
.input_field{
    display:inline;
    position:absolute;
    left:100%;
    top:-.1em;
    clear:none;
    float:none;
    text-align:left;
    vertical-align: top;
    width:50%;
    margin:0px 0px 0px 3px;
    padding:0px;
}