@charset "utf-8";
/* CSS Document */

*{outline:none;}

body{background:url(../images/bg_img.jpg) repeat-x #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; padding:0px; margin:0px; color:#666666;}

h1{color:#0099FF; font-size:14px; margin:0px 0px 10px 0px;}
p{margin:10px 0px;}

img{border:0px;}

a{color:#666; text-decoration:none;}
a:hover{text-decoration:underline;}

.float_left{float:left; margin-right:10px; margin-bottom:10px;}
.float_right{float:right; margin-left:10px; margin-bottom:10px;}


div.clear{clear:both; line-height:0px; height:0px; font-size:0px;}

/*| PAGE CONTAINER |*/
.container{position:relative; margin-left:auto; margin-right:auto; width:798px; height:auto; background:#FFF; border:1px solid #a9a9a9; border-top:0px;}

/*| HEADER |*/
.header_home{height:250px; width:450px; position:absolute; left:-225px; margin-left:50%; top:-125px; margin-top:20%; background:url(../images/logo.jpg) no-repeat center center;}

.header{height:60px; position:relative; margin-bottom:5px;}
.logo_left{background:url(../images/logo_01.jpg) no-repeat; height:41px; width:281px; float:left; margin-left:10px; margin-top:10px;}
.logo_right{background:url(../images/logo_02.jpg) no-repeat; height:56px; width:42px; float:right; margin-right:10px;}

.logo_left a{display:block; width:281px; height:41px;}
.logo_right a{display:block; width:42px; height:56px;}

.logo_left a span,
.logo_right a span{display:none;}

/*| NAVBAR |*/
.navbar{position:relative; float:right; width:378px; height:24px; color:#a9a9a9; font-size:10px; text-transform:uppercase;}
.sub_nav{left:auto; margin-left:auto; bottom:auto; top:0px; right:0px;}
.navbar ul{list-style:none; margin: 0; padding: 0;}
.navbar ul li{float:left; border-right:1px solid #a9a9a9; margin-right:5px; padding-right:5px; }
.navbar ul li a{height:12px; display:block;   vertical-align:middle; line-height:12px;}
.navbar ul li.last{ border-right:0px !important;}


#image_rotator{position:relative; float:left; width:780px; height:320px; border:2px solid #a9a9a9; padding:2px; background:#FFF; margin-left:5px;}
#image_rotator img{position:absolute; left:2px; top:2px;}

/*| BODY |*/
.body{width:780px; height:auto; padding-top:10px;}


/*| LEFT COLUMN |*/
.body .left_column{width:500px; height:auto; float:left; padding:0px 25px 20px 25px;}
.body .left_column .content{}


.info_form {padding-top:5px; height:auto; width:450px;}
.info_form table td { width:25px; vertical-align:top; }
.info_form table td.leftside { width:245px; }
.info_form table td input { width:200px; margin-bottom:5px; clear:both;}
.info_form table td textarea { width:450px; height:120px; }
.info_form table td .submit { width:55px; float:left; }


.gallery ul{list-style:none; margin:0px; padding:0px; margin-top:5px; clear:both;}
.gallery ul li{position:relative; float:left;}
.gallery ul li a img{border:1px solid #fff; padding:4px; background:#efefef; margin-right:5px; margin-bottom:5px;}
.gallery ul li a:hover img{border:1px solid #A7AEC2;}

/*| RIGHT COLUMN |*/
.body .right_column{width:198px; height:auto; float:left; margin:0px 10px 0px 0px; padding:10px; line-height:16px;}
.body .right_column .content{color:#FFFFFF;}

.content_menu{list-style:none; margin:0px; padding:0px;}
.content_menu li{background:#999; margin-bottom:1px;}
.content_menu li a{text-decoration:none; color:#ccc; padding:5px; display:block; background-color:#444;font-weight:bold}
.content_menu li a:hover{color:#fff;  padding-left:8px; }
.content_item{display:none;}
.display{display:inherit;}

.content_menu li ul{list-style:none; margin:0px; padding:0px; padding-left:10px;}
.content_menu li ul li a{background-color:#999 !important;}

/*| FOOTER |*/
.footer{width:798px; height:80px; padding-bottom:5px;}
.footer .logo{background:url(../images/logo_footer.jpg) no-repeat; width:89px; height:65px; margin-left:auto; margin-right:auto;}

.footer .logo a{display:block; width:89px; height:65px;}
.footer .logo a span{display:none;}

.footer .navbar{position:relative; margin-left:auto; margin-right:auto; float:none;}


/*| FLOW PLAYER |*/
a.myPlayer {display:block; width: 220px; height:165px; text-align:center; float:left; opacity:.35; filter: alpha(opacity = 35);	border:1px solid #666;}
a.myPlayer:hover {opacity:.70; filter: alpha(opacity = 70); border:1px solid #FFF;}
a.myPlayer img {margin-top:70px; border:0px;}
.video{float:left; width:220px; height:auto; margin:0 20px 10px 5px; }
.video_title{font-size:12px; font-weight:bold; line-height:20px;}

.tut_box{width:auto; height:auto; padding:10px; border:1px solid #333; margin-bottom:30px;}
.tut_box p{margin:0px; padding:0px;}
.tab_one{margin-left:20px !important;}
.tab_two{margin-left:40px !important;}
.tab_three{margin-left:60px !important;}