body { margin: 0; padding: 0; font: 13px Tahoma, Geneva, sans-serif; color: #4a4a4a; background: #fff url('../img/bg_body.png') top repeat-x;  }

/* General */
a { color: #0f62ab; text-decoration: none; }
a:hover { color: #333; }
h1 { margin: 0 0 12px 0; letter-spacing: 0px; font: bold 22px Arial, Helvetica, Sans-Serif; color: #0f62ab; }
h2 { margin: 5px 0 10px 0; padding: 0; font: bold 16px Arial, Helvetica, Sans-Serif; color: #333; }
p { margin: 0 0 10px 0; padding: 0; line-height: 18px; text-align: justify; }
td { vertical-align: top; }
li { padding: 0 0 10px 0; }
img { border: 0; }
.clear { clear: both; }
.bold {	font-weight: bold; }
.right { float: right; }
.left { float: left; }
.warning { border: solid 1px #ffe2b8; background-color: #fff7ee; color: #cc6600; padding: 4px 10px; margin: 5px 0; }
.error { border: solid 1px #ffb8b8; background-color: #ffeeee; color: #ff7f7f; padding: 4px 10px; margin: 5px 0; }
.success { border: solid 1px #b8ccff; background-color: #eef1ff; color: #6d88ff; padding: 4px 10px; margin: 5px 0; }
p.readmore { text-align: right; }
ul.nonbullet { list-style-type: none; }

/* wrap */
div#wrap { width: 1000px; margin: 0 auto; }

/* header */
div#top { clear: both; margin: 10px 0; }
div#top div#header { float: left; }
div#top div#menu_top { float: right; width: 830px; margin-top: 30px; background: #fff url('../img/bg_menu_top.png') top repeat-x; border-left: solid 1px #eee; border-right: solid 1px #eee; }
div#top div#menu_top ul { padding: 20px 0; margin: 0; list-style-type: none; }
div#top div#menu_top ul li { margin: 0; padding: 0 18px; display: inline; border-left: solid 1px #ccc; }
div#top div#menu_top ul li:first-child { border-left: 0; }
div#top div#menu_top ul li a { font: 12px Verdana, Geneva, sans-serif; color: #000; cursor: pointer; }
div#top div#menu_top ul li a:hover { color: #0f62ab; text-decoration: none; }
div#top div#menu_top ul li .current { color: #000; font-weight: bold; text-decoration: none; }

/* banner */
div.slider { clear: both; padding: 0; margin: 10px 0; background-color: #fff; border: solid 1px #eee; border-bottom: solid 1px #9b9c9f; }
div.slider img { width: 998px; }

/* content */
div#content { clear: both; }
div#content_main { padding: 15px; margin: 10px 0; min-height: 300px; background-color: #fdfdfd; border: solid 1px #eee; border-bottom: solid 1px #ccc; overflow-x: auto; }

/* home */
div#home { clear: both; }
div#home div#home_box { clear: both; }
div#home div#home_box .header { padding: 27px 10px 0px 80px; font: Normal 22px Arial, Helvetica, Sans-Serif; color: #30385f; }
div#home div#home_box .desc { padding: 5px 20px 10px 20px; }
div#home div#home_box .box1 { float: left; width: 320px; height: 119px; margin: 15px 6px; background: #fff url('../img/box_1.jpg') no-repeat; }
div#home div#home_box .box2 { float: left; width: 320px; height: 119px; margin: 15px 6px; background: #fff url('../img/box_2.jpg') no-repeat; }
div#home div#home_box .box3 { float: left; width: 320px; height: 119px; margin: 15px 6px; background: #fff url('../img/box_3.jpg') no-repeat; }
div#home div#home_left { float: left; width: 660px; padding: 10px; }
div#home div#home_right { float: right; width: 250px; margin-top: 40px; }
div#home div#home_right ul { padding: 0; margin: 0; list-style-type: none; }
div#home div#home_right ul li { margin: 0; padding: 5px 0 5px 17px; background: transparent url('../img/bullet-blue-icon.png') no-repeat left center; }

/* project referenece */
table#project { width: 900px; margin: 0 auto; border-collapse: collapse; }
table#project th { padding: 5px; border: solid 1px #333; background-color: #f5f5f5; }
table#project td { padding: 5px; border: solid 1px #333; background-color: #fff; }
table#project td.mid { text-align: center; }

/* services */
div#serviceslist { float: left; padding-right: 10px; width: 190px; border-right: solid 1px #eee; }
div#serviceslist ul { margin: 0; padding: 0; list-style-type: none; }
div#serviceslist ul li { margin: 0; padding: 3px 0 3px 17px; background: transparent url('../img/bullet-blue-icon.png') no-repeat left center; }
div#servicescontent { float: right; width: 740px; }
div#servicescontent img { float: right; margin: 0 0 15px 15px; border: solid 1px #eee; }
div#servicesbox { clear: both; }
div#servicesbox div.servicesboxitem { float: left; width: 300px; margin: 0px 3px 10px 3px; padding: 7px; border: solid 1px #e5e5e5; background-color: #f5f5f5; }
div#servicesbox div.servicesboxitem h3 { margin-bottom: 5px; }
div#servicesbox div.servicesboxitem img { border: solid 1px #dfdfdf; }
div#servicesbox div.servicesboxitem p.more { text-align: right; }
div#servicesbox div.servicesboxitem p.more img { border: none; }

/* contact us */
div#contactusleft { float: left; width: 560px; }
div#contactusleft ul { margin: 0; padding: 0; list-style-type: none; }
div#contactusleft li { padding: 10px 3px; display: inline-block; vertical-align: top; zoom:1; *display: inline; _height: 30px; }
div#contactusleft li label { display: block; font-weight: bold; text-align: right; width: 100px; }
div#contactusleft li .small{ color: #999; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 100px; }
div#contactusleft li .textbox { width: 400px; font-size: 18px; height: 22px; border: solid 1px #ccc; }
div#contactusleft li .longtextbox { width: 400px; font-size: 18px; font-family: Tahoma; border: solid 1px #ccc; }
div#contactusright { float: right; width: 400px; }

/* footer */
div#footer { clear: both; margin: 5px 0; font-size: 11px; color: #000; }
div#footer div#footer_menu { padding: 0; }
div#footer div#footer_menu ul { padding: 0; margin: 0; list-style: none; }
div#footer div#footer_menu ul li { margin-right: 10px; display: inline; }
div#footer div#footer_words { margin-top: 5px; font-size: 11px; text-align: right; color: #999; }

/* Berry Code Internet Solution Provider */
.berry { color: #f7c600; }
.code { color: #646464; }