/* three_dimentional Animation CSS generic bits */
* {margin:0; border:0; padding:0}

body { font-size:12px; background-color:#000000; background-image:url(3D_animation_images/3D_animation_BG.gif); width:97%; font-family:Geneva, Arial, Helvetica, sans-serif; color:#dddddd; text-decoration:none}
h1 {color:#F8C300; font-size:12px; font-weight:bold}
h2 {color:#FFFFFF; font-size:12px; font-weight:bold}
.style1 {
	color: #F8C300;
	font-style: italic;}
	
.drop_down {width:850px; height:25px; display:block; margin-left:auto; margin-right:auto; overflow:hidden}
#container {width:850px; margin-left:auto; margin-right:auto; background-color:#333333}
#three_dimentional_animation_header {width:850px; height:200px; background-color:#000000; display:block; overflow:hidden}
.three_dimentional_animation_menubar {width:850px; height:25px; background-color:#000000; background-image:url(3D_animation_images/menu_bg.gif); background-repeat:no-repeat; overflow:hidden; display:block; padding-top:5px}
.three_dimentional_animation_content_area {width:800px; background-color:#000000; display:block; padding-left:25px; padding-right:25px}
.three_dimentional_animation_content_area_cont {width:800px; height:576px; background-color:#000000; display:block; padding-left:25px; padding-right:25px}
.three_dimentional_animation_content_area_home {width:800px; height:1500px; background-color:#000000; display:block; padding-left:25px; padding-right:25px}
.three_dimentional_animation_content_item {width:800px; height:181px}
.three_dimentional_animation_content_item_cont {width:800px; height:570px}
.three_dimentional_animation_content_item_top {width:800px; height:355px; background-color:#111111; display:block;}
 {width:800px; height:175px; background-color:#111111; display:block;}
.three_dimentional_animation_content_item_col1 {width:500px; height:175px; background-color:#222222; display:block; float:left}
.three_dimentional_animation_content_item_col2 {width:295px; height:175px; background-color:#111111; display:block; float:left; padding-left:5px}
.three_dimentional_animation_yellow_line {width:800px; height:6px; display:block; overflow:hidden; background-color:#F8C300;  margin-top:0px; margin-bottom:5px}
.three_dimentional_animation_yellow_line_news {width:800px; height:31px; display:block; overflow:hidden; background-color:#F8C300; background-image:url(3D_animation_images/news/newsbar.gif);  margin-top:0px; margin-bottom:0px}

.right_align {text-align:right; float:right; padding-right:25px; font-weight:bold; padding-top:3px;}

.top_3_cols {width:253px; float:left; display:block; padding-right:10px}
.top_3_cols2 {width:253px; float:left; display:block; padding-right:10px; padding-left:10px}
.top_3_cols3 {width:253px; float:left; display:block; padding-right:0px; padding-left:10px;}

/* catagory pics */
.animation_pic {width:250px; height:139px; display:block; background-image:url(3D_animation_images/catagory/animation.jpg); background-repeat:no-repeat; overflow:hidden; border:1px solid #F8C300}
.website_pic {width:250px; height:139px; display:block; background-image:url(3D_animation_images/catagory/Website.jpg); background-repeat:no-repeat; overflow:hidden; border:1px solid #F8C300}
.mascots_pic {width:250px; height:139px; display:block; background-image:url(3D_animation_images/catagory/mascots.jpg); background-repeat:no-repeat; overflow:hidden; border:1px solid #F8C300}

/* menu buttons */
a.menu_link:active, a.menu_link:visited, a.menu_link:link  {font-size:16px; font-weight:bold; text-decoration:none; margin-left:25px; color:#000000}
a.menu_link:hover  {font-size:16px; font-weight:bold; text-decoration:none; margin-left:25px; color:#ffffff}
a.menu_link_bigger_space:active, a.menu_link_bigger_space:link, a.menu_link_bigger_space:visited {font-size:16px; font-weight:bold; text-decoration:none; color:#000000; margin-left:50px; }
a.menu_link_bigger_space:hover {font-size:16px; font-weight:bold; text-decoration:none; color:#ffffff; margin-left:50px; }
.active {font-size:16px; font-weight:bold; text-decoration:none; margin-left:25px; color:#ffffff}
.active2 {font-size:16px; font-weight:bold; text-decoration:none; color:#ffffff; margin-left:50px;}

/* projects */
.showreel_pic {width:500px; height:175px; display:block; background-image:url(3D_animation_images/work/showreel.jpg); background-repeat:no-repeat; overflow:hidden}
.embrace_pic {width:500px; height:175px; display:block; background-image:url(3D_animation_images/work/embrace.jpg); background-repeat:no-repeat; overflow:hidden}
.sunseeker_pic {width:500px; height:175px; display:block; background-image:url(3D_animation_images/work/sunseeker.jpg); background-repeat:no-repeat; overflow:hidden}
.paramount_pic {width:500px; height:170px; display:block; padding-top:10px; overflow:hidden}
.gatecrasher_pic {width:500px; height:175px; display:block; padding-top:10px; overflow:hidden}
.spacer {width:5px; height:100px; display:block; overflow:hidden}
.in_txt_link {color:#FFCC00; text-decoration:none; font-weight:bold}

/*footer*/
.footer {width:800px; margin-left:auto; margin-right:auto; display:block; height:25px; text-align:right; padding-top:5px}
a.footlink:link, a.footlink:active, a.footlink:visited {color:#F8C300; font-size:12px; text-decoration:none; font-weight:bold}
a.footlink:hover {color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold}

/* home page */
.home_content_item_col1_top {width:295px; height:225px; background-color:#111111; display:block; float:left; padding-left:5px}
.home_content_item_col2_top {width:450px; height:225px; background-color:#222222; display:block; float:left; padding-left:25px; padding-right:25px}

.home_content_item_col1 {width:300px; background-color:#111111; display:block; float:left; padding-left:0px}
.home_content_item_col2 {width:460px; height:175px; background-color:#222222; display:block; float:left; padding-left:20px; padding-right:20px}
.home_2_cols {width:225px; float:left; padding-left:5px; padding-right:20px}

/* contact page */
.red {color:#FF0000}
.tab_col1 {width:175px; vertical-align:top }
.tab_col2 {width:200px; vertical-align:top }
.tab_col3 {width:225px; vertical-align:top }
.tab_col4 {width:175px; vertical-align:top }
.message_box {width:450px; height:250px; display:block}
.input_box { width:200px; height:30px; display:block; vertical-align:top}
.input_box2 { width:200px; height:20px; display:block; vertical-align:top}

.input_box_scroll { width:175px; height:20px; display:block; vertical-align:top}
.green {color:#00FF00}
.in_news_link {color:#FFFFFF; text-decoration:none; font-weight:bold}
.address {font-size:13px; color:#F8C300; font-weight:bold}
.list_pad {padding-left:50px}

/*news pics*/
.gatecrasher_news {width:295px; height:175px; background-image:url(3D_animation_images/news/gatecrasher.jpg); background-repeat:no-repeat; display:block}
.paramount_news {width:295px; height:175px; background-image:url(3D_animation_images/news/paramount.jpg); background-repeat:no-repeat; display:block}
.reloctaion_news {width:295px; height:175px; background-image:url(3D_animation_images/news/atum_house.jpg); background-repeat:no-repeat; display:block}
.sunseeker_news {width:295px; height:175px; background-image:url(3D_animation_images/news/sunseeker.jpg); background-repeat:no-repeat; display:block}
.quickplay {width:295px; height:175px; background-image:url(3D_animation_images/news/quickplay.jpg); background-repeat:no-repeat; display:block}
.musion_news {width:295px; height:175px; background-image:url(3D_animation_images/news/gorillaz.jpg); background-repeat:no-repeat; display:block}
.showreel_news {width:295px; height:175px; background-image:url(3D_animation_images/news/atum_showreel.jpg); background-repeat:no-repeat; display:block}

.newera_news {width:295px; height:175px; background-image:url(3D_animation_images/news/newera.jpg); background-repeat:no-repeat; display:block}
.sunseeker08_news {width:295px; height:175px; background-image:url(3D_animation_images/news/sunseeker08.jpg); background-repeat:no-repeat; display:block}
.Thermasys_news {width:295px; height:175px; background-image:url(3D_animation_images/news/thermasys.jpg); background-repeat:no-repeat; display:block}
.gresham_news {width:295px; height:175px; background-image:url(3D_animation_images/news/greshamtimber.jpg); background-repeat:no-repeat; display:block}
.singaloud_news {width:295px; height:175px; background-image:url(3D_animation_images/news/singaloud.jpg); background-repeat:no-repeat; display:block}
.initial_news {width:295px; height:175px; background-image:url(3D_animation_images/news/initial.jpg); background-repeat:no-repeat; display:block}