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; height:200px } /* -------------------------------------- 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; } .menubg .logo { } .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:3px 0 0 0; background:url(../images/flashbg.png) no-repeat top left; width:988px; height:225px; } .flash .fh { float:right; margin:3px 20px 0 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; } .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; width:100px; 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; width:100px; 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 h2 { margin-left:5px; font:normal 12px Arial, Helvetica, sans-serif; color:#1cb4e0; text-align:center; } .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 .leftcon1 { float:left; margin:10px 10px 10px 30px; width:200px; } .leftcon1 ul { padding:0; margin:0;} .leftcon1 li { border-bottom: 1px solid #e3e3e3; list-style:none; background:url(../images/aro.png) left no-repeat; padding:3px 0 2px 30px; margin:0;} .leftcon1 a { font:normal 11px Arial, Helvetica, sans-serif; color:#3a3c3c; text-decoration:none;} .leftcon1 a:hover { color:#208fa1; text-decoration:underline;} .midmid .ritcon { float:left; margin:10px; width:710px; } .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 { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; margin:10px; text-align:justify; } .ritcon .title { font: bold 11px Arial, Helvetica, sans-serif; color:#239dae; margin:0; padding:0; }