@import url("reset.css");
body { margin:0; padding:0; width:100%; background:#EDEDED;font: bold 11px Arial, Helvetica, sans-serif;}
.body img.portf { margin:5px auto; padding:0;}
html { padding:0; margin:0;}

/* contactForm */
#contactArea { height: 225px; border-bottom: 0px solid #390; overflow: hidden; background-color:#390; }

.contactAreaform { width: 910px; height: 300px; padding: 25px; margin: 0 auto; }

#info { float: left; width: 350px; }
#messageBox { float: right; width: 500px;  }

/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb; }

/********** header **********/
.header { background:url(images/header_bg_wood.gif) top repeat-x; padding:0; margin:0 auto; }

/* block_top */ 
.block_top_resize { width:960px; margin:0 auto; padding:0;}
.block_bg { width:298px; float:left; padding:0; margin:10px !important; margin:10px 10px 10px 5px; background:url(images/bg_small_side.gif) top repeat-y;}
.block_bottom { background:url(images/bottom_img.gif) bottom no-repeat;}
.block_top { background:url(images/h2_bg.gif) top no-repeat;}
.block_top h3 { width:208px; height:41px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:25px 0 0 90px; margin:0;}
.block_top h3.h3_live { background:URL(images/h2_Live.gif) 20px 0px no-repeat;}
.block_top h3.h3_based { background:URL(images/h2_based.gif) 20px 0px no-repeat;}
.block_top h3.h3_edit { background:URL(images/h2_edit.gif) 20px 0px no-repeat;}
.block_top h3.h3_SEo { background:URL(images/h2_SEo.gif) 20px 0px no-repeat;}
.block_top h3.h3_sustem { background:URL(images/h2_sustem.gif) 20px 0px no-repeat;}
.block_top h3.h3_support { background:URL(images/h2_support.gif) 20px 0px no-repeat;}
.block_top p { font: normal 12px Arial, Helvetica, sans-serif; color:#808080; padding:10px 25px 5px 25px; margin:0; line-height:1.8em;}
.block_top a { font: bold 12px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none;}

.block_header {margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:181px;}
/* menu */	
.menu { float:right; padding:25px 0 0 0; margin:0; width:700px;}
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#a1a1a1; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover { color:#fff;  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  color:#fff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
 /* sub_text */
.sub_text { background: url(images/simple_bg_res.gif) top repeat-x; padding:0; margin:0; height:140px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0; background: url(images/simple_bg.png) top center no-repeat; height:140px;}
.sub_text_resize img { float:right; padding:50px 0 0 0; margin:0;}
.sub_text_resize h2 { font: normal 40px Arial, Helvetica, sans-serif; color:#FFF; padding:50px 0 0 15px; margin:0;}
/* search_blog */
.search_blog { background:#f6f6f6; margin:0; padding:0;}
.search_blog_resize { width:960px; margin:0 auto; padding:0;}
.search_blog h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:10px 0 15px 15px; margin:0;}
.search_blog h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#afafaf;}
/* search */
.search { padding:10px 20px 0 0; margin:0; width:250px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:200px; padding:0 5px; height:33px;}
.search form .keywords { width:149px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}

/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background: url(images/simple_bg_res.gif) top repeat-x; border-bottom:1px solid #ececec;}
.header_text_bg2 { margin:0; padding:0; background: url(images/simple_bg_res2.gif) top repeat-x;}
/*header_text*/
.header_text { margin:0 auto; padding:0; width:980px; background: url(images/simple_bg.png) top no-repeat; height:298px; }
.header_text2 { margin:0 auto; padding:10px 0 0 0; width:980px;  height:123px; }
.header_text2 h2 { font: bold 40px Arial, Helvetica, sans-serif; color:#fff; padding:20px 0 0 0; margin:0;}
.header_text2 h2 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b0e9ff;}
.header_text2 img { float:right; margin:0; padding:30px 0 0 0;}
.header_text .div { width:920px; padding:0; margin:0 auto;}
.header_text img.screen { float:right; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:500px; padding:10px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0px 8px 0 0; padding:0;}
.header_text .div .left1 h2 { font:bold 40px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0 0 10px 0;}
.header_text .div .left1 p { font: normal 12px Arial, Helvetica, sans-serif; color:#fefefe; padding:25px 10px 10px 0; margin:0;}

/* Ca3er style */
.cu3er_resize { width:960px; height:400px; margin:0 auto;  }
#cu3er-container { width:960px; height:400px; outline:0;}

/*FBG*/
.FBG { margin:0; padding:0; border-top:1px solid #dedede; background:#ededed; }
.FBG h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#444; padding:5px; margin:0; border-bottom:1px solid #dddddd; }
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#444444; line-height:1.8em; padding:5px 5px; margin:0; }
.FBG ul { list-style:none; padding:5px; margin:0; }
.FBG li { background:url(images/FBG_ul_li.gif) left no-repeat; font: normal 11px Arial, Helvetica, sans-serif; color:#444; padding:5px 0 5px 15px; margin:0; }
.FBG_resize { width:960px; margin:0 auto; padding:20px 0 0 0; }

/****Recent **/
.Recent  { width:230px; float:left; padding-left:10px; margin:0;}
.Recent p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0;}
.Recent a { color:#000; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif;}
.Recent a:hover { text-decoration:underline;}
/********** block index **********/
.body { margin:0; padding:0; background: #eaeaea; border-top:1px solid #eaeaea;}
.body_resize { width:960px; margin:0 auto; padding:0; background:#FFF; }
.body_resize h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; padding:10px 5px; margin:0; line-height:1.4em;}
.body_resize .verror {color:#F00;}
.body_resize p span { color:#45b8c3; font: normal 11px Arial, Helvetica, sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:299px; float:right; margin:0; padding:10px 10px;} 
.left  { width:620px; float:left; margin:0; padding:10px 10px;} 
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}

/* normal web links */
.body_resize a.nor { color:#000; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif;}
.body_resize a.nor:hover { text-decoration:underline;}

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0;  margin:0; background:#ededed; border-top:1px solid #eaeaea;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;}

/* Gallery */
.gallery { width:960px; height:353px; margin:0 auto; padding:20px 0 0 0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:960px; height:393px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:45px; height:45px; position:absolute; left:-51px; top:-301px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:45px; height:45px; position:absolute; left: 960px; top:-301px; }
#prevBtn a { display:block; width:45px; height:45px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:45px; height:45px; background:url(images/r_arrow.gif) no-repeat 0 0; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

p { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#000; font-weight:normal; line-height:16px; margin-bottom:7px; }

.pageControls a.pageControls{font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#000; font-weight:normal; line-height:16px; margin-bottom:7px;}
a.pageControls:hover{ text-decoration:underline;}

/* forms.css */
label {font-weight:bold;}
label.doLabs {font-weight:bold;color:#FFF;font-size:13px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;margin-top:0; padding-top:0;}
fieldset.titlesm {padding:1px;margin:0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:2em;font-family:Tahoma, Geneva, sans-serif;}
input[type=text], input.text, input.title, input.titlesm, textarea, select, input.memberLoginForm {background-color:#fff;border:2px solid #CCC;}
input[type=text]:focus, input.text:focus, input.title:focus, input.titlesm:focus, textarea:focus, select:focus, input.memberLoginForm:focus {border-color:#666;}
input[type=text], input.text, input.title, input.titlesm, textarea, select, input.memberLoginForm {margin:0;}
input.text, select.title, input.title {width:350px;padding:3px;}
input.titlesm, textarea.titlesm {width:280px;padding:1px;font-size:1.1em;}
input.memberLoginForm {width:160px;padding:2px;font-size:1.1em;}
input.verification {width:100px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:500px;height:75px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:0px solid #ddd;font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:15px;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label.verror {
	width: 100%;
	color:#FFF;
}

label.verror2 {
	color:#F00;
	font-size:10px;
	line-height:1px;
}

p.total {
	color: #222;
	font-size: 18px;
	padding: 0 10px;
	margin-left: 0;
	font-weight: bold;
}
p.total {
	float:left;
}
p.total strong {
	color: #F84100;
	font-size: 28px;
	line-height:25px;
	font-family: Eurostile, Arial;	
}

a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button { width:auto; overflow:visible; padding:4px 10px 3px 7px; }
button[type] { padding:4px 10px 4px 7px; line-height:17px; }
*:first-child+html .container button[type] { padding:4px 10px 3px 7px; }

button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }

/* Standard Buttons */
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active, button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

p.formLabel {float:left; width:100px; font-size:12px; padding-top:5px;}
p.formInput {float:left; width:630px; text-align:left;}

.port { padding:5px 10px;}
.port_resize { width:300px; float:left; margin:0; padding:10px 5px; height:350px;}

.KodeSlidesSh { height:194px; width: 282px; float:right; padding:10px; }
.KodeSlidesSh img {  padding-left:10px; }