/* SHOW BG IMAGE for screen CSS - no inline mobile image */
html {
     overflow: -moz-scrollbars-vertical;
}

body {
	background-image:url(../images/kns-grad2.png);
	height: 100%;
	background-repeat: repeat;
	background-color: #dedede;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0; padding: 0; line-height: 20px;
}
body.mceContentBody	{
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
	font-size: small;}


.screen-img {background-image: URL(images/kns-grad.png); background-repeat: repeat-x;}
.mobile-img {display: none;}

.head {color: #375E89; font-size: 15px; text-decoration:none; font-weight:bold; margin:0;}

a:link 	  {font-size: small; color: #000aa5; text-decoration: none; font-weight: bold;}
a:visited {font-size: small; color: #000aa5; text-decoration: none; font-weight: bold;}
a:hover   {font-size: small; color: #9f0000; text-decoration: underline; font-weight: bold;}
a:active  {font-size: small; color: #000aa5; text-decoration: underline; font-weight: bold;}

a:link.hmenu 	{font-size: small; color: #000aa5; text-decoration: none;}
a:visited.hmenu {font-size: small; color: #000aa5; text-decoration: none;}
a:hover.hmenu   {font-size: small; color: #9f0000; text-decoration: underline;}
a:active.hmenu 	{font-size: small; color: #9f0000; text-decoration: underline;}

a:link.afoot 	{font-size: 11px; color: #140052; text-decoration: none;}
a:visited.afoot {font-size: 11px; color: #140052; text-decoration: underline;}
a:hover.afoot   {font-size: 11px; color: #8F6B00; text-decoration: underline;}
a:active.afoot 	{font-size: 11px; color: #140052; text-decoration: underline;}

h1 {font-size: 26px; font-style: italic; color: #9f0000; margin: 8px 0 10px 0; padding: 5px 0 10px 70px; text-align: left;}
h2 {font-size: 18px; font-style: italic; color: #9f0000; margin: 0 0 0 0; text-align: left;}
h3 {font-size: 16px; font-style: italic; color: #9f0000; margin: 0 0 0 0; text-align: left;}
h4 {font-size: 14px; font-style: italic; color: #9f0000; margin: 0 0 0 0; text-align: left;}

hr.hr1 {border: 0; margin: 5px; padding: 0; background-color: #375E89; color: #375E89; height: 1px;}
hr.hr2 {border: 0; margin: 5px; padding: 0; background-color: #FE2A14; color: #FE2A14; height: 1px;}
 
ul 		 {padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0;}
li		 {list-style-image:url(images/kns_li.png); font-size: small; padding: 1px; vertical-align:bottom;}
li.alert {list-style-image:url(images/kns_alert.png); font-size: small; padding: 1px; vertical-align:bottom;}

p			{padding: 0 7px 0 7px; margin: 0; font-size: small;}
p.first-p 	{text-align:justify; text-indent: 25px;}
p.pfoot		{font-size: 11px; color: #140052; font-weight: 700;}
p.bigbold 	{font-size: 13px; font-weight: bold;}
.p22 		{padding-top: 22px;}
.p20 		{padding-top: 20px;}
.p18 		{padding-top: 18px;}
.p16 		{padding-top: 16px;}
.p10 		{padding-top: 10px;}
.p12 		{padding-top: 12px;}
.p8  		{padding-top: 8px;}
.p6  		{padding-top: 6px;}
.p4  		{padding-top: 4px;}
.p2  		{padding-top: 2px;}
.p1  		{padding-top: 1px;}
p.menu		{padding: 0 130px 3px 0; font-size: small; color: #000aa5; text-align: right;}

td.menu-td  {background-image:url(images/kns_01.png); background-repeat: no-repeat; width: 1003px; height: 85px;}
td.bg1-td   {background-image:url(images/kns_02.png); background-repeat: no-repeat; width: 99px; height: 317px;}
td.bg2-td   {background-image:url(images/kns_03.png); background-repeat: no-repeat;  background-color: #4f5157; width: 1px; height: 317px;}
td.body1-td {background-image:url(images/kns_04.png); background-repeat: no-repeat; width: 804px; height: 27px;}
td.body2-td {background-image:url(images/kns_05.png); background-repeat: no-repeat; background-color: #FFFFFF; width: 5px; height: 285px;}
td.body3-td {background-image:url(images/kns_06.png); background-repeat: no-repeat; background-color: #FFFFFF; width: 794px; height: 285px;}
td.body4-td {background-image:url(images/kns_07.png); background-repeat: no-repeat; background-color: #FFFFFF; width: 5px; height: 285px;} 
td.body5-td {background-image:url(images/kns_08.png); background-repeat: no-repeat; width: 804px; height: 5px;}
td.body6-td {background-image:url(images/kns_09.png); background-repeat: no-repeat; background-color: #4f5157; width: 1px;  height: 317px;}
td.body7-td {background-image:url(images/kns_10.png); background-repeat: no-repeat; width: 98px; height: 317px;}
td.foot1-td {background-image:url(images/kns_11.png); background-repeat: no-repeat; width: 99px; height: 21px;}
td.foot2-td {background-image:url(images/kns_12.png); background-repeat: no-repeat; width: 806px; height: 21px;}
td.foot3-td {background-image:url(images/kns_13.png); background-repeat: no-repeat; width: 98px; height: 21px;}

select.normal {width: 206px;}
input.normal  {width: 200px; font-size: 13px;}
textarea.normal  {width: 425px; font-size: 13px;}


div.toggler {
	width: 760px;
	cursor: pointer;
	font-family:Verdana;
	border-width: 1px;
	border-style: solid;
	border-color: #375E89;
	margin: 0;
	padding: 4px;
}

div.element {
	width: 760px;
	border-width: 1px;
	border-style: solid;
	border-color: #375E89;
	margin-top: 2px;
	padding: 4px;
	text-align: left;
}


/* MooSlide */

.sample{padding:20px 0px; margin:4px 0 25px 0; border:1px solid #C6CDDB;}

#cont{width:435px; margin:0 auto;background:#fff;text-align:left;padding:20px;}
#cont8{width:435px; margin:0 auto;padding: 0 0 0 0;text-align:center;}

.buttons2{padding:8px 5px 5px 5px;}
.buttons2 span{color: #0000FF; padding:20px 5px 0 28px; cursor: pointer; text-decoration: none;}
.buttons2 span.active, .buttons2 span:hover{color: #9f0000; text-decoration: underline;}

.buttons{padding:5px;}
.buttons span{color: #000aa5; padding:0 5px 0 15px;cursor:pointer;text-decoration: underline;}
.buttons span.active, .buttons span:hover{color: #CC0000; text-decoration: underline;}

#box8{
	position:relative;
}
#box8 div{
	width:440px;
	float:left;
}
#box8 .buttons{
	text-align:left;
}
#box8 .next{
	float:right;
}

#boximg{
	position:relative;
}
#boximg div{
	width:345px;
	float:left;
}

#boxprojects{
	position:relative;
}
#boxprojects div{
	width:435px;
	float:left;
}

#boxprojects2{
	position:relative;
}
#boxprojects2 div{
	width:790px;
	float:left;
}


#boxservices{
	position:relative;
}
#boxservices div{
	width:790px;
	float:left;
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.maskclients{
	position:relative;
	width:440px;
	height:470px;
	overflow:hidden;
	float: left;
}

.maskclientsimg{
	position:relative;
	width:345px;
	height:450px;
	overflow:hidden;
	float: right;
}

.maskprojects{
	position:relative;
	width:435px;
	overflow:hidden;
}
.maskprojects2{
	position:relative;
	width:790px;
	height:350px;
	overflow:hidden;
	float: left;
}
span img{
	display:block;
	border:none;
}

/* blog styles */
div#blogcontainerdiv {
width: 100%;
margin: 0;
padding: 0;
}

div.blogpostdiv {
}

div.blogcontentdiv {
padding: 5px;
}


div#blogrightmenudiv{
position: absolute;
position: fixed;
top: 175px;
left: 50%;
padding: 5px 8px 8px 8px;
margin: 0 0 0 275px;
width: 134px;
float: right;
display: block;
background-color: #333333;
}

div.blogcommentsdiv {
width: 95%;
min-height: 50px;
max-height: 200px;
overflow : auto;
margin: 10px 0 0 0;
padding: 0 0 8px 0;
border: 1px dotted #375E89;
background-color: #ffffff;
text-align: left;
}

div.blogformlinks {
width: 100%;
float: left;
margin: 10px 0 0 5px;
padding: 0 0 10px 0;
}

h2.bloghead {color:#000000; font-size:14px; margin: 0; background-color: #ccc; display: block; padding: 4px; line-height: 22px; font-weight: 700;}
p.blogtitle {color:#ffffff; font-size:12px; margin: 0;}
p.blogdate {color:#ffffff; font-size:10px; margin: 3px 0 0 1px;}
p.blogcontent {color:#ffffff; font-size:11px; margin: 0;}
h4.blogcommenttitle {display: block; line-height: 20px; color:#375E89; font-size:14px; margin: 0; padding: 5px 5px 10px;}
p.blogcomment {color:#000000; font-size:11px; padding: 5px 5px 0 15px;}
p.blogmenup {font-weight: 600; color: #fff;}

hr.bloghr {border: 0; margin: 2px 0 0 5px; padding: 0; background-color: #AAAAAA; color:#cccccc; width: 100%; height: 1px;} 	 	 	 
hr.blogcommenthr {border: 0; margin: 2px; padding: 0; background-color: #AAAAAA; color:#cccccc; width: 95%; height: 1px;} 

input.blog {
	background-color: #eeeeee;
	border: 1px solid #375E89;
	height: 16px; 
}	 	 	 


textarea.blog {
	background-color: #eeeeee;
	border: 1px solid #375E89;
}