/*****
By Justin J Ma
08-2008
*****/


/****** General Styles ******/
body {
    background-color: #333333;
    font-family: Helvetica, Arial; 
    font-size: 12px; 
    color: black
}
a:link{
    text-decoration: none; 
    color: black;
} 
a:visited{
    text-decoration: none; 
    color: black;
}
a:hover{
    text-decoration: none; 
    color: #ff9900;
    color: black;
}
a:active{
    text-decoration: none; 
    color: #ff9900;
    color: black;
}
.clear_both{ 
    clear: both
}
.text_orange{ 
    color: #FF9900;
}
#wrapper{ 
    padding: 20px 0px 0px 0px;
}



/****** Main container selection ******/
#main_container_home{ 
    width: 1024px; 
    height: 600px; 
    background-color: black; 
    background-image: url(images/home_bg.jpg) 
}
#main_container_video{ 
    width: 1024px; 
    height: 600px; 
    background-color: black; 
    background-image: url(images/video_bg.jpg) 
}
#main_container_post{ 
    width: 1024px; 
    height: 600px; 
    background-color: black; 
    background-image: url(images/post_bg.jpg) 
}
#main_container_equip{ 
    width: 1024px; 
    height: 760px; 
    background-color: black; 

}
#main_container_work{ 
    width: 1024px; 
    height: 600px; 
    background-color: black; 
    background-image: url(images/work_bg.jpg) 
}
#main_container_contact{ 
    width: 1024px; 
    height: 600px; 
    background-color: black; 
    background-image: url(images/contact_bg.jpg) 
}



/****** Top banner ******/
#top_banner{ 
    height: 90px; 
    background-color: black
}
#top_logo{ 
    width: 270px; 
    float: left
}
#top_menu_container{  
    float: right;
    width: 754px
}
#top_pattern{ 
    height: 55px
}
#top_menu_box{ 
    height: 35px
}
.menu_body{ 
    float: left
}




/****** Main body ******/
#main_body{ 
    height: 450px
}

/* HOME */
#body_content_home{
    padding: 70px 25px 70px 170px; 
    height: 310px; 
    width: 829px
}
#home_textbox{ 
    height: 290px; 
    width: 250px;
    float: left; 
    padding: 10px 30px 10px 10px; 
    font-size: 14px; 
    text-align: left 
}
#home_textbox a:hover{ 
    color: #FF9900
}
#home_textbox a:active{ 
    color: #FF9900
}
#slideshow{ 
    float: right; 
    padding: 10px
}

/* POST */
#body_content_post{
    padding: 70px 190px 90px 90px; 
    height: 290px; 
    width: 744px
}
#post_showreel_box{ 
    float: left; 
    width: 315px; 
    height: 200px; 
    padding: 64px 10px 26px 10px

}
#post_showreel_text{ 
    padding: 7px 0px 5px 12px; 
    font-weight: bolder
}
#post_showreel_text a:hover{ 
    color: #FF9900
}
#post_showreel_text a:active{ 
    color: #FF9900
}
#post_textbox{ 
    width: 350px; 
    height: auto; 
    float: right;
    text-align: left; 
    font-size: 13px
    

}

/* VIDEO */
#body_content_video{
    padding: 80px 126px 80px 120px; 
    height: 290px; 
    width: 710px
}
#video_showreel_box{ 
    float: left; 
    width: 315px; 
    height: 205px; 
    padding: 70px 10px 15px 10px;

}
#video_showreel_text{ 
    padding: 10px 0px 0px 8px; 
    font-weight: bolder
}
#video_showreel_text a:hover{ 
    color: #FF9900
}
#video_showreel_text a:active{ 
    color: #FF9900
}
#video_textbox{ 
    width: 310px; 
    height: auto; 
    float: right;
    text-align: left; 
    font-size: 13px
}

/* EQUIP */
#main_body_equip{ 
    height: 610px; 
    background-image: url(images/equip_bg.jpg)
}
#equip_left_image{ 
    float: left; 
    width: 500px; 
    height: 610px

}
#equip_right_text{ 
    float: left; 
    width: 410px; 
    height: 340px; 
    padding: 170px 110px 100px 4px; 
    font-size: 13px
}
#equip_right_text p{ 
    margin: 0px

}
.text_row{ 
    padding: 10px 0px 10px 0px; 
    vertical-align: top
}



/* WORK */
#body_content_work{ 
    padding: 145px 126px 105px 106px; 
    height: 200px; 
    width: 792px
		   
}
#work_pic_left{ 
    float: left
}
#work_pic_right{ 
    float: right
}

/* CONTACT */
#body_content_contact{ 
    padding: 100px 314px 80px 310px;
    height: 270px; 
    width: 400px;
}
#body_content_contact p{
    font-size: 14px;
    padding:0px;
    margin:0px
}

#body_content_contact a:hover{ 
    color: #FF9900
}
#body_content_contact a:active{ 
    color: #FF9900
}





/****** VIEDO PLAYER ******/
#player_container{
    padding:100px 200px 100px 200px;
}
#video_title_512{ 
    font-size: 16px; 
    color: #FF9900; 
    padding: 10px 0px 5px 0px; 
    text-align: right; 
    width: 512px
}
#video_title_480{ 
    font-size: 16px; 
    color: #FF9900; 
    padding: 10px 0px 5px 0px; 
    text-align: right; 
    width: 480px
}
#video_player{
}

/****** Bottom banner ******/
#footer{ 
    height: 60px; 
    background-color: black; 
    color: #FFFFFF
}
#footer a:link{ 
    color: #FFFFFF
}
#footer a:visited{ 
    color: #FFFFFF
}
#footer a:hover{ 
    color: #FF9900
}
#footer a:active{ 
    color: #FF9900
}
#footer_pattern{ 
    float: left; 
    width: 50px
}
.footer_text{  
    padding: 12px 20px 12px 0px;
    float: right;
}