/**********************Common start*********************/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form.fieldset,p{margin:0; padding:0; font-weight:normal;}
body{font-family: Arial, Helvetica, San Serif; font-size:12px; line-height:13px; color:#7e857b;  background:url(../images/body_bg.gif) repeat-x 0 0; }
img,fieldset{border:0; padding:0; margin:0;}
span.clear{clear:both;}
a{outline:none;}
img.left_curve{float:left;}
img.right_curve{float:right;}
/**********************Common end*********************/

/**********************Layout start*********************/
#outer_area{float:left; width:100%; background:url(../images/body_bg2.gif) no-repeat center 162px;}
#inner_layout{width:100%; float:left; background:url(../images/home_bg.gif) repeat-x 0 528px;}

#layout{margin:0 auto; width:958px;}
#main{float:left; width:958px;}
/**********************Header start*********************/
#header{float:left; width:958px; height:107px; position:relative;}
#header .header_left{float:left; width:236px; padding:12px 0 12px 0;}

#header .header_right{float:right; width:140px; /*background:url(../images/icon01.gif) no-repeat 0 26px;*/ padding:8px 0 0 60px; position:absolute; right:-15px; top:0;}
#header .header_right h5{float:left; width:140px; font-size:13px; line-height:15px; color:#596058; padding-bottom:2px;}

#header .header_right ul{float:left; width:140px; list-style:none;}
#header .header_right ul li{float:left; width:140px; padding-bottom:4px;}
#header .header_right ul li a.email{background:url(../images/email_icon.gif) no-repeat 0 4px; color:#58b1d2; font-size:10px; line-height:12px; text-decoration:none; padding:2px 0 2px 20px;}
#header .header_right ul li a.email span{color:#3e839c;}
#header .header_right ul li a.account{background:url(../images/icon02.gif) no-repeat 0 1px; font-size:10px; line-height:12px; color:#949e92; text-decoration:none; padding:0 0 4px 22px;}
#header .header_right ul li a.account span{color:#58b1d2;}
#header .header_right ul li  a.credits{background:url(../images/icon03.gif) no-repeat 0 4px; font-size:10px; line-height:12px; color:#949e92; text-decoration:none; padding:2px 0 4px 22px;}
#header .header_right ul li a.credits span{color:#58b1d2;}
#header .header_right ul li a:hover{text-decoration:underline;}
#header .header_right .buttons{float:left; width:140px; padding-top:2px;}
#header .header_right .buttons img{ padding-right:5px;}
#header .header_right .buttons a{float:left; width:51px; text-decoration:none;}
#header .header_right .buttons a:hover{background-position: 0 bottom;}
#header .header_right .buttons a.setting{float:left; width:51px; background:url(../images/setting_btn.gif) no-repeat 0 0; height:23px;}
#header .header_right .buttons a.setting:hover{float:left; width:51px; background:url(../images/setting_btn.gif) no-repeat 0 bottom; height:23px;}

#header .header_right .buttons a.logout{float:left; width:51px; background:url(../images/logout_btn.gif) no-repeat 0 0; height:23px;}
#header .header_right .buttons a.logout:hover{float:left; width:51px; background:url(../images/logout_btn.gif) no-repeat 0 bottom; height:23px;}

/**********************Header end*********************/


/**********************Menu start*********************/
#menu{float:left; width:958px;}
#menu ul{float:left; width:auto; list-style:none;}
#menu ul li{float:left; width:auto;}

#menu ul li.home{float:left; width:72px; position:relative; height:55px;}
#menu ul li.home a{float:left; background:url(../images/home.gif) no-repeat 0 0; height:55px; width:72px; z-index:1000; }
#menu ul li.home a.active{float:left; background:url(../images/home_active.gif) no-repeat 0 0; height:55px; width:72px; cursor:text;}
#menu ul li.home a.active:hover{float:left; background:url(../images/home_active.gif) no-repeat 0 0; height:55px; width:72px; position:absolute; left:0;}
#menu ul li.home a:hover{background:url(../images/home_hover.gif) no-repeat 0 0; height:55px;float:left;  left:-15px; top:0; width:100px; position:absolute;}

#menu ul li.articles{float:left; width:80px; position:relative; height:55px; }
#menu ul li.articles a{background:url(../images/articles.gif) no-repeat 0 0;width:80px; height:55px; float:left;z-index:14;}
#menu ul li.articles a.active{background:url(../images/articles_active.gif) no-repeat 0 0; width:80px; height:55px; z-index:1; float:left;}
#menu ul li.articles a.active:hover{float:left; background:url(../images/articles_active.gif) no-repeat 0 0; width:80px; height:55px; position:absolute; left:0; }
#menu ul li.articles a:hover{background:url(../images/articles_hover.gif) no-repeat 0 0; width:108px; height:55px; position:absolute; left:-12px; top:0; float:left;z-index:9999; }

#menu ul li.forums{float:left; width:80px; position:relative; height:55px;}
#menu ul li.forums a{float:left; background:url(../images/forms.gif) no-repeat 0 0; width:80px; height:55px;z-index:15; }
#menu ul li.forums a.active{float:left; background:url(../images/forms_active.gif) no-repeat 0 0; width:80px; height:55px; cursor:text; }
#menu ul li.forums a.active:hover{float:left; background:url(../images/forms_active.gif) no-repeat 0 0; width:80px; height:55px; position:absolute; left:0; }
#menu ul li.forums a:hover{float:left; background:url(../images/forms_hover.gif) no-repeat 0 0; width:103px; height:55px; position:absolute; left:-12px; top:0; z-index:9999;}

#menu ul li.job_board{float:left; width:94px; position:relative; height:55px;}
#menu ul li.job_board a{float:left; background:url(../images/job_board.gif) no-repeat 0 0; width:94px; height:55px; z-index:14;}
#menu ul li.job_board a.active{float:left; background:url(../images/job_board_active.gif) no-repeat 0 0; width:94px; height:55px; }
#menu ul li.job_board a:hover{float:left; background:url(../images/job_board_hover.gif) no-repeat 0 0; width:122px; height:55px; position:absolute; left:-14px; top:0;z-index:99;}

#menu ul li.downloads{float:left; width:100px; position:relative; height:55px;}
#menu ul li.downloads a{float:left; background:url(../images/downlaods.gif) no-repeat 0 0; width:100px; height:55px; z-index:14;}
#menu ul li.downloads a.active{float:left; background:url(../images/downlaods_active.gif) no-repeat 0 0; width:100px; height:55px; }
#menu ul li.downloads a.active:hover{float:left; background:url(../images/downlaods_active.gif) no-repeat 0 0; width:100px; height:55px; position:absolute; left:0; }
#menu ul li.downloads a:hover{float:left; background:url(../images/downlaods_hover.gif) no-repeat 0 0; width:131px; height:55px; position:absolute; left:-16px; top:0;z-index:99;}

#menu ul li.store{float:left; width:66px; position:relative; height:55px;}
#menu ul li.store a{float:left; background:url(../images/store.gif) no-repeat 0 0; width:66px; height:55px; z-index:14;}
#menu ul li.store a.active{float:left; background:url(../images/store_active.gif) no-repeat 0 0; width:66px; height:55px; }
#menu ul li.store a:hover{float:left; background:url(../images/store_hover.gif) no-repeat 0 0; width:95px; height:55px; position:absolute; left:-14px; top:0;z-index:99;}

#menu ul li.blog{float:left; width:62px; position:relative; height:55px;}
#menu ul li.blog a{float:left; background:url(../images/blog.gif) no-repeat 0 0; width:62px; height:55px; z-index:14;}
#menu ul li.blog a.active{float:left; background:url(../images/blog_active.gif) no-repeat 0 0; width:62px; height:55px; }
#menu ul li.blog a:hover{float:left; background:url(../images/blog_hover.gif) no-repeat 0 0; width:91px; height:55px; position:absolute; left:-14px; top:0;z-index:99;}

#menu .top_search_section{float:right; width:255px; padding:12px 0 0 0;}
#menu .top_search_section input{float:left; background:url(../images/input_bg2.gif) no-repeat 0 0; width:163px; height:22px;  color:#b0a68b; font-size:11px; line-height:13px; border:none; margin-right:6px; padding:10px 0 0 8px;}
#menu .top_search_section .search_btn2{float:left;  background:url(../images/search_btn01.gif) no-repeat 0 0; width:60px; height:30px; border:none; cursor:pointer;}
/**********************Menu end*********************/

/**********************Body Container start*********************/
#body_container{float:left; width:958px;}
/**********************Body Container end*********************/

/**********************Forums contents start*********************/
#forums_contents{float:left; width:958px; padding-top:32px; padding-bottom:10px;}

#forums_contents .forums_heading{float:left; width:958px; position:relative;}
#forums_contents .forums_heading h3{float:left; background:url(../images/code_egg_forums.png) no-repeat 0 0; width:201px; height:26px; margin-left:8px; }
#forums_contents .forums_heading h3.account{float:left; background:url(../images/account_manager.png) no-repeat 0 0; width:234px; height:24px; margin-left:8px; }
#forums_contents .forums_heading h3.profile{float:left; background:url(../images/member_profile.png) no-repeat 0 0; width:179px; height:21px; margin-left:8px; }



#forums_contents .forums_heading .creat_thread{ width:auto;  position:absolute; bottom:-8px; right:35px;}
#forums_contents .forums_heading .creat_thread img{float:left;}

#forums_contents .forums_contents_top_bg{float:left; background:url(../images/forms_top_bg.png) no-repeat 0 0; width:958px; height:14px;}
#forums_contents .forums_contents_middle_bg{float:left; background:url(../images/forums_middle_bg.png) repeat-y 0 0; width:940px; padding:0 9px; }
#forums_contents .forums_contents_bottom_bg{float:left; background:url(../images/forms_bottom_bg.gif) repeat-x 0 0; height:50px; width:936px;}

#forums_contents .forums_contents_middle_bg .forms_contents_box{float:left; width:900px; padding:24px 20px 0 20px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box h4{float:left; width:906px; font-size:20px; line-height:22px; color:#596058; margin-left:4px; display:inline;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_top{float:left; background:url(../images/gray_box_top_bg.gif) no-repeat 0 0; width:897px; height:4px; line-height:2px; font-size:2px; margin-top:4px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle{float:left; background:url(../images/gray_box_middle_bg.gif) repeat-y 0 0; width:897px; margin-bottom:22px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_bottom{float:left; background:url(../images/gray_box_bottom_bg.gif) no-repeat 0 bottom; height:8px; width:897px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle .gray_box_contents{float:left; width:867px; padding:15px 15px 14px 15px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle .gray_box_contents p{float:left; color:#5ba3be; font-size:11px; line-height:13px; width:800px; padding-bottom:4px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle .gray_box_contents p span{font-size:14px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle .gray_box_contents p label{font-size:20px;}
#forums_contents .forums_contents_middle_bg .forms_contents_box .gray_box_middle .gray_box_contents p small{font-size:11px; line-height:13px; color:#2a6880;}
/**********************Forums contents end*********************/

/**********************Layout end*********************/

/**********************Footer start*********************/
#outer_footer{ float:left; width:100%;  background:url(../images/footer_bg.png) repeat-x 0 0; height:230px;}
#footer_inner{margin:0 auto; width:958px;}
#footer{float:left; width:958px; padding:10px 0 0 0;}
#footer .footer_left{float:left; width:272px; background:url(../images/footer_divider.gif) no-repeat right 0; padding:16px 0 0 0; height:181px;}
#footer .footer_left h3{float:left; background:url(../images/subscribe_us.gif) no-repeat 0 0; width:154px; height:20px;}
#footer .footer_left p{float:left; width:270px; font-size:12px; color:#bca56d; line-height:13px; padding:16px 0 18px 0;}
#footer .footer_left label{float:left; width:270px;  font-size:12px; color:#bca56d; line-height:14px; padding-bottom:4px;}

#footer .footer_left form{float:left; width:270px;}
#footer .footer_left form .input_box1{float:left; padding:9px 0 0 4px; background:url(../images/input_bg1.gif) no-repeat 0 0; width:146px; height:23px; font-size:11px; color:#b0a68b; line-height:13px; border:none;}
#footer .footer_left form .search_btn{float:left; margin-left:4px; background:url(../images/search_btn.gif) no-repeat 0 0; width:60px; height:30px; border:none; cursor:pointer;}

#footer .footer_middle{float:left; width:166px; background:url(../images/footer_divider.gif) no-repeat right 0; padding:16px 76px 0 76px;  height:181px;}
#footer .footer_middle h3{float:left; background:url(../images/navigation.gif) no-repeat 0 0; width:180px; height:24px; padding-bottom:8px;}
#footer .footer_middle ul{float:left; width:80px; list-style:none;}
#footer .footer_middle ul li{float:left; width:80px; padding:0 0 4px 0;}
#footer .footer_middle ul li a{text-decoration:none; font-size:11px; line-height:13px; color:#5ba3be; }
#footer .footer_middle ul li a:hover{text-decoration:none; color:#386f84; border-bottom:1px solid #fdecc2;}
#footer .footer_middle .col1{float:left; width:80px;}
#footer .footer_middle .col2{float:left; width:86px;}

#footer .footer_right{float:left; width:313px; padding:16px 0 0 55px;  height:181px;}
#footer .footer_right h3{float:left; width:313px; background:url(../images/follow_us.gif) no-repeat 0 0; height:19px; padding-bottom:6px;}
#footer .footer_right .footer_text{float:left; background:url(../images/bg01.gif) no-repeat 0 0; width:299px; height:69px; margin-top:8px; display:inline;}
#footer .footer_right .footer_text p{float:left; color:#a78f56; font-size:11px; line-height:13px; padding:8px 9px 0 10px;}
#footer .footer_right .twitter_link{float:right; width:298px; text-align:right; padding-right:15px; position:relative;}
#footer .footer_right .twitter_link .twitter_img{float:left; background:url(../images/twiiter_img.png) no-repeat 0 0; width:93px; height:82px; position:absolute; bottom:-23px; left:0;}
#footer .copy_right{float:left; width:958px;}
#footer .copy_right p{float:left; width:958px; color:#9e8654; font-size:11px; line-height:13px; text-align:center; padding-top:4px;}
#footer .copy_right p span{color:#5ba3be;}
/**********************Footer end*********************/