@import "reset.css";
@import "reset.css";
body { behavior:url("csshover2.htc"); } 
body {
	font: 11px/15px Tahoma;
	color: #4877a1;
	background: url(../img/bodybg.jpg) no-repeat center top;
}
a, a:active, a:link, a:visited { text-decoration: none; color:#003366;}
a:hover { text-decoration: underline}


strong { font-weight: bold }
.holder { position: relative; width: 935px; margin: 0 auto}
#header {
	float: left;
	width: 100%;
	height: 356px;
	padding-top: 10px;
}
#header .logo {float: left;margin: 0 0 0 24px}
#header .holder {
	height: 356px;
	width: 935px;
	background: url(../img/headerbg.jpg) no-repeat left bottom;
}
#header ul li a:hover {text-decoration:none;}
#content .collumn.onlyone p.obok { float: right; padding:0; width: 170px }
#header ul {float: left;display: inline;margin: 25px 0 0 24px}
#header ul li { float: left; margin-right: 10px; position: relative  }
#header ul li a {
	float: left;
	width: 76px;
	height: 29px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	
}
td {font-size: 14px; vertical-align:middle;}
#header ul li.about-us a  { background: url(../img/m_aboutus.gif); }
#header ul li.about-us a:hover,
#header ul li.about-us a.act { background: url(../img/m_aboutush.gif)  }
#header ul li.products a,
#header ul li.products a.act { background-image: url(../img/m_productts.gif)}
#header ul li.products a:hover,
#header ul li.products a.act { background-image: url(../img/m_producttsh.gif)}
#header ul li.services a,
#header ul li.services a.act { background:url(../img/m_service.gif); width: 58px}
#header ul li.services a:hover,
#header ul li.services a.act {  background:url(../img/m_serviceh.gif)}
#header ul li.works a,
#header ul li.works a.act { background: url(../img/m_works.gif); width: 88px}
#header ul li.works a:hover,
#header ul li.works a.act {background: url(../img/m_worksh.gif) }
#header ul li.contact a,
#header ul li.contact a.act { background: url(../img/m_contact.gif); width: 69px}
#header ul li.contact a:hover,
#header ul li.contact a.act {background: url(../img/m_contacth.gif)}

#header ul li ul {  display: none; }
#header ul li:hover ul {
	position: absolute;
	margin:0;
	width: 196px;
	clear: left;
	background: url(../img/submenubg.gif) no-repeat left top;
	top: 29px;
	padding: 10px 8px;
	display: block;
	text-decoration: none;
}
#header ul li ul li {float: left;margin: 0;width: 212px}
#header ul li ul li a { background: none;}
#header ul li ul li a,
#header ul li.products ul li a,
#header ul li.services ul li a,
#header ul li.works ul li a,
#header ul li.contact ul li a {
	color: #fff;
	text-indent:0;
	font-size: 11px;
	line-height: 15px;
	background:none;
	float: left;
	width: 212px;
	height: 20px;
}
#header ul li ul li a:hover,
#header ul li.about-us ul li a:hover,
#header ul li.products ul li a:hover,
#header ul li.services ul li a:hover,
#header ul li.works ul li a:hover,
#header ul li.contact ul li a:hover {background: none;text-decoration: underline}
#header form {
	float: right;
	width: 170px;
	margin: 5px 42px 0 0;
	display: inline;
}
#header form span {
	float: left;
	background: url(../img/labeltop.gif);
	width: 78px;
	height: 20px;
	font-size:0;
	line-height: 0;
	text-indent: -999%;
}
#header form input {
	float: left;
	background: url(../img/topforminp.gif) no-repeat;
	width: 97px;
	border: none;
	color: #fff;
	font-family: tahoma;
	font-size: 11px;
	padding: 6px 0 7px 12px;
	margin-top: 5px;
}
#header form input.sublimit {
	padding: 0;
	width: auto;
	margin: 10px 0 0 8px;
	display: inline;
}
#header form a {
	float: left;
	width: 150px;
	color: #fff;
	font-size: 10px;
	padding: 3px;
}
#about-us {
	float: left;
	width: 413px;
	color: #fff;
	clear: both;
	margin: 27px 0 0 485px;
	padding-left: 27px;
	display: inline;
}
#about-us h3 {
	float: left;
	background: url(../img/h3aboutus.gif) no-repeat;
	height: 48px;
	width: 440px;
	margin-left: -27px;
	display: inline;
	text-indent: -9999%;
	font-size: 0; line-height: 0;
}
#about-us p {float: left;width: 343px;margin-top: 19px;margin-left: 19px;}
#about-us a.more {
	float: left;
	clear: left;
	width: 62px; height: 23px;
	background: url(../img/amore.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	margin-top: 15px;
	margin-left: 19px;
	display: inline;
}
#content {float: left;width: 100%}
#content.three-collumns {background: #ecf6ff url(../img/three.gif) no-repeat top}
.three-collumns .holder { width: 895px;padding-left: 40px }
#content .collumn {float: left;width: 270px;padding: 30px 0 0 30px;}
#content .collumn h3 {
	text-indent: -9999%;
	font-size: 0;
	line-height: 0;
	float: left;
	width: 100%;
	height: 25px;
}
#content .partners h3, #content .works h3.partners {background: url(../img/h3partners.gif) no-repeat}
#content .partners h3, #content .works1 h3.partners {background: url(../img/h3partners.gif) no-repeat}
#content .partners img { float: left; margin-top: 15px;}
#content .partners P { margin:0px; padding:0px; }
#content .news h3 {background: url(../img/h3news.gif) no-repeat}
#content .works h3 {background: url(../img/h3lastwork.gif) no-repeat}
#content .works { width: 240px; padding-left: 40px; }
#content .works1 h3 {background: url(../img/h3news.gif) no-repeat}
#content .works1 { width: 240px;  margin-left: 80px;}
#content .collumn  dl {float: left;width: 235px; margin-top: 8px;}
#content .collumn a.see-all {
	float: left;
	background: url(../img/seeall.gif) no-repeat top center;
	width: 290px;
	color: #4877a1;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 15px;
	text-decoration: underline;
	margin: 10px 0 0 -30px;
}
#content .collumn.works a.see-all { width: 260px; }
#content .collumn.works img { border: 3px solid #fff; margin-top: -3px; float: left;}
#content .collumn.works p {width: 220px; padding: 2px 0 0 3px; float: left; clear: left; }  
#content .collumn.works1 a.see-all { width: 260px; }
#content .collumn.works1 img { border: 3px solid #fff; margin-top: -3px; float: left;}
#content .collumn.works1 p {width: 220px; padding: 2px 0 0 3px; float: left; clear: left; }  

#content .collumn dl img {border: 3px solid #cce5fb}
#content .collumn dl a {font-weight: bold;color: #4877a1}
#content .collumn dl dt {float: left;width: 65px}
#content .collumn dl dd {float: left;width: 170px}
#content .collumn dl dd a {width: 170px;float: left}

#footer {float: left;width: 100%; height: 147px;background: #5f91b2;color: #173044}
#footer p {float: left;width: 280px;margin-top: 15px}
#footer p a {color: #173044}
#footer ul {
	float: left;
	background: url(../img/footerspacer.gif) no-repeat;
	height: 63px;
	padding: 15px;
}
#footer ul li {display: inline}
#footer ul li a { padding: 0 6px 0 5px; color: #173044; background: url(../img/footerullia.gif) no-repeat right 3px }
#footer ul li:last-child a { background: none}
#footer ul li a:hover { color: #fff}
#footer a.contact {
	float: right;
	width: 257px;
	height: 98px;
	background: url(../img/footercontact.jpg) no-repeat;
	margin-right: 35px;
	display: inline;
	text-indent: -9999%;
	font-size: 0; line-height: 0;
}

/* O FIRMIE */

#content.two-collumns {background: #ecf6ff url(../img/twocolls.gif) no-repeat top}
#content.two-collumns .works {float: right;padding-bottom: 20px}
#content .works h3.partners {margin-top: 12px}
#content .works img.part {display: inline; margin: 5px 0 0 15px;border: 0}
#content .collumn.onlyone {width: 535px}
#content .collumn.onlyone p {float: left;width: 356px}
#content .collumn.onlyone h3 {
	font-size: 18px;
	text-indent: 0;
	line-height: 20px;
	font-weight: bold;
	font-style: italic;
	height: 32px;
}

/* PRODUCTS */
#products1 { float: left; padding-bottom: 30px}
#products1 div {
	background:#F5FAFF none repeat scroll 0%;
border:1px solid #CBE0F1;
float:left;
margin-top:2px;
padding:10px;
width:135px;
margin-right:20px;
height:105px;
margin-bottom:15px; 
}
#products1 div a { color: #4877a1; font-weight: bold}
#products1 div img {float: left;margin-right: 10px;display: inline;margin-bottom: 5px;}

#products { float: left; padding-bottom: 30px}
#products div {
	float: left;
	background: #f5faff;
	padding: 10px;
	border: 1px solid #cbe0f1;
	width: 507px;
	margin-top: 2px;
}
#products div a { color: #4877a1; font-weight: bold}
#products div img {float: left;margin-right: 10px;display: inline}

/* contact */
#content .collumn.onlyone.contact {
	background: url(../img/contactbg.gif) no-repeat;
	padding-bottom: 30px;
}
#content .collumn.onlyone.contact p {
	float: left;
	width: 200px;
	clear: left;
	margin-top: 10px;
}
#content .collumn.onlyone.contact form {
	float: right;
   width: 235px;
   margin-top: -120px;
   position: relative;
}
#content .collumn.onlyone.contact form input,
#content .collumn.onlyone.contact form textarea {
	float: left;
	clear: left;
	font-weight: bold;
	font-family: tahoma;
	font-size: 11px;
	color: #4877A1;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 5px;
}
#content .collumn.onlyone.contact form input {
	background: url(../img/input.gif) no-repeat;
	width: 104px;
	border: none;
}
#content .collumn.onlyone.contact form input.submit {
	width: auto;
   padding:0;
   clear: both;
   position: absolute;
   bottom: -25px;
   right: 28px; 
}
#content .collumn.onlyone.contact form textarea
{
	border: 1px solid #c2d6dc;
	background: #ecf6ff;
	width: 195px;
	height: 85px;
}

/*added*/
table { float: left}
#content ul {list-style-type:circle; float: left; margin: 2%; width:98%; padding-left:15px ; margin-left:15px;}