body{margin:0px; padding:0px; background:#F7F7F7 url('../images/line_other.jpg') no-repeat top center; font-family:Trebuchet MS, Arial, Sans-Serif; font-size:13px; line-height:1.7em;}
.body_home{background:#F7F7F7 url('../images/line_home.jpg') no-repeat top center;}
.body_home #content{width:920px; position:relative; margin:auto; background: url('../images/line_home.jpg') no-repeat top center;}
#content{width:920px; position:relative; margin:auto; background: url('../images/line_other.jpg') no-repeat top center;}
.clear{clear:both;}
a img{border:none;}
a{color:#0099FF; text-decoration:none;}
h1{font-size:26px;}
h2{font-size:20px;}
h3{font-size:20px; padding-top:25px; margin:0px;}
p{padding-top:13px; padding-bottom:13px; margin:0px;}
ul{list-style-image: url('../images/arrow.gif');}
.boxing{background:url('../images/body_boxing.jpg') repeat-y; width:560px; float:left; position:relative; padding:30px; margin-top:20px;}
.boxing_top{background:url('../images/top_boxing.jpg') no-repeat top left; height:10px; width:620px; position:absolute; top:0px; left:0px;}
.boxing_bottom{background:url('../images/bottom_boxing.jpg') no-repeat bottom left; height:10px; width:620px; position:absolute; bottom:0px; left:0px;}
.hidden{display:none;}


/* HEADER */
.body_home .header{height:370px;}
.header{height:320px; position:relative;}
.header_info{position:absolute; width:465px; height:145px; top:120px; left:0px; color:#F7F7F7;}
.header_info img{margin-top:10px; margin-bottom:10px;}
.header_right_image{position:absolute; width:338px; height:198px; top:85px; right:0px;}
.logo{float:left; margin-top:35px;}
.menu{float:right; margin-top:35px; line-height:19px;}
.menu a{display:block; float:left; margin-left:15px; color:#333; text-decoration:none; padding-bottom:1px; padding-left:3px; padding-right:3px;}
.menu a:hover{border-bottom:12px solid #0099FF;}
.mitem_on{border-bottom:12px solid #0099FF;}
.bread{position:absolute; bottom:12px; left:0px; height:26px; background:url('../images/bread_body.png') repeat-x; color:#999; padding-left:10px; padding-right:10px; padding-top:2px; margin-left:5px; margin-right:5px;}
.bread_left{position:absolute; height:26px; width:9px; background:url('../images/bread_left.png') no-repeat; top:0px; left:-5px;}
.bread_right{position:absolute; height:26px; width:9px; background:url('../images/bread_right.png') no-repeat; top:0px; right:-5px;}
.bread a{font-weight:bold;}
.bread a:hover{background:#0099FF; color:#F7F7F7;}

/* FOOTER */
.footer{height:80px; background:#333; margin-top:20px;}
#footer_content{width:920px; position:relative; margin:auto;}
.footer_left{float:left; margin-top:15px; color:#999;}
.footer_right{float:right; text-align:right; margin-top:15px; color:#999;}
.footer a{color:#999;}
.footer a:hover{color:#EEE;}

/* HOME */
.home{}
.we_left{float:left; margin-top:10px;}
.we_right{float:left; margin-top:10px; margin-left:70px;}
.we_image{width:70px; float:left; padding-top:25px; margin-right:20px;}
.we_text{width:335px; float:left;}
.news{height:46px; width:919px; background:url('../images/news_bg.jpg') no-repeat; margin-top:25px; margin-bottom:15px;}
.news_right, .news_left{margin-top:15px; line-height:1.4em;}
.news_left{float:left; margin-left:90px;}
.news_right{float:right; width:100px;}
.home_bl{float:left; margin-top:10px;}
.home_br{float:left; margin-top:10px; margin-left:70px;}
.hb_text{width:268px; float:left; margin-right:20px;}
.hb_image{width:137px; float:left; padding-top:25px;}
.home_br .hb_image{padding-top:70px;}

/* RIGHT MAIN */
.right_side{float:right; width:260px; margin-top:40px; color:#666;}
.right_menu_item, .right_menu_item_on{display:block; padding:5px; padding-left:15px; background:url('../images/menu_right_line.jpg') no-repeat bottom left; color:#999;}
.right_menu_item_on{background-color:#E5F5FF; color:#666;}
.right_menu_item:hover{background:#F0F0F0; color:#666;}
.search_box{margin-left:15px;}
.twitter_date{font-weight:bold; color:#999;}
.twitter_text{color:#999;}
.twitter_updated{font-size:10px; color:#999;}
.twitters{margin-bottom:6px; background:url('../images/menu_right_line.jpg') no-repeat bottom left; padding-bottom:6px; padding-left:15px;}
#grabtwitters{display:none;}
.twitter_ajax_img{margin-left:100px; margin-top:40px;}

/* HOSTING */
.hosting_table{width:560px; border-left:1px solid #DDD; border-top:1px solid #DDD; border-bottom:2px solid #DDD; border-right:2px solid #DDD;}
.htcol1{width:200px;}
.htpackage{width:120px; text-align:center;}
.hosting_table td{padding:8px; border-left:1px solid #DDD; border-top:1px solid #DDD; height:23px;}
.htalt{background-color:#E5F5FF;}
.htnorm{}
.hthead{background-color:#0099FF; color:#F7F7F7; font-weight:bold; font-size:14px;}
.httick{width:120px; text-align:center; height:23px; padding:0px; line-height:0px;}
.httick img{margin-top:2px;}
.htprice td{font-weight:bold; border-top:1px solid #666;}
.buy{display:block; background:url('../images/buy.jpg') no-repeat; height:33px; width:113px;}
.buy:hover{background:url('../images/buy_hover.jpg') no-repeat;}

/* DOMAINS */
.domain_search{float:left; height:46px; width:620px; background:url('../images/domain_bg.jpg') no-repeat; margin-top:20px; margin-bottom:0px; line-height:46px; text-align:center;}
.domain_input{width:210px;}
.domain_side {width:120px;}


/* CONTACT */
.input-text{
border:1px solid #ccc;
color:#666666;
width:430px;
padding:5px;
}

label{
display:block;
margin-bottom:10px;
color:#555555;
}

label span{
padding:4px;
display:block;
float:left;
padding-right:6px;
width:70px;
text-align:right;
font-weight:bold;
}

textarea.input-text{height:200px;}
select.input-text{width:442px;}
.send{display:block; float:left;background:url('../images/send.jpg') no-repeat; height:33px; width:113px;}
.send:hover{background:url('../images/send_hover.jpg') no-repeat;}

.send_error{border:1px solid #FF936F; background-color:#FFECE6; color:#842100; margin-right:20px; margin-bottom:20px; padding:10px;}
.send_success{border:1px solid #A6DD88; background-color:#EBF8D6; color:#539B2D; margin-right:20px; margin-bottom:20px; padding:10px;}























/*
  style.css
  ==
  These CSS markups are for styling purposes only.
*/
div.showcase{float:left; margin-top:25px;}
div.showcase .bread{bottom:-29px;}
div.showcase ul.indexwork {margin: 0px; padding: 0px;}
div.showcase ul.indexwork li {float: left; padding: 0px 3px 0px 3px; list-style: none; font-size:30px; line-height:17px;}
div.showcase ul.indexwork li a:hover{background:none; color:#0099FF;}
div.showcase ul.indexwork li a.active{color:#0099FF;}
div.showcase ul.indexwork li a{color:#999; outline:none;}
div.showcase a.prevwork { float:left; padding-right:4px; }
div.showcase a.nextwork { float:left; padding-left:4px; }

div.showcase ul.layers {width: 920px; height: 225px; list-style:none;}
div.showcase ul.layers li {width: 920px; height: 225px; padding: 0px;}

div.showcase ul.layers li { margin-right:50px; }

.show_left{color:#F7F7F7; width:350px; margin-top:5px;}
.show_left img{margin-top:10px; margin-bottom:10px;}
.show_rght{float:right; margin-top:10px;}
.learn_more{display:block; background:url('../images/learn_more.jpg') no-repeat; height:33px; width:113px;}
.learn_more:hover{background:url('../images/learn_more_hover.jpg') no-repeat;}