/*------------------- GENERAL --------------------*/
body {
	margin:0 0 16px; padding:0; color:#898989;	background:#212121;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
div, p, img, a, ul, form, input, h2, h3 {
	margin:0; padding:0;
}
a {
	text-decoration:none; outline:none;
}
ul {
	list-style:none;
}
img {
	border:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}
/*------------- HEADER ---------------*/
#header {
	width:970px; height:280px; position:relative; margin:0 auto;
	background:url(images/right_header.jpg) 100% 0 no-repeat;
}
#header div.left {
	background:url(images/left_header.jpg) 0 0 no-repeat;
	width:49px; height:280px;
}
#header #leftPanel { 
	left:49px; top:0; position:absolute; width:424px;
}
div.logoPanel {
	/*height:515px;*/ margin:0 0 14px;
	background:url(images/leftpanel_bg.jpg) 0 0 no-repeat;
	padding:21px 20px 0px 0;
}
/*---- MENU ----*/
div.logoPanel ul.menu {
	font:bold 11px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 91px; height:22px;
}
div.logoPanel ul.menu li {
	padding:0 2px 0 0; float:left;
}
div.logoPanel ul.menu li a, #header div.logoPanel ul.menu li span {
	background:#000 url(images/top_btn_bg.jpg) 0 0 no-repeat;
	width:73px; height:22px; display:block; color:#A7A7A7; text-align:center;
}
div.logoPanel ul.menu li a:hover, #header div.logoPanel ul.menu li span {
	background-position:0 100%; color:#fff; background-color:#000;
}
div.logoPanel a.logo {
	margin:27px 0 12px 72px; display:block; width:262px;
}

div.logoPanel span.slogan {
	margin:17px 0 12px 108px; display:block; margin-top:-50px;
	font-size: 15px; letter-spacing:1px;
}

div.logoPanel span.topContactNo {
	margin:0 0 19px 108px;
	display:block;
	height:21px;
	font:normal 17px/21px Helvetica, sans-serif !important;
	color:#fff;
	padding-left:36px;
	background:url(images/phone-icon.jpg) 0 0 no-repeat;
}


div.logoPanel ul.leftList {
	width:306px; margin:0 auto; font-size:13px; line-height:15px;
}
div.logoPanel ul.leftList li {	
	background:url(images/left_listbg.jpg) 0 0 no-repeat;
}
div.logoPanel ul.leftList li a {
	display:block; width:160px; height:37px; padding:55px 0 0 106px;
	background-position:25px 50%; background-repeat:no-repeat;
	color:#fff; font: normal 13px 'trebuchet ms';
}
/* 
div.logoPanel ul.leftList li a:hover { 
	color: #C46110; text-decoration:none; 
} */
div.logoPanel ul.leftList li a.webDesign {
	background-image:url(images/web-design-bangkok.jpg);
} 
div.logoPanel ul.leftList li a.konfactory {
	background-image:url(images/konfLogo.png); background-position: 60%; 
	font: normal 13px/46px 'trebuchet ms';	color:#ccc;
} 
div.logoPanel ul.leftList li a.oes{
	background-image:url(images/pixeliLogo.jpg);
	background-position: 66px; font: normal 11px/37px Arial, Helvetica, sans-serif;
	padding-left:92px;
	font: normal 13px/37px 'trebuchet ms';	color:#ccc;
} 
div.logoPanel ul.leftList li a.becomePartner{
	background-image:url(images/your-company.jpg);
	font: normal 13px/32px 'trebuchet ms';	color:#ccc;
	background-position: 63%;
} 
div.logoPanel ul.leftList li a.webDevelopment {
	background-image:url(images/web-development-thailand.jpg);
} 
div.logoPanel ul.leftList li a.seoThai {
	background-image:url(images/seo-thailand.jpg);
} 
/*--- HOVER ---*/
div.logoPanel ul.leftList li a.webDesign:hover {
	background-image:url(images/web-design-bangkok_hover_09.jpg);
} 
div.logoPanel ul.leftList li a.webDevelopment:hover {
	background-image:url(images/web-development-thailand2.jpg);
} 
div.logoPanel ul.leftList li a.seoThai:hover {
	background-image:url(images/seo-thailand_hover.jpg);
} 
div.logoPanel ul.leftList li a.becomePartner:hover{
	background-image:url(images/your-company-hover.jpg);
} 
/*---------- Why KOS Design -----------*/
div.whyKos-hp ul.listing, div.whyKos-hp ul.listing-whykos { 
        font-size:11px; padding-left:14px;
}

div.whyKos-hp ul.listing li { 
        background:transparent url(images/bul_why_new.jpg) no-repeat scroll 0px 9px;
        display:block; list-style-type:none; padding-left:18px;
        font: normal 11px/26px Arial, Helvetica, sans-serif; color: #c1c1c1;
}
div.whyKos-hp ul.listingKos li { 
        background:transparent url(images/bul_why_new.jpg) no-repeat scroll 10px 14px;
        display:block; list-style-type:none; padding-left:28px;
        font: normal 11px/37px Arial, Helvetica, sans-serif; color: #c1c1c1;
		margin-top:-17px;
		}
		
div.whyKos-hp { 
        background:url(images/members_panel-hp-new.jpg) 0 0 no-repeat;
        width:414px; height:301px; padding:10px 0 0 0;
        margin-top: 22px;
}
div.whyKos-hp h2  {
       /* background:#000 url(images/why-KosDesign.jpg) 0 0 no-repeat;
        height:42px; margin:0 0 9px 12px; color:#9E9E9E; padding:0 0 0 56px;
        width:328px; font: bold 16px/42px Tahoma, Arial, Helvetica, sans-serif;*/
}
div.whyKos-hp h2.new{
	font:normal 28px Arial, Helvetica, sans-serif;
	color:#98caa8;
	padding:16px 0 36px 91px;
	background:none;
	}
p.new-text strong{
	color:#a5ad47;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:14px 0 0 0;
	}

div.whyKos ul.listing, div.quickContact ul.listing {
	font-size:11px; padding-left:21px;
}
div.whyKos ul.listing li, div.quickContact ul.listing li {
	background:transparent url(images/bul_why.jpg) no-repeat scroll 0px 5px;
	display:block; list-style-type:none; padding-left:15px;
	font: normal 11px/17px 'trebuchet ms'; color: #9e9e9e;
}
div.whyKos, div.quickContact, div.testimonial {
	background:url(images/members_panel.jpg) 0 0 no-repeat;
	width:414px; height:182px; padding:10px 0 0 0;
}
div.whyKos h2 {
	background:#000 url(images/why-KosDesign.jpg) 0 0 no-repeat;
	height:42px; margin:0 0 9px 12px; color:#9E9E9E; padding:0 0 0 56px;
	width:328px; font: bold 16px/42px Tahoma, Arial, Helvetica, sans-serif;
}
div.quickContact h3 {
	background:#000 url(images/quick-contact.jpg) 0 0 no-repeat;
	height:42px; margin:0 0 9px 12px; color:#9E9E9E; padding:0 0 0 56px;
	width:328px; font: bold 16px/42px Tahoma, Arial, Helvetica, sans-serif;
}
div.whyKos input.txtBox, div.quickContact input.txtBox {
	width:254px; height:20px; background:#fff; margin-bottom:11px;
	border-top:#808080 1px solid; border-left:#808080 1px solid;
	border-right:#C0C0C0 1px solid; border-bottom:#C0C0C0 1px solid;
	float:left; padding:2px 0 0 2px; color:#000;
}
div.whyKos label, div.quickContact label {
	font-size:11px; line-height:24px; float:left;
	width:80px; padding-left:31px; color:#fff; background-color:#292929;
}
div.whyKos div.remPass, div.quickContact div.remPass {
	padding:0 39px 0 111px;
}
div.whyKos div.remPass input, div.quickContact div.remPass input {
	float:left; margin-right:6px;
}
div.whyKos div.remPass p, div.quickContact div.remPass p {
	color:#819F10; font-weight:bold; font-size:11px; float:left; line-height:16px;
	padding-top:1px; background:#292929;
}
div.whyKos div.remPass input.btn, div.quickContact div.remPass input.btn {
	float:right;
}
div.whyKos p, div.quickContact p, div.whyKos-hp p { 
	font: normal 11px/27px verdana;
	padding-left:15px; color: #ccc;
} 
div.whyKos a, div.whyKos-hp a { 
	color: #A5AD47; border-bottom: 1px dashed #797979; 
}
div.whyKos a:hover, div.whyKos-hp a:hover  { color:#637b08; } 

/*** TESTIMONIALS *****/

div.testimonial h3 {
	background:#000 url(images/h_hestimonials.jpg) 0 0 no-repeat;
	height:42px; margin:0 0 9px 12px; color:#9E9E9E; padding:0 0 0 56px;
	width:328px; font: bold 16px/42px Tahoma, Arial, Helvetica, sans-serif;
}

div.testimonial p { 
	font: normal 11px/22px verdana;
	padding-left:15px; color: #ccc; padding-right:15px; float:left;
	}

/*-------- FEATURED WORK -------*/
div.featuredWork ul.work  {
	font-size:11px; 
}
div.featuredWork ul.work li {
	background:transparent  url(images/work-li.png) no-repeat scroll 20px 6px;
	display:block; line-height:19px; list-style-type:none; 
	font: normal 13px/18px 'trebuchet ms'; 
}
div.featuredWork ul.work li a {
	display: block; width:368px; padding-left:35px;
	color: #ccc; line-height:23px;
} 
div.featuredWork ul.work li a:hover { 
	background:#111; 
}
div.featuredWork {
	background:url(images/members_panel.jpg) 0 0 no-repeat;
	width:414px; height:182px; padding:10px 0 0 0;
}
div.featuredWork h2 {
	background:#000 url(images/why-KosDesign.jpg) 0 0 no-repeat;
	height:42px; margin:0 0 9px 12px; color:#9E9E9E; padding:0 0 0 56px;
	width:328px; font: bold 16px/42px Tahoma, Arial, Helvetica, sans-serif;
}

div.featuredWork h2 a { 
	color: #DEC427; 
	}

div.featuredWork p {
	font: normal 11px/27px verdana;
	padding-left:15px; color: #ccc;
} 


#work-simple, #work-simple2 {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0em 0pt 5px 10px;
	padding:0pt;
}
#work-simple li, #work-simple2 li {
	background:transparent none repeat scroll 0%;
	float:left;
	margin:0pt;
	padding:0pt;
}

#work-simple li a, #work-simple2 li a  {
	background:#393939 none repeat scroll 0%;
	border:1px solid #555;
	display:block;
	float:left;
	margin:0pt 1.25em 1.25em 0pt;
	padding:0.2em;
	font: normal 10px/20px 'trebuchet ms'; color: #eee;
}
#work-simple li a:hover, #work-simple2 li a:hover {
	background-color: #212121;
}
#work-simple li.active a, #work-simple2 li.active a{
	background: #4b4827;
	border-color:#646870;
}

#work-simple li a.sita, #work-simple2 li a.sita { width:212px; } 
#work-simple li a.ice, #work-simple2 li a.ice{ width:144px;  } 
#work-simple li a.auto, #work-simple2 li a.auto{ width:110px;  } 
#work-simple li a.tls, #work-simple2 li a.tls { width:130px;  } 
#work-simple li a.utc, #work-simple2 li a.utc { width:97px; height:43px;  } 


ul.lst {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
ul.lst li {
	border-bottom:0px dashed #E0E0D5;
	color:#646870;
	margin:0pt;
	overflow:hidden;
	padding:0pt;
}
ul li.last {
	border:medium none;
	margin-bottom:2.5em;
	padding-bottom:0pt;
}
ul.lst li a {
	color:#8F9195;
	display:block;
	line-height:1.4em;
	overflow:hidden;
	padding:0.5em 0em;
}
ul.lst li a strong {
	color:#999;
	display:block;
	/*padding:0.2em 0pt 0.1em;*/
	width:auto;
}
ul.lst li a em {
	display:block;
}
ul.lst li a img {
	background:#212121 none repeat scroll 0%;
	border:1px solid #454545;
	display:block;
	float:left;
	margin:2px 10px 0pt 0pt;
	padding:0.4em;
}
ul.lst li a:hover, ul.lst li a:hover strong {
	color:#637B08; text-decoration:none;  
}
ul.lst li a:hover strong { text-decoration:underline; } 
ul.lst li a:hover {
	background:#393939 none repeat scroll 0%;
}
ul.lst li a:hover img {
	/* background:transparent url(/images/noise-earth.gif) repeat scroll 0%; */
	background: #212121; 
}

/*-------- PORTFOLIO -----*/

div.portfolio ul.work  {
	font-size:11px; 
}
div.portfolio ul.work li {
	background:transparent  url(images/work-li.png) no-repeat scroll 20px 6px;
	display:block; line-height:19px; list-style-type:none; 
	font: normal 13px/18px 'trebuchet ms'; 
}
div.portfolio ul.work li a {
	display: block; width:368px; padding-left:35px;
	color: #ccc; line-height:23px;
} 
div.portfolio ul.work li a:hover { 
	background:#111; 
}

div.portfolio {
	background:url(images/members_panel.jpg) 0 0 no-repeat;
	width:410px; height:182px; padding:10px 0 0 0;
}
div.portfolio h2, div.featuredWork h2 {
	background: #212121;
	height:36px; margin:0 0 5px 5px; color:#9E9E9E; padding:0 0 0 16px;
	width:370px; font: bold 16px/32px 'trebuchet ms', Arial, Helvetica, sans-serif;
	font-style: italic;
}
div.portfolio p {
	font: normal 11px/27px verdana;
	padding-left:15px; color: #ccc;
} 
div.portfolio .image { clear:left; padding-left:13px; float:left; padding-right:10px; padding-top:4px; } 
div.portfolio .image img { 	border:5px solid #ccc; }
div.portfolio a.title  { font: bold 13px 'trebuchet ms'; color:#f9f9f9; }
div.portfolio li { font: normal 11px/20px 'trebuchet ms'; color: #ddd; } 

div.portfolio .view { 
	display:block; clear:both;
	color: #FDFDFD; padding-left:20px; padding-top:3px; 
}
div.portfolio .view a { font: normal 11px 'Trebuchet ms'; color: #FDFDFD; } 
div.portfolio-full h4 { font-style: italic; color: #eee } 

.description { width: 300px; float: left;  }
#rightPanel div.portfolio-full .description p { font: normal 12px/17px 'trebuchet ms'; color: #ccc; } 
.delivery { float:right; width: 190px; } 
.delivery li { font: normal 11px/20px 'trebuchet ms'; color: #ddd; } 
.portfolio-full img { border: 5px solid #404040; } 


div.logo {
	background: #242424; 
	width:470px; height: 130px; padding:10px 0 0 0; border:5px solid #282828;
	margin-bottom:10px;
}
div.logo h2, div.featuredWork h2 {
	background: #212121;
	height:36px; margin:0 0 5px 5px; color:#dec427; padding:0 0 0 16px;
	width:370px; font: bold 16px/32px 'trebuchet ms', Arial, Helvetica, sans-serif;
	font-family:Arial;
}
div.logo h2, div.featuredWork h2 a.flink {	
	color:#dec427;
	border-bottom: 1px dashed #797979;
	font-family:Arial, Helvetica, sans-serif;
}
div.logo h2, div.featuredWork h2 a.flink:hover {
	text-decoration:none; color:#637b08;
}
div.logo p {
	font: normal 11px/27px verdana;
	padding-left:15px; color: #ccc;
} 

div.logo .image { clear:left; padding-left:13px; float:left; padding-right:10px; } 
div.logo .image img { 	border:5px solid #353536; }
div.logo a.title  { font: bold 13px 'trebuchet ms'; color:#f9f9f9; }
div.logo li { font: normal 11px/20px 'trebuchet ms'; color: #ddd; } 
div.logo .view a { font: normal 11px 'Trebuchet ms'; color: #FDFDFD; display:block; padding-top:10px;  } 

/*--------- BODY ---------*/
#body {
	width:970px; margin:0 auto;
}
#rightPanel {
	margin:0 0 40px 473px;
}
#rightPanel ul.menu {
	height:43px; font-size:11px; line-height:43px; font-weight:bold;
	background:url(images/topmenu_bg.gif) 0 0 repeat-x;
}
#rightPanel ul.menu li {
	float:left; padding:0 13px 0 15px; 
	background:url(images/top_devider.gif) 0 0 no-repeat;	
}
#rightPanel ul.menu li a {
	color:#636363;
}
#rightPanel ul.menu li a:hover, #rightPanel ul.menu li span, #rightPanel ul.menu li.active a {
	color:#C46110;
}
#rightPanel h2 {
	font: normal 19px/35px Trebuchet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-bottom:#2B2B2B 3px solid; color:#F9F9F9;
	background-color:#212121; padding:7px 0 0;
}
#rightPanel h2 a {
	color:#C46110;
	}
#rightPanel p {
	font-size:14px; line-height:24px; padding-bottom:24px;
}
#rightPanel p span {
	font-size:14px; line-height:24px; padding-bottom:24px; color:#ccc; 
}

#rightPanel p.orangeTxt {
	color:#C46110; font-size:18px; padding:8px 0 5px; background:#212121;
}
#rightPanel p.orangeTxt span {
	font-size: 19px;
	}
#rightPanel p a {
	color:#819F10; border-bottom:#3E3E3E 1px dashed; background-color:#212121;
}
#rightPanel p a:hover {
	color:#637B08; background-color:#212121;
}
#rightPanel div.specialPackage {
	padding:0 0 0 165px; height:78px; margin-top:-14px; 
	background:url(images/special_package.gif) 0 0 no-repeat;
}
#rightPanel div.specialPackage h3 {
	color:#D9C92B; font:normal 30px/32px Arial, Helvetica, sans-serif; 	padding:12px 0 0; 
	background:url(images/web-design-outsoucing.jpg) no-repeat 0px 100%; 

}
#rightPanel div.specialPackage p {
	font-size:12px; color:#B2B2B2; padding-bottom:0; background:#101010;
}

/*-------- Contact Form ----------*/

#contact-form input {
	background:#fff url(../images/search-loader.gif) no-repeat scroll 400px 50%;
	border:1px solid #472A24; 	color:#ccc; 	margin:0pt 2px 0pt 0pt;
	font:normal 11px/18px Arial, Helvetica, sans-serif;  padding:2px 4px;
	vertical-align:middle; 	width:175px; background: #212121; 
}
#contact-form input.submit {
 	font-weight:bold; cursor:pointer; cursor:pointer;
	height:20px; width:110px;
}

#contact-form fieldset { 
	margin:0pt; 	padding:0pt 0pt 0pt 20px;
}
fieldset, img {
	border:medium none;
}
#contact-form legend {
	margin:0pt; 	padding:0pt 0pt 10px;
}

#contact-form label { 
	float:left;
	width:100%;
}

#contact-form button {
	background:transparent url(images/go.jpg) no-repeat scroll 100%;
	background-position: 0px 0px; 	border:medium none;
	height:22px;  position:relative; text-indent:-10001em;
	vertical-align:middle; 	width:34px;
}
button {
	cursor:pointer; overflow:visible;
}
#contact-form textarea { 
	background: #212121; margin-top:3px; padding-left:3px; padding-top:1px; 
	color: #ccc; width:372px; height:65px;
	border:1px solid #372A24; font:normal 11px Arial, 'Trebuchet ms', Helvetica, sans-serif;
}
#contact-form  .qc_question { width: 50px; } 

.alignright { margin-left:5px; } 

/* 
#contact-form fieldset {
	border:1px solid #1C5A22;
	margin:0pt 10px 10px 0pt;
	overflow:hidden;
	padding:10px;
	width:90%;
} */

div#contact fieldset input { float : right; width : 45%; border : 1px solid #e590b8;  }
div#contact fieldset input:hover { border-color : #000; }
div#contact fieldset input:active, input:focus { border-color : #900; }

div#contact label, label span { float:left; padding-bottom:0.25em; width:40%; }
div#contact label { float : left; width : 100%; }
div#contact label span { float : left; width : 45%; text-align : right; }
div#contact form div { margin-bottom : 5px; padding : 10px 10px; border : 0px solid #a23668; text-align : center; }
 
div#contact fieldset { 
float : left; width : 170px; height : 68px; margin : 0 10px 0px 0; padding : 0px; background : url(images/fieldset.png) repeat-x; border : 0px solid #a23668; overflow : hidden; }

div#contact fieldset:hover { border-color : #722549; }

div#contact form div input { padding : 0 .25em; margin-right: 10px; margin-top: 10px; width: 60px; background-color : #90305c;border : 2px double #551c35;  border-top-color : #e591b9; font : bold 92% Tahoma, Verdana, Arial, sans-serif;  color : #fff; text-transform : uppercase; }
div#contact form div input:hover{ background-color : #e591b9;  } 

.divider { background:transparent url(img/text_spacer.gif) repeat-x scroll 0%;
height:45px; width:530px; display:block; float:left;
}

/*-------- BOTTOM PANEL ---------*/

#bottomPanel {
	border-bottom:#1A1A1A 5px solid; border-top:#1A1A1A 5px solid;
	background-color:#FF0000; color:#AAA673; padding:16px 5px 7px 20px;
	font-size:12px; line-height:20px; margin:25px 0 5px; 
	}
#bottomPanel div.portfolio-recent {
	float:left; height:135px;
	margin-top:0px; position:relative;
	width:238px; border-right:2px solid #444120; /*height:193px; */
}
#bottomPanel div.portfolio-recent p { 
	padding-top:10px; color: #ABA571; font-size:11px; 
	padding: 10px 12px; line-height:14px; padding-bottom:2px;
}

#bottomPanel div.portfolio-recent .view{
	color: #FDFDFD; padding-left:12px;
}

#bottomPanel div.portfolio-recent .view a { color: #FDFDFD; } 

#bottomPanel div.portfolio-recent .image { 
	height:100px; padding-left:10px; padding-top:10px;
}
#bottomPanel div.portfolio-recent .image a img { 
	border:3px solid #84804F;
}
#bottomPanel div.portfolio-recent .image a:hover img { 
	border:3px solid #ccc;
}
#bottomPanel div.portfolio-recent h3 { 
	background: #6B683D; height: 23px; 
	font:bold 11px/23px Verdana, Arial, Helvetica, sans-serif;
	width: 208px; padding-left:10px; margin-left:10px; margin-top: -10px;
}
#bottomPanel div.portfolio-recent h3 a { color: #CDB86C; } 
#bottomPanel div.moreNews {
	width:223px; float:left; padding:0 31px 25px 0; position:relative;
	border-right:#444120 2px solid; margin-right:31px;
}
#bottomPanel div.newServices {
	width:345px; float:left; padding:0 28px 25px 0; position:relative;
	border-right:#444120 2px solid; margin-right:26px; height:183px;
}
#bottomPanel h2 {
	color:#FFF; font:normal 20px/44px Arial, Helvetica, sans-serif;
	padding-bottom:10px; margin-left:10px; height: 17px;
	background:#4B4827; background:url(images/h_portfolio.jpg) no-repeat; 
}
#bottomPanel p.date {
	padding:0 0 0 11px; line-height:19px; background:#6C683D; color:#310600;
	font-weight:bold; font-size:11px; margin-bottom:10px;
}
#bottomPanel p span {
	color:#000; background:#4B4827;
}
#bottomPanel a.more {
	background:#4B4827 url(images/more_btn.gif) 0 0 no-repeat;
	width:62px; height:22px; display:block; line-height:22px;
	text-align:center; font-size:11px; font-weight:bold;
	color:#fff; float:right; position:absolute; bottom:0; right:31px;
}
#bottomPanel a.more:hover {
	color:#AAA9A9;
}
#bottomPanel div.newServices p span {
	text-decoration:underline;
}

/*--- NEWSLETER ---*/
#bottomPanel div.newsLetter {
	width:207px; float:left; font-family:Arial, Helvetica, sans-serif; margin-left: 18px;
	/*	background: #5E5B32; */
}
#bottomPanel div.newsLetter div.callus {
	background:url(images/call_icon.jpg) 0 0 no-repeat;
	height:46px; margin-bottom:13px; padding:13px 0 0 69px;
}
#bottomPanel div.newsLetter div.callus p, #bottomPanel div.newsLetter div.mailus p {
	padding:0; font-weight:bold; color:#310600;
	font-size:11px; line-height:18px;
}
#bottomPanel div.newsLetter div.callus p span, #bottomPanel div.newsLetter div.mailus p span {
	font-size:10px; text-transform:uppercase; font-weight:normal;
	background:#2A3B01; color:#fff; padding:0 5px;
}
#bottomPanel div.newsLetter div.callus p.number, #bottomPanel div.newsLetter div.mailus p.number { 
	color:#EEEBC1; font-size:15px; font-weight:bold; padding:2px 0 0;
}

#bottomPanel div.newsLetter div.mailus {
	background:url(images/mail_icon.jpg) 0 0 no-repeat;
	height:46px; margin-bottom:13px; padding:13px 0 0 69px;
}



#bottomPanel div.newsLetter form {
	width:184px; height:83px; padding:10px 0 0 11px;
	background:url(images/newsletter_bg.gif) 0 0 no-repeat;
}
#bottomPanel div.newsLetter form label {
	color:#000; display:block; font-weight:bold; background:#6C683D;
	margin-bottom:5px; font-size:13px; line-height:14px;
}
#bottomPanel div.newsLetter form input {
	width:168px; height:18px; background:#fff; padding:2px 0 0; color:#000;
	font-size:10px; line-height:12px;
}
#bottomPanel div.newsLetter form input.btn {
	width:60px; height:23px; margin:5px 0 0 110px; padding:0px;
}
#bottomPanel div.newsLetter a.subscribe {
	width:163px; height:28px; line-height:28px; font-weight:bold;
	padding:0 0 0 32px; font-size:13px; color:#999999; display:block;
	background:#000 url(images/subscribe_btn.jpg) 0 0 no-repeat;
}
#bottomPanel div.newsLetter a.subscribe:hover {
	color:#656464;
}

/*-------- FOOTER ----------*/
#footer {
	width:932px; height:129px; margin:0 auto; color:#6F6B40; padding:0 38px 0 0;
	background:#101010;
	font-size:11px; line-height:15px;
	position:relative;

}
#footer .leftFooter { 
	float: left; 
	}
	
#footer .rightFooter { 
	float: right;
	}
		
#footer ul {
	  padding:20px 0 5px; height:15px;
	  /*border:1px solid #fff;*/
	  float:right;
	  height:20px;
	  width:478px;
}
#footer ul li {
	padding:0 9px 0 10px; float:right;
	background:url(images/footer_devider.gif) 0 50% no-repeat;
}
#footer ul li a {
	color:#747474;
}
#footer ul li a:hover {
	color:#5A5A5A;
}
#footer ul li.noPad {
	padding-right:0 !important;
}
#footer p {
	clear:both; text-align:right;
	padding-bottom:4px;
}
#footer p span{display:block; text-align:left; padding:0 0 0 701px;}
a{text-decoration:none; color:#6F6B40;}
a:hover{text-decoration:underline;}

#footer div.footerLeftText{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	left:20px;
	line-height:15px;
	position:absolute;
	top:15px;
	width:290px;
	}

#footer div.footerLeftText p{
	color:#577B0B;
	margin:0;
	margin-top:10px;
	text-align:left;
	}
#footer div.footerLeftText div{
	height:35px;
	margin-bottom:10px;
	padding:0 10px 0 20px;
	}
#footer div.footerLeftText div p{
	float:left;
	font-size:10px;
	padding-left:18px;
	padding-top:5px;
	line-height:15px;
	margin-top: 0px;
	width:150px;
	}
	
#footer div.footerLeftText div a.logoFooter img { 	border:medium none; } 
#footer div.footerLeftText div a:hover{ 
	color:#FF3399;
	}
#footer div.footerLeftText div img{
	float: left;
	display:block;
	}
#footer div.footerLeftText div img.greenIcon { 
	padding-left: 0px; 
	padding-top:2px;
	}
*html #footer div.footerLeftText div img.greenIcon {
	display:block;
	padding-left:5px;
	top:40px;
	float:left;
	position:relative;
}
/*-------- MISCLENIOUS ----------*/
.noBg {
	background:none !important;
}

ul.list {
	padding-left:20px; padding-bottom:10px;
}
ul.list li {
	background:transparent url(images/accept.jpg) no-repeat scroll 0px 5px;
	display:block; list-style-type: none; padding-left:25px;
	font: normal 13px/20px 'trebuchet ms'; 
}

ul.list li a, ul.list li span  { color: #CCCCCC; border-bottom: 1px dashed #999; } 
ul.list li a:hover { text-decoration:none; color:#FF6633; color: #637B08 }
ul.list li ul.ol li { 
	background:url(images/bul_why.jpg) no-repeat scroll 0px 6px;
	padding-left: 17px; padding-bottom:5px;
} 

.boldcenter { text-align:center; font: normal 29px/40px 'Trebuchet Ms', Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration:underline; font-size:30px; } 
.bolditaliccenter { text-align:center; font: bold 24px/40px 'Trebuchet Ms', Arial, Helvetica, sans-serif; color: #fff; font-style:italic; } 

.popimage { 
	background:url(images/bguarantee.gif) no-repeat top left; 
	left: 10px;
	top:15px;
	width: 150px; 
	height:111px;
	position:absolute;
}
.values { font-size: 11px; color:#CCCCCC;  }
#rightPanel p.welcome { padding-top: 10px; padding-bottom:0px; } 

#rightPanel p.descr { font:normal 12px/14px Arial, Helvetica, sans-serif; color: #f6f6f6;} 


/*-------- work page ----------*/
#bottomPanel {
	border-bottom:#1A1A1A 5px solid; border-top:#1A1A1A 5px solid;
	background:#272727; color:#AAA673; padding:12px 5px 12px 5px;
	font-size:12px; line-height:20px; margin:25px 0 5px; 
}
.textbg{
	background:url(images/text-bg.jpg) 0 0 no-repeat;
	height:71px;
	font:normal 23px/71px Arial, Helvetica, sans-serif;
	color:#c46110;
	}
/** New KOS update **/ 
div#newBottomPanel{
    width:968px;
    border:1px solid #383838;
    background-color:#272727;
    height:100%;
    overflow:hidden;
    }
div#newBottomPanel div.portfolioLeft{
    width:720px;
    float:left;
    padding:12px 0 15px 15px;
    }
div#newBottomPanel div.portfolioLeft h2{
    font:normal 18px/20px Helvetica, sans-serif;
    color:#fff;
    padding-bottom:12px;
    }
div#newBottomPanel div.portfolioLeft div{
    float:left;
    width:224px;
    margin-right:20px;
    }
div#newBottomPanel div.portfolioLeft div a.portfolioLeftPicLink{
    display:block;
    padding:5px 0;
    background-color:#3E3E3E;
    margin-bottom:8px;
    }
div#newBottomPanel div.portfolioLeft div a.portfolioLeftPicLink img{
    display:block;
    border:1px solid #fff;
    margin:0 auto;
    }
div#newBottomPanel div.portfolioLeft div a.portfolioLeftPicLink:hover{
    background-color:#515151;
    }
div#newBottomPanel div.portfolioLeft div h4{
    padding:0 0 0 11px;
    margin:0 0 10px 0;
    height:17px;
    font-size:11px;
    line-height:17px;
    background-color:#515151;
    }
div#newBottomPanel div.portfolioLeft div h4 a{
    color:#DCDCDC;
    }
div#newBottomPanel div.portfolioLeft div h4 a:hover{
    color:#AEAEAE;
    text-decoration:none;
    }
div#newBottomPanel div.portfolioLeft div p{
    font-size:11px;
    line-height:15px;
    color:#828282;
    padding-bottom:10px;
    }
div#newBottomPanel div.portfolioLeft div a.visitLink, div#newBottomPanel div.portfolioLeft div a.visitLink2 { 
	float:left;
    width:81px;
    height:13px;
    background:url(/images/arrow-bull1.gif) 0 0 no-repeat #515151;
    color:#C2C2C2;
    text-transform:uppercase;
    padding-left:20px;
    font:normal 9px/13px Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    }

div#newBottomPanel div.portfolioLeft div a.visitLink3 { 
	float:right;
    width:70px;
    height:13px;
    background:url(/images/arrow-bull1.gif) 0 0 no-repeat #515151;
    color:#C2C2C2;
    text-transform:uppercase;
    padding-left:18px;
    font:normal 9px/13px Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    }
	
div#newBottomPanel div.portfolioLeft div a.visitLink2{ 
	width:94px;
	}	
	
div#newBottomPanel div.portfolioLeft div a.visitLink:hover, div#newBottomPanel div.portfolioLeft div a.visitLink2:hover, div#newBottomPanel div.portfolioLeft div a.visitLink3:hover{
    background-color:#577927;
    text-decoration:none;
    }
.noRightMar{
    margin-right:0 !important;
    }
.spacer{
    font-size:0;
    line-height:0;
    clear:both;
    }
    
    
#newBottomPanel div.newsLetter {
    width:195px; float:right; font-family:Arial, Helvetica, sans-serif;
    background: #111; padding:25px 15px 11px;
}
#newBottomPanel div.newsLetter div.callus {
    background:url(images/call_icon.jpg) 0 0 no-repeat;
    height:46px; margin-bottom:13px; padding:13px 0 0 69px;
}
#newBottomPanel div.newsLetter div.callus p, #newBottomPanel div.newsLetter div.mailus p {
    padding:0; font-weight:bold; color:#310600;
    font-size:11px; line-height:18px;
}
#newBottomPanel div.newsLetter div.callus p span, #newBottomPanel div.newsLetter div.mailus p span {
    font-size:10px; text-transform:uppercase; font-weight:normal;
    background:#2A3B01; color:#fff; padding:0 5px;
}
#newBottomPanel div.newsLetter div.callus p.number, #newBottomPanel div.newsLetter div.mailus p.number { 
    color:#EEEBC1; font-size:15px; font-weight:bold; padding:2px 0 0;
}

#newBottomPanel div.newsLetter div.mailus {
    background:url(images/mail_icon.jpg) 0 0 no-repeat;
    height:46px; margin-bottom:13px; padding:13px 0 0 69px;
}



#newBottomPanel div.newsLetter form {
    width:184px; height:83px; padding:10px 0 0 11px;
    background:url(images/newsletter_bg.gif) 0 0 no-repeat;
}
#newBottomPanel div.newsLetter form label {
    color:#000; display:block; font-weight:bold; background:#6C683D;
    margin-bottom:5px; font-size:13px; line-height:14px;
}
#newBottomPanel div.newsLetter form input {
    width:168px; height:18px; background:#fff; padding:2px 0 0; color:#000;
    font-size:10px; line-height:12px;
}
#newBottomPanel div.newsLetter form input.btn {
    width:60px; height:23px; margin:5px 0 0 110px; padding:0px;
}
#newBottomPanel div.newsLetter a.subscribe {
    width:163px; height:28px; line-height:28px; font-weight:bold;
    padding:0 0 0 32px; font-size:13px; color:#999999; display:block;
    background:#000 url(images/subscribe_btn.jpg) 0 0 no-repeat;
}
#newBottomPanel div.newsLetter a.subscribe:hover {
    color:#656464;
}

p.time { 
	padding-top: 5px;
	padding-left:12px;
	font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif; 
	color: #ccc;
}

#clock { 
        padding-top: 5px;
        padding-left:12px;
        font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
        color: #ccc;
}

::selection            { background: #A8141B; color: white; /* Safari */ } 
::-moz-selection    { background: #A8141B; color: white; /* Firefox */ }  

span.orange { 
	color:#C46110; 
	}
span.orange i {
	color: #FFFFFF;
	font-stretch:normal;
	font-variant:normal;
	font:normal 13px Arial, Helvetica, sans-serif;
	}

/*div.indexNewListArea{
        border:1px solid #fff;
        }*/
div.indexNewListArea h2{
        font:normal 20px/24px Arial, Helvetica, sans-serif;
        color:#98caa8;
        padding:0 0 20px 0;
        background-color:none;
        }
div.indexNewListArea h3{
        font:normal 18px/20px Helvetica, sans-serif;
    color:#fff;
    padding-bottom:12px;
        }
div.indexNewListArea ul{
        font:normal 13px/15px Arial, Helvetica, sans-serif;
        color:#999;
        background-color:inherit;
        padding-left:10px;
        }
div.indexNewListArea ul li{
        padding:0 0 8px 17px;
        background:url(images/new-index-list-bull.gif) 0 3px no-repeat;
        }
img.indexRightPic{
        float:right;
        margin:0 0 10px 15px;
        display:block;
        }

#rightPanel p.slogan { 
	margin-top: 0px;
	font: normal 12px/12px Arial, Helvetica, sans-serif; 
	color:#999999;
	}


/* BEFORE/AFTER */
ul.beforeAfreaList{
	width:370px;
	height:162px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	margin:0 0 0 17px;
	}
ul.beforeAfreaList li{
	float:left;
	margin-right:14px;
	}
ul.beforeAfreaList li img{
	display:block;
	border:4px solid #3D3D3D;
	margin-bottom:4px;
	}
ul.beforeAfreaList li strong{
	display:block;
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#515151;
	}
ul.beforeAfreaList li.rightLi{
	margin-right:0;
	}

/*------------------------- New Index List -------------------------*/
div.indexNewListArea{
	border:1px dashed #ccc;
	width:315px;
	}
div.indexNewListArea h2{
	font:normal 20px/24px Arial, Helvetica, sans-serif;
	color:#98caa8;
	padding:10px 0px 20px 0;
	background-color:none;
	text-align:center;
	}
div.indexNewListArea h3{
	font:normal 18px/20px Helvetica, sans-serif;
    color:#fff;
    padding-bottom:12px;
	padding-left:10px;
	}
div.indexNewListArea ul{
	font:normal 13px/12px Arial, Helvetica, sans-serif;
	color:#999;
	background-color:inherit;
	padding-left:15px;
	}
div.indexNewListArea ul li{
	padding:0 0 8px 17px;
	background:url(images/new-index-list-bull.gif) 0 3px no-repeat;
	}
img.indexRightPic{
	float:right;
	margin:0 0 10px 15px;
	display:block;
	}

img.indexLeftPic{
	float:left;
	margin:0 10px 10px 0;
	display:block;
	}

	
/*** Design portfolio ***/ 


a.close { 
	background-image: url(/images/close.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-position: 47px -3px;
	padding-left: 17px;
	padding-right: 34px;
	color: #D5AC42;
	font-size: 11px;
	float:right;
	text-decoration:none;
	height:20px;
}
a:hover.close { 
	text-decoration: underline;
	color: #454545;
}

#send_friend {
	left:50%;
	position:absolute;
	text-align:left;
	top:258px;
	z-index:5;
}

#send_friend h2 {
	color: #999999; 
	font:normal 18px/45px Georgia, "Times New Roman", Times, serif;
	}

#send_friend #logo_friend, #why_sita #logo_friend {
 	text-align: center;
	background:url(images/logo.png) top center no-repeat; 
	height:40px; width:50px; z-index:7;
}

#send-friend_bg {
	background-color:#333;
	border:2px solid #000;
	height:453px; width:461px; 
	margin-top:220px; left:-213px; top:0px;
	opacity:0.75; 
	position:absolute;
	z-index:5;
}
#send-friend {
	background-color:#212121;
	height:376px;
	left:-185px; 
	margin-top:225px;
	overflow:hidden;
	padding:15px;
	position:absolute;
	top:20px;
	width:380px;
	z-index:6;
}
#send_friend input, #send_friend select {
	border:1px solid #1c5a22;
	margin-bottom:10px;
	width:211px;
}
#send_friend p, #why_sita p { 
	font-size: 12px;
	padding-top: 10px;
}

#send_friend p.gold, #why_sita p.gold { 
	color:#D5AC42;
	text-align:center;
	padding-top:5px;
} 

#send_friend p.friend_slogan, #why_sita p.friend_slogan { 
	color:#D5AC42;
	text-align:center;
	font: italic 18px/27px Tahoma, Arial, Helvetica, sans-serif; 
} 

.ttl_left {
	clear:none;
	width:55%;
}
.ttl, .ttl_left {
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
	display:block;
	float:left;
	height:20px;
	margin:0pt;
	overflow:hidden;
	padding:0pt;
	position:relative;
	text-indent:-9999px;
	width:96%;
}
.send-to-a-friend {
	text-align:center;
	background:url(/images/logo.jpg) top center no-repeat;
	height:60px;
}

ul#news li { color:#F9F9F9; font-size:11px; } 
ul#news li a { font-size:11px; color: #f9f9f9; text-decoration:underline; } 
ul#news li a:hover { text-decoration:none; } 
.fader{opacity:0;display:none;}
.fadeNext { display:inline; background-color:#212121; border-bottom:1px dashed #3E3E3E; color:#819F10; font: normal 14px/18px 'trebuchet ms', Arial;}