a { text-decoration:none; } img { border:0; } li { list-style-type:none; } .mar { margin:5px 10px;} /* ------------------------------------- Body Tags -------------------------------- */ body { margin:0; padding:10px 0; font-family:Arial, Helvetica, sans-serif; background:url(../images/body_bg.gif) repeat top left; } /* ------------------------------------- Main Tags -------------------------------- */ #main { margin:0 auto; width:990px; } #outer { margin:0; padding:0; width:990px; background-color:#999999; } /* -------------------------------------- html5 fix tags ------------------------------ */ header { margin:0 auto; width:990px; } article { margin:0 auto; width:990px; } aside { float:right; } footer { margin:0 auto; width:990px; } section, nav, hgroup{} /* -------------------------------------- menubar CSS ------------------------------ */ .menubg { background:url(../images/menubg.png) no-repeat top left; width:988px; height:88px; position:relative; } .menubg .logo { position:absolute; top:5px; left:20px; margin:0; padding:0; width:83px; height:70px; } .menubg .menubar { width:660px; margin:30px 0 0 0; padding:0; float: right; } .menubg .menubar ul { float:left; margin:0; padding:0; list-style:none;} .menubg .menubar li { float:left; margin:0; padding:0 7px 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left; } .menubg .menubar a { line-height:16px; float:left; font: normal 11px Tahoma, Geneva, sans-serif; color:#383838; margin:0 5px; padding:8px 0 12px 0; text-decoration:none;} .menubg .menubar a span { padding:8px 10px 12px 10px;} .menubg .menubar a:hover { background:url(../images/leth_cor.png) no-repeat left top; color:#fff;} .menubg .menubar a:hover span {color:#fff; background:url(../images/rith_cor.png) no-repeat right top;} .menubg .menubar a.active { background: url(../images/let_cor.png) no-repeat left top; color:#fff;} .menubg .menubar a.active span { background:url(../images/rit_cor.png) no-repeat right top;} .flash { margin:5px 0 0 0; width:988px; height:225px; } .flash .fh { float:right; margin:0;} .img { margin:3px 0 0 0; width:988px; height:113px; } /* -------------------------------------- MIDDLE AREA CSS ------------------------------ */ .midtop { float:left; background:url(../images/mid_top.jpg) no-repeat bottom left; width:988px; height:13px; } .midmid { float:left;background:url(../images/mid_mid.jpg) repeat-y top left; width:988px; min-height:250px; } .midbot { float:left;background:url(../images/mid_bot.jpg) no-repeat top left; width:988px; height:13px;} .midmid .leftcon { float:left; margin:10px; width:450px; } .leftcon h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:0 0 5px 0; margin:10px; border-bottom:1px solid #cccccc;} .leftcon p { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; margin:10px; text-align:justify; } .leftcon .title { font: bold 11px Arial, Helvetica, sans-serif; color:#239dae; margin:0; padding:0; } .midmid .rit { float:right; margin:0; padding:0; border-left:1px solid #cccccc; width:500px; height:300px; } .rit .img1 { float:left; margin:10px 15px; width:120px; text-align:center; } .rit .img1 a { float:left; margin:10px; background:url(../images/img1.jpg) no-repeat top left; width:100px; height:144px; } .rit .img1 a:hover { margin:10px; background:url(../images/img1.jpg) no-repeat bottom left; width:100px; height:144px; } .rit .img2 { float:left; margin:10px 15px; width:120px; text-align:center; } .rit .img2 a { float:left; margin:10px; background:url(../images/img2.jpg) no-repeat top ; width:100px; height:144px; } .rit .img2 a:hover { margin:10px; background:url(../images/img2.jpg) no-repeat bottom ; width:100px; height:144px; } .rit .img3 { float:left; margin:10px 15px; width:120px; text-align:center; } .rit .img3 a { float:left; margin:10px; background:url(../images/seo1.jpg) no-repeat top ; width:100px; height:144px; } .rit .img3 a:hover { margin:10px; background:url(../images/seo1.jpg) no-repeat bottom ; width:100px; height:144px; } .rit h2 { float:left; margin:0 10px; padding:10px 0; background-color:#999; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:120px; } .cpy { float:right; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:400px; text-align:right; } .cpy a { color:#FFFFFF; font-weight:bold; } .cpy1 .im1 { float:left; margin:10px; width:80px; text-align:center; } .cpy1 .im1 a { float:left; display:inline; margin:10px; background:url(../images/joomla.jpg) no-repeat top ; width:80px; height:44px; } .cpy1 .im1 a:hover { float:left; display:inline; margin:10px; background:url(../images/joomla.jpg) no-repeat bottom ; width:80px; height:44px; } .cpy1 .im2 { float:left; margin:10px; width:80px; text-align:center; } .cpy1 .im2 a { float:left; display:inline; margin:10px; background:url(../images/oscommerce.jpg) no-repeat top ; width:80px; height:44px; } .cpy1 .im2 a:hover { float:left; display:inline; margin:10px; background:url(../images/oscommerce.jpg) no-repeat bottom ; width:80px; height:44px; } .cpy1 .im3 { float:left; margin:10px; width:80px; text-align:center; } .cpy1 .im3 a { float:left; display:inline; margin:10px; background:url(../images/wordpress.jpg) no-repeat top ; width:80px; height:44px; } .cpy1 .im3 a:hover { float:left; display:inline; margin:10px; background:url(../images/wordpress.jpg) no-repeat bottom ; width:80px; height:44px; } .cpy1 .im4 { float:left; margin:10px; width:80px; text-align:center; } .cpy1 .im4 a { float:left; display:inline; margin:10px; background:url(../images/mysql.jpg) no-repeat top ; width:80px; height:44px; } .cpy1 .im4 a:hover { float:left; display:inline; margin:10px; background:url(../images/mysql.jpg) no-repeat bottom ; width:80px; height:44px; } .cpy1 .im5 { float:left; margin:10px; width:80px; text-align:center; } .cpy1 .im5 a { float:left; display:inline; margin:10px; background:url(../images/php.jpg) no-repeat top ; width:80px; height:44px; } .cpy1 .im5 a:hover { float:left; display:inline; margin:10px; background:url(../images/php.jpg) no-repeat bottom ; width:80px; height:44px; } .midmid .leftContent{ clear:left; float:left; width:219px; height:222px; border:0px solid red;float:left;text-align:left; margin:0 0 0 10px; background:url(../images/letbg.jpg) no-repeat top; } .leftContent table{ float:right; margin:0 0 0 10px; width:200px; } .leftContent .formHome{ clear:both; float:left; margin:0; padding:0; font-size:12px;} .leftContent .formHome1 td{color:#ffffff;font-family:Verdana; font-size:11px;} .leftContent .homeinuput{width:122px;height:16px;border:1px solid #808080;font-family:Verdana;font-size:11px;} .leftContent .hometxtarea{width:122px;height:70px;border:1px solid #808080;font-family:Verdana;font-size:11px;overflow:auto;} .midmid .leftcon1 { float:left; margin:0 10px 10px 30px; width:190px; } .leftcon1 ul { padding:0; margin:0;} .leftcon1 li { float:left; border-bottom: 1px solid #e3e3e3; list-style:none; background:url(../images/aro.png) left no-repeat; padding:3px 0 2px 30px; margin:0; width:180px; height:20px;} .leftcon1 a { font:normal 11px Arial, Helvetica, sans-serif; color:#3a3c3c; text-decoration:none;} .leftcon1 a:hover { color:#09476f; font-size:11px; text-decoration:underline;} .midmid .ritcon { float:right; margin:10px; width:735px; } .ritcon h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:0 0 5px 0; margin:10px; margin-top:0; margin-right:0; border-bottom:1px solid #cccccc;} .ritcon p { color:#51504e; margin:10px; text-align:justify; } .ritcon .title { font: bold 11px Arial, Helvetica, sans-serif; color:#239dae; margin:0; padding:0; } .ritcon .asd { float:left; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #000; } .ritcon .intro { float:left; margin:0; padding:0; width:630px; } .pa { font-size:13px; line-height:20px; } .pai { font-size:13px; line-height:20px; letter-spacing:1px; } .leftcon1 a.bl { color:#09476f; text-decoration:none; font-size:12px; } #LeftinnerContent1 { float:left; margin:0 0 0 80px; width:850px } .toplin{ margin:auto 0; padding:0; width:850px;} .toplin ul{float:right; margin:0;margin-top:5px; margin-bottom:5px; padding:0; list-style-type:none;} .toplin ul li { float:left; margin-left:5px; padding:5px; background-color:#990000; font-size:12px; font-weight:bold; color:#FFFFFF; } .toplin ul li a{ color:#FFFFFF; } .blk{ color:#fff; font-weight:bold;} .shot{ margin:0; margin-left:20px; padding:0; color:#666666} .shot p{ float:left; color:#333333; font-size:14px; width:100%; } .boxxx{float:left; margin:0 10px; padding:0;width:200px; height:230px; background-color:#666666; font-size:11px; color:#CCCCCC;} .bxxs{float:left; margin:15px 0 0 20px; padding:0; font-size:12px; } .bkl{} .hed{float:left; margin:10px 0 0 20px; padding:0; } .spce{ float:left; margin:0 0 10px 0; padding:0;} .center{ float:left; border:1px solid #a8daff; } #gallery { clear:left; float:left; margin:0;padding:0; width:735px; } #gallery ul { float:left; margin:0 15px; padding:5px; width:700px; border:1px dotted #CCC; } #gallery ul li { float:left; margin:5px 8px; padding:0; width:190px; } #gallery ul li img { border:0px solid #5a5b5c; } .txtlink { float:left; margin:0; padding:3px 7px; color:#FFFFFF; font-size:12px; background-color:#666666; text-align:center; width:208px; border-top:2px solid #9da0a3; } .txtlink a { display:inline; margin:0 10px; color:#353536; font-size:13px; text-align:center; width:207px; } .txtlink a:hover { color:#FFFFFF; } .ritcon .port{ float:left; margin:0; padding:0; } .ritcon .port ul{ float:left; margin:0; padding:0; width:100%; } .ritcon .port ul li a{ float:left; margin:5px 2px 0 2px; padding:0; border:1px solid #000; width:186; height:147px; list-style-type:none; } .ritcon .port ul li .tile{ clear:left; float:left; text-align:center; color:#06F; } .ritcon .port ul li .tile1{ clear:left; display:block; margin:0 2px; padding:3px; background-color:#474848; text-align:center; width:186px; height:20px; color:#FFF; } .ritcon .port ul li .tile1 a{ float:right; margin:-1px 0 0 1px; padding:4px 10px; color:#fff; font-size:12px; border:none; height:13px; background-color:#024259; }