body { margin:0;padding:0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;background: #272727;}
p {margin: 10px 0px;font-size: 11px;text-align: justify;}
h1 {margin: 0px;padding: 5px 0px 0px 0px;font-size: 24px;font-weight: bold;color:#000000;}
h2 {margin: 0px;padding: 5px 0px;font-size: 20px;font-weight: bold;color:#ffffff;}
h3 {margin: 0px;padding: 10px 0;font-size: 25px;font-weight: bold;color:#FFA500;}
h4 {clear: both;margin: 0px;padding: 15px 0px 5px 10px;font-size: 14px;font-weight: bold;color: #FF0000;}
.readmore_black a{clear: both;display: block;width: 100px;height: 22px;padding-top: 3px;text-align: center;background: url(../images/more_black.gif) no-repeat;color: #ffb21e;text-decoration: none;}
.style1 {font-size: 22px;color: #fb6e26;}
.readmore_white a{clear: both;display: block;width: 100px;height: 22px;padding-top: 3px;background: url(../images/more_white.gif) no-repeat;color: #000000;text-decoration: none;text-align: center;}
#container {margin: 0px auto;width: 920px;}
/* top */
#top {clear: both;width: 900px;height: 60px;padding: 0px 10px;color: #FFFFFF;}
.sitename{padding: 25px 0 0 10px;font-size: 40px;color: #fb6e26;font-weight: bold;}
.sitename span{font-size: 40px;color: #ffb21e;font-weight: normal;}
/* end of top */
/* content */
#content {float:left;width: 880px;padding: 0px 20px;background:url(../images/frame.gif) repeat-y;}
.content_top{clear: both;width: 920px;height: 15px;background: url(../images/top.gif) no-repeat;}
#content h1 {margin: 0px;padding: 10px 0;font-size: 20px;font-weight: bold;color:#333;}
/* for IE 6 */
* html .content_top{clear: both;width: 920px;height: 15px;margin-bottom: -5px;background: url(../images/top.gif) no-repeat;}
.content_bottom{clear: both;width: 920px;height: 16px;background: url(../images/bottom.gif) no-repeat;}
/* banner */
.banner {width: 830px;height: 204px;padding: 50px 0px 0px 50px;margin-bottom: 10px;background: url(../images/banner.jpg) no-repeat;}
.banner ul {margin: 20px 0px 20px;padding: 0px;list-style: disc;}
.banner ul li{font-size: 18px;color: #FFFFFF;padding: 0px 0px 5px 0px;}
/* end of banner */
/* menu */
#menu{clear: both;width: 880px;height: 35px;margin: 0px 0px 10px 0px;;padding: 0px;background: #272727;}
.menuleft {float: left;height: 35px;width: 10px;background: #272727 url(../images/menu_left.gif) no-repeat;}
.menuright {float: right;height: 35px;width: 10px;background: #272727 url(../images/menu_right.gif) no-repeat;}
#menu ul {margin: 0px;padding: 0px 0px 0px 50px;list-style: none;text-align: center;	color: #ffffff;}
#menu ul li{display: inline;}
#menu ul li a{float: left;padding: 7px 20px 2px 20px;margin-right: 1px;height: 25px;font: 14px arial;text-align: center;color: #ffffff;text-decoration: none;}
#menu ul li a:visited{color: #ffffff;}
#menu ul li a:hover, #menu ul li .current{color: #ffffff;text-decoration: none;background: #285fc2;}
/* end of menu */
/* 3 boxes */
#boxarea{clear: both;margin: 0px 0px 0px 0px;padding: 10px 0px;width: 880px;}
.box1{float: left;width: 280px;margin-right: 19px;background: #272727;}
.box1top {height: 30px;padding-top: 10px;text-align: center;background:url(../images/box1_top.gif) no-repeat;}
.body {width: 250px;padding: 20px 10px 0px 20px;color: #FFFFFF;}
.box2{float: left;width: 280px;margin-right: 19px;background: #272727;}
.box2top {height: 30px;padding-top: 10px;text-align: center;background:url(../images/box2_top.gif) no-repeat;}
.box3{float: left;width: 280px;margin: 0px;background: #272727;	}
.box3top {height: 30px;padding-top: 10px;text-align: center;background:url(../images/box3_top.gif) no-repeat;}
.boxbottom{width:280px;height: 10px;background: url(../images/box_bottom.gif) no-repeat;}
* html .boxbottom{width:280px;height: 10px;margin-bottom: -10px;background: url(../images/box_bottom.gif) no-repeat;}
.price {color:#FF0000;font-size: 18px;}
/* end of 3 boxes */
/* 2 columns */
#2columns{clear: both;margin: 0px 0px 0px 0px;padding: 40px 0px 10px 0px;width: 880px;}
.column1{float: left;width: 480px;padding: 10px;padding-left: 20px;background: #ffffff;}
.column2{float: right;width: 320px;padding: 10px;padding-left: 30px;border-left: 1px dotted #CCCCCC;background: #ffffff;}
/* end of 2 columns */
/* Detail page */
#features{clear: both;float: left;margin: 0px 0px 0px 0px;padding: 30px 20px 10px 20px;width: 730px;}
.titlerow {clear: both;float: left;padding: 5px 0px;width: 730px;margin: 15px 0px 5px 0px;font-size: 14px;font-weight: bold;color: #FFFFFF;background: #333333;	border-bottom: 1px solid #CCCCCC;}
.subrow {clear: both;height:20px;margin-bottom: 5px;font-size: 12px;background: #ffffff;}
.name_column {float: left;padding-left: 10px;width: 250px;font-weight: bold;}
.plan_column {float: left;width: 150px;}
.plan_column img{display: block;width: 18px;height: 18px;margin: 0px;padding: 0px;border: none;}
/* end of detail page */
/* -------- Footer --------- */
#footer {clear: left;padding: 15px 0px 0px 0px;width: 920px;height: 62px;color: #ffb21e;line-height: 24px;text-align: center;}
#footer a {color: #ffb21e;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
/* --------- end of footer --------------*/
/******************************* Messages *******************************/
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../images/ico-warning.gif") 10px 50% no-repeat;border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("../images/ico-info.gif") 10px 50% no-repeat;border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("../images/ico-done.gif") 10px 50% no-repeat;border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("../images/ico-delete.gif") 10px 50% no-repeat;border:2px solid #FFAEAE; background-color:#FEEBEB;}