body, td, select, input, textarea, .text { font: 13px arial; line-height: 20px; color: #666666; }
body { background-color: #f3f3f3; background-image: url(/images/bg.jpg); margin: 0px; padding: 0px; }
.container { width: 930px; margin: 0px auto; }
.body_container { background-color: #FFFFFF; color: #555555; margin: 0px auto; border: 1px solid #DDDDDD; }
.header { background: #080808; color: #FFFFFF; padding: 10px; height: 110px; }
h1 { font: 28px trebuchet ms; color: #000000; padding: 30px 30px 30px 10px; margin: 0; }
.head { font: 12pt "Trebuchet MS", "arial"; color: #999999; font-weight: bold; line-height: 23px; border-bottom: 8px dotted #EEEEEE; }
h2 { font: 15px "Trebuchet MS"; text-transform: uppercase; color: #777777; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
h3, .h3, .h3:hover { font: 14px verdana; color: #6f9f2d; line-height: 25px; margin: 0px; text-decoration: none;}
.row { border-bottom: 1px dotted #DDDDDD;}
.row_main { font: 13px verdana; font-weight: bold; border-bottom: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
.row1 { border-bottom: 1px solid #EEEEEE;}
a { color: #44b3e1; text-decoration: none;}
a:hover { color: #6fc7ec; text-decoration: none;}
li { line-height: 20px; list-style-type: none;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.col_left { float: left; width: 46%; padding: 10px; }
.col_right { float: right; width: 46%; padding: 10px; }
.col2 { float: left; width: 46%; padding: 10px; }
.col3 { float: left; width: 31%; padding: 10px; }
.table{ background-color: #FFFFFF; border: 4px solid #dde9ff;}
th{ font: 11px "tahoma";  text-align: left; color: C661CE; border: 1px solid #E79AD6; background-color: #FFEBFF; font-weight: bold; padding: 4px; line-height: 15px;}
.row_head { font-weight: bold; padding: 4px; line-height: 20px; background: url('/images/tab.jpg');}
.more { background: url(/images/icon_more.png) no-repeat; padding: 5px 5px 5px 30px; }
.sm { font: 11px tahoma; line-height: 18px; }
.main_banner { background: url(/images/main_bg.jpg); height: 350px; }

/* home */
.main_container { height: 425px; padding: 10px; background-image: url('/images/main_bg.jpg'); background-repeat: no-repeat; }

.home_features_container { position: relative; top: 20px; }
.home_features { float: left; width: 120px; text-align: center; color: #000000; }
.home_features h2 { margin: 0px; color: #000000; }

.showcase_container { position: relative; top: 100px; }
.showcase { float: left; width: 60px; }
.main_pic { position: absolute; bottom: -100px; left: 610px; }

.quicklink_container { padding: 10px 10px 20px 50px; }
.quicklink { float: left; width: 250px; list-style-type: none;}

.template_container { height: 300px; background: url(/images/bg_showcase.jpg); border-top: 1px solid #e4e8eb; }
.template_content { padding-left: 50px; }
.each_template { float: left; width: 100px; text-align: center;  background: #FFFFFF url(/images/bar_grey.jpg) repeat-x bottom; margin: 5px; padding: 5px; height: 140px; }
.each_template a { font: 11px tahoma; color: #999999; text-decoration: none; line-height: 18px; }

.enterprise_container { height: 285px; background: url(/images/think-big-think-enterprise.jpg); }
.enterprise_content { position: relative; top: 20px; left: 300px; width: 63%; line-height: 25px; font-size: 14px; }

/* home bottom */
.footer { background: url(/images/footer.jpg) top; padding: 30px; }
.bot_link { float: left; width: 25%; }
.bot_link li { list-style-type: none; }
.bot_link h2 { color: #BBBBBB; margin: 0;}
.bot_link a { font: 11px tahoma; color: #888888; }
.bot_link a:hover { font: 11px tahoma; color: #BBBBBB; text-decoration: none; }

/* navigation */
.nav_container { height: 43px; text-align: center; border-top: 1px solid #222222; background: url(/images/nav.jpg) repeat-x; }
.nav_container li { float: left; list-style-type: none; background: url(/images/nav.jpg); line-height: 43px; width: 92px; }
.nav_container a, .nav_container a:hover { font: 13px tahoma; color: #DDDDDD;  text-decoration: none; }

.grey_box { margin: 2px; background: url(/images/bg_grey_gradient.jpg); height: 205px; border: 1px solid #DDDDDD; }
.light_grey_box { background-color: #f4f2f1; border: 1px solid #eeedec; padding: 10px; }
.long_box { background: url(/images/bg_long.jpg) repeat-x; border-right: 1px solid #c6e2e2; border-top: 1px solid #c6e2e2; }

.sep_top { height: 70px; background: url(/images/sep_top.jpg); }
.sep_bot { height: 70px; background: url(/images/sep_bot.jpg); }
.content { padding: 10px 20px 10px 20px; }
.indent { padding-left: 20px; padding-right: 20px; }
.box_text { font: 11px Tahoma; line-height: 18px;}

.posted {  font: 11px;  color: #888888;  font-weight: normal;  text-align: right;  float: right;  width: 65px;  margin-left: -65px; }
.article { font: 11px Tahoma; line-height: 25px; list-style-type: none; background: url(/images/icon/paper_s.png); background-repeat: no-repeat; padding-left: 25px;}

.image { border: 1px solid #EEEEEE;}
.border { border: 1px solid #888888;}
.button {font: 13px arial;color: #FFFFFF;border: 1px solid #4081af;cursor: pointer;background-image: url('/images/bt_blue.jpg');padding: 2px;}
.form_label{ background-color: #EEEEEE; width: 150px; padding-left: 5px; line-height: 25px;}

.tab_container { padding: 1px;}
.tab_head {font: 12px verdana;font-weight: bold; background: url('/images/tab_head.jpg');color: #555555;line-height: 55px;padding-left: 10px;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;}
.tab_body {padding: 10px;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}

/* old */
.subnav { background-color: #f5f9fa; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #e8eeef; border-right: 1px solid #e8eeef; padding: 10px 15px 10px 20px; width: 180px; background: url(/images/bg_subnav.jpg);}
.subnav a, .subnav a:hover { color: #597982; text-decoration: none;}

.feature {background: url(/images/icon/play.png); height: 28px; background-repeat: no-repeat; padding-left: 30px; }
.list {background: url(/images/icon_good.png) no-repeat; padding-left: 30px; margin: 4px;}
.photo { padding: 6px; border: 1px solid #DDDDDD; }
.feature_blog { padding: 4px; font: 12px arial; border-bottom: 1px dotted #DDDDDD; }

.each_screen {padding: 5px; width: 140px; height: 200px; text-align: center; float: left; margin: 0px; }
.customer_box { text-align: center; float: left; width: 300px; padding: 8px; height: 300px; } 
.customer_featured { text-align: center; float: left; width: 250px; padding: 8px; height: 250px; } 
.customer_body { background: #FFFFFF; padding: 8px; border: 1px solid #CCCCCC; width: 280px; }
.customer_tag { font: 12px arial; padding: 5px; }

.msg { font: 18px arial; color: #54d300; height: 50px; }
.tips { font: 11px arial; color: #AAAAAA; padding: 4px;}
.num { background: #e7f9ff; border: 1px solid #c3eaf9; color: #2290b9; padding: 4px; margin: 2px; text-decoration: none; width: 40px; line-height: 40px;}
.numon { background: #5cc4eb; border: 1px solid #c3eaf9; color: #FFFFFF; padding: 4px; margin: 2px; text-decoration: none; width: 40px; line-height: 40px;}

.slogan {
  font: 20px arial; font-weight: bold;
}
.cal_date {
 background: url('/images/cal_bg.jpg'); 
 font: 10px arial; 
 color: #333333; text-align: center; padding: 3px; width: 20px;
}

.note {
 border: 1px solid #DDDDDD;
 background-color: #EEEEEE;
 padding: 5px;
 font: 11px arial;
 color: #777777;
 margin: 5px;
}



.screenshot {
 border-left: 1px solid #DDDDDD; 
 border-top: 1px solid #DDDDDD; 
 border-right: 1px solid #BBBBBB; 
 border-bottom: 1px solid #BBBBBB; 
 padding: 8px; background: #FFFFFF;
}
.title {
 font: 13px "Trebuchet MS", "Arial";
 color: #0088B5;
 font-weight: bold;
}
.desc {
 font: 10px arial;
 line-height: 15px;
}
.featured_listing {
 width: 210px; height: 280px; padding: 5px; margin: 5px;
}

.home_news_head {
 background: url('/images/bar_head.jpg'); padding-left: 10px; color: #FFFFFF;
}
.home_news_text, .home_news_text:hover {
 color: #FFFFFF; font: 14px arial;  line-height: 30px; text-decoration: none;
}
.home_blogs {
 border: 1px solid #EBEBEB; padding: 5px;
}
.price {
 font: 16pt "Trebuchet MS", "Arial";
 color: #70A02B;
 padding-top: 3px;
 padding-bottom: 3px;
 font-weight: bold;
}
.home_templates {
 background: url('/images/bar.jpg'); font: 16px arial; color: #07224d; font-weight: bold; padding: 10px;
}

/*Credits: Dynamic Drive CSS Library */

.thumbnail{
 position: relative;
 z-index: 0;
 text-decoration: none;
}

.thumbnail:hover{
 background-color: transparent;
 z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color: #FFFFFF;
 padding: 5px;
 left: -1000px;
 border: 1px solid #555555;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 top: -150;
 left: 50px; /*position where enlarged image should offset horizontally */
}

/*URL: http://www.dynamicdrive.com/style/ */



/* dropdown menu */

.dropmenu {
 position: absolute;
 visibility: hidden;
 margin: 0;
 padding: 0;
 border: 1px solid #cccccc;
 background: #ffffff;
}

.dropmenu a
 { position: relative;
  display: block;
  margin: 0;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
 }

.dropmenu a:hover
 {  }






.box {
 border: 4px solid #dde9ff;
}
.box_head, .box_head td {
 font: 16px arial;
 color: #35639c;
 font-weight: bold;
 background-color: #ebf2ff;
 border-bottom: 1px solid #dde9ff;
 line-height: 30px;
 padding: 4px;
}
.box_body, .box_body td, .box_body div {
 background-color: #ffffff;
 padding: 4px;
 color: #555555;
 line-height: 28px;
}



.logo {
 font: 20px arial; font-weight: bold;
}

.white, .white:hover {
 color: #FFFFFF;
 text-decoration: none;
}
.grey, .grey:hover {
 font: 12px arial; color: #BBBBBB;
}
.light {
 margin: 0px;
 color: #888888;
 font: 11px verdana;
 padding-left: 8px;
}


.bloghead {
 font: 10pt arial;
 color: 4085C4;
 font-weight: bold;
 line-height: 22px;
 background-color: #EEEEEE;
}
.in {
 padding: 2px;
 color: #555555;
}


.blog_date {
 background: url('/images/bg_cal.png');
 width: 58px;
 height: 58px;
 text-align: center;
}
.blog_month {
 font: 10pt "Arial";
 color: #555555;
 font-weight: bold;
 padding: 5px;
}
.blog_day {
 font: 18pt "Arial";
 color: #555555;
}
.blog_head, .blog_head:hover {
font: 14pt "Trebuchet MS", "Arial";
color: #70A02B;
padding-top: 20px;
padding-bottom: 10px;
}
.blog_text {
padding: 10px;
}
.question {
 color: #6da337;
}

/* round corner */

.tlc, .trc { zoom: 1 }

.cont_box
 {
 position: relative;
 padding: 0;
 text-align: left;
 background-color: #fafafa;
 }
  
.cont
 {
 padding: 20px;
 }

.cont h1
 {
 margin: 0; padding: 0;
 font-size: 16px; font-weight: bold;
 font-family: helvetica, geneva, arial, sans-serif;
 }
  
.cont, .cont p, .cont td
 { font: 11px tahoma; line-height: 16px;
 }
  
/* ---=== border code follows ===--- */
/*
 tlc = top left corner
 trc = top right corner
 blc = bottom left corner
 brc = bottom right corner
 lb = left border
 rb = right border
 tb = top border
 bb = bottom border 
*/

.tlc, .trc, .blc, .brc
 {
 background-color: transparent;
 background-repeat: no-repeat;
 }

.tlc
 {
 background-image:url(images/tlc.gif);
 background-position: 0% 0%;
 }

.trc
 {
 background-image:url(images/trc.gif);
 background-position: 100% 0%;
 }
 
.blc
 {
 background-image:url(images/blc.gif);
 background-position: 0% 100%;
 }

.brc
 {
 background-image:url(images/brc.gif);
 background-position: 100% 100%;
 }

.tb, .bb
 {
 background-color: transparent;
 background-repeat: repeat-x;
 }
   
.tb
 {
 background-image:url(images/tb.gif);
 background-position: 0% 0%;
 }

.bb
 {
 background-image:url(images/bb.gif);
 background-position: 50% 100%;
 }
 
.rb
 {
 background-image:url(images/r.gif);
 background-position: 100% 0%;
 background-repeat: repeat-y;
 }

.lb
 {
 background-image:url(images/l.gif);
 background-position: 0% 100%;
 background-repeat: repeat-y;
 }

 .my_pic { position: relative; top: -120px; }