/**********************Body top contents start*********************/
#top_contents{float:left; width:958px; height:365px;}
#top_contents .left_section{float:left; width:412px; padding:39px 0 0 0;}
#top_contents .left_section h1{float:left; width:412px; background:url(../images/welcome_to_code.png) no-repeat 0 0; height:31px;}
#top_contents .left_section p{float:left; width:412px; text-align:justify; font-size:13px; line-height:20px; color:#fff; padding:20px 0 0 0;}

#top_contents .left_section .tour_section{float:left; width:412px; padding:30px 0 0 0;}
#top_contents .left_section .tour_section .or_img{float:left; width:200px;  padding: 0; height:100px; }
#top_contents .left_section .tour_section .or_img label{float:left; width:122px; padding-top:16px;}

#top_contents .left_section .tour_section  .or_img .or_img2{float:right; width:40px; height:100px; background:url(../images/or_img.png) no-repeat right 0;}

#top_contents .left_section .tour_section span{float:left; width:172px; padding:16px 0 0 38px;}

#top_contents .right_section{float:left; width:476px; padding:0 0 0 70px; position:relative;}
#top_contents .right_section .code_snip{float:left; width:289px; background:url(../images/top_round_bg.png) no-repeat 0 0; height:98px; position:absolute; left:160px; top:20px; padding:10px 12px 0 15px;}
#top_contents .right_section .code_snip h3{background:url(../images/code_snippets.png) no-repeat 0 0; width:168px; height:26px;}
#top_contents .right_section .code_snip p{float:left; color:#5c8594; width:289px; padding-top:2px; font-size:11px; line-height:13px;}
#top_contents .right_section .web_img{float:left;  position:absolute; left:65px; top:145px; background:url(../images/code_egg_img.png) no-repeat 0 0; width:484px; height:221px;}
/**********************Body top contents ends*********************/


/**********************Body Container start*********************/
#body_container{float:left; width:958px;}
#body_container .row{float:left; width:958px; padding:40px 0 64px 0;}
#body_container .row .cols1{float:left; width:298px; background:url(../images/divider01.gif) no-repeat right 0; padding:0 12px 0 0;}
#body_container .row  img{float:left; padding-right:12px;}
#body_container .row .cols1 h3{float:left; background:url(../images/socialize_in.gif) no-repeat 0 0; width:186px; height:15px; padding-bottom:6px;}
#body_container .row p{float:left; width:186px; font-size:11px; line-height:13px; color:#70776f; text-align:justify;}

#body_container .row .cols2{float:left; width:310px; padding-left:10px; background:url(../images/divider01.gif) no-repeat right 0;}
#body_container .row .cols2 h3{float:left; background:url(../images/check_out_the_store.gif) no-repeat 0 0; width:160px; height:15px; padding-bottom:6px;}
#body_container .row .cols3{float:left; width:310px; padding-left:10px;}
#body_container .row .cols3 h3{float:left; background:url(../images/oh_ye_we.gif) no-repeat 0 0; width:162px; height:18px;  padding-bottom:6px;}
/**********************Body Container end*********************/