@charset "UTF-8";

/* CSS Document */
/* Think Beyond - Dene Hall 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #4ab3df;
border-top:1px solid #4ab3df;
border-left:1px solid #4ab3df;
border-right:1px solid #4ab3df;
margin-top:10px;
margin-bottom:10px}

h1{
font-size:18px;
color:#ffffff;
margin-bottom:15px;_margin-bottom:8px;
padding-bottom:10px}

h2{
font-size:16px;
font-weight:200!important;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:13px;
font-weight:bold;
color:#4ab3df;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:10px;
color:#ffffff;
margin:5px 0 5px 15px;
}

a{
color:#4ab3df;
text-decoration:none}

a:hover{
color:#4ab3df;
text-decoration:underline}

p{
margin-bottom:10px}

.green{
color:#439332}

.ltblue{
color:#4ab3df}

img, div, input { behavior: url("iepngfix.htc") }


/* EDITOR END */

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#132345 url(assets/bg-2.jpg) repeat-x top left}

*{
margin:0;
padding:0}

img{
border:0}

/* --------- Main Container --------- */

#wrapper{
width:990px;
height:100%;
padding:0;
margin:0 auto}


#main_container{
width:990px;
height:100%;
padding:0;
float:left;
margin:0}

/* --------- Masthead ---------*/

#masthead{
width:990px;
height:176px;
margin:0;
padding:0;
float:left;
background:none}

.masthead_top{
width:450px;
height:124px;
padding:20px 0 0 30px;
float:left}

.masthead_right{
width:143px;
height:90px;
margin:25px 40px 0 0;
float:right}

.masthead_right h4{
font-weight:200;
line-height:14px;
text-align:center;
margin:10px 0 0 0!important;
padding:0!important}

/* --------- Navigation top ---------*/

.navigation_top{
width:990px;
height:31px;_height:0;
float:left;
text-align:right;
padding:0;
margin:0}

.navigation_top ul{
margin:0;
padding:0;
width:980px}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:2px 15px 2px 10px}

.navigation_top a:hover{
text-decoration:none;
color:#4ab3df;
margin:0;
padding:2px 15px 2px 10px}

.navigation_top #currentpagetop a{
text-decoration:none;
color:#4ab3df;
margin:0;
padding:2px 15px 2px 10px}

/* --------- Mainarea ---------*/

#mainarea{
width:930px;
height:442px;
float:left;
margin:0;
padding:18px 30px 30px 30px;
border-left:2px solid #d5d8e1;
border-right:2px solid #d5d8e1;
background:url(assets/bg_main_area.png) repeat top left}

/* --------- Left Column ---------*/

#left_column{
width:430px;
height:100%;
float:left;
margin:12px 0 0 0;
padding:0}


.album_area_wrapper{
width:430px;
height:330px;
float:left;
margin-bottom:15px;
padding:0}

.album_area{
width:399px;
height:333px;
float:left;
margin:0;
padding:0;
background:#086f8b}

#sponsors{
width:369px;
height:303px;
float:left;
margin:0;
padding:15px;
background:#086f8b}

.sponsors img{
float:left;
margin:0 0 0 15px}

.album_area h2{
margin:7px 0 3px 25px}

.album_area h4{
margin:2px 0 2px 60px}


#flash_player{
width:414px;
height:238px;
float:left;
margin:0 0 0 -8px;_margin:0 -8px 0 -8px;
padding:0}

.filler{
width:370px;
height:32px;
text-align:center;
float:left;
margin:5px 0 0 11px;_margin:5px 0 0 5px;
padding:0}

.download_button{
width:181px;
height:32px;
float:left;
margin:5px 15px 0 11px;_margin:5px 15px 0 5px;
padding:0}

.download_button a{
display:block;
margin:0;
font-size:11px;
padding:4px 0 4px 10px;
font-weight:200;
background:url(assets/button.jpg) no-repeat top left}

.download_button a:hover{
margin:0;
font-size:11px;
padding:4px 0 4px 10px;
font-weight:200;
background:url(assets/button.jpg) no-repeat bottom left}

.buy_button{
width:181px;
height:32px;
float:left;
margin:5px 0 0 0;
padding:0}

.buy_button a{
display:block;
margin:0;
font-size:11px;
padding:4px 0 4px 10px;
font-weight:200;
background:url(assets/button.jpg) no-repeat top left}

.buy_button a:hover{
margin:0;
font-size:11px;
padding:4px 0 4px 10px;
font-weight:200;
background:url(assets/button.jpg) no-repeat bottom left}

.quote_box{
width:369px;
height:80px;
float:left;
margin:0;
padding:5px 15px 0 15px;
background:#086f8b}

/* --------- Right Column --------- */

.right_column{
width:500px;
height:364px;
float:left;
margin:0;
padding:0}

.block{
*margin:0 0 -5px 0!important;
_margin:0!important}

.right_column_header{
width:485px;
height:35px;
float:left;
margin:0;
padding:10px 0 0 15px;
background:#086f8b}

.text_area{
padding:15px;
margin:0;
width:470px;
height:276px;
overflow-y:scroll;
overflow-x:none;
float:left;
background:url(assets/bg_text_area.png) repeat-x top left}

.textarea ul{
padding:10px 0 0 0}

.textarea li{
list-style:none;
padding:0 0 10px 15px;
background:url(../assets/bullet.png) no-repeat top left;_background:url(../assets/bullet.jpg) no-repeat top left}

/* --------- Footer --------- */

#footer_wrapper{
padding:0;
width:100%;
height:200px;
background:url(assets/bg_footer.jpg) repeat-x top left;
clear:both}

.footer{
width:980px;
padding:0;
margin:0 auto;
color:#ffffff;
text-align:right}

.footer_text{
font-size:9px;
float:right;
padding:0;
margin:23px 0 0 0}

.footer a{
text-decoration:none;
color:#ffffff}

.footer a:hover{
text-decoration:underline;
color:#ffffff}

.footer_bottom{
float:left;
padding:0;
margin:0}

.footer_bottom img{
position:relative;
top:-104px;
left:-130px;
padding:0;
margin:0}