html {
}
body {
width: 100%;
height: 100%;
background: transparent url('header_repeat.jpg') repeat-x top left;
text-align: center;
}
p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
text-align: left;
line-height: 32px;
color: #616567;
}
br.cl {
clear: both;
height: 0;
line-height: 0;
}
div#backgr {
width: 100%;
height: 324px;
background: transparent url('h_bg_01.jpg') no-repeat top center;
}
div#t1 {
width: 960px;
height: 225px;
margin: 0px auto;
}
div#t2 {
width: 960px;
height: 99px;
margin: 0px auto;
}
div#t2 img {
height: 99px;
width: 960px;
margin: 0;
padding: 0;
}
div.t1l {
float: left; width: 760px; height: 225px; text-align: left;
}
div.t1r {
float: left; width: 200px; height: 225px;
}
a.logo {
display: block;
width: 207px;
height:73px;
background: transparent url('logo.png') no-repeat;
position: relative;
left: 80px;
top: 75px;
*cursor: pointer;
}
ul#topnav {
width: 200px;
height: 192px;
margin-top: 5px;
}
ul#topnav li {
height: 32px;
width: 155px;
margin-left: 30px;
text-align: left;
padding-left: 14px;
}
ul#topnav li a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
text-transform: capitalize;
line-height: 32px;
color: #fff;
}
ul#topnav li a:hover {
color: #c1f0ff;
}
li.home {
width: 80px;
}
li.about{
width: 74px;
}
li.services{
width: 74px;
}
li.products{
width: 98px;
}
li.contacts{
width: 121px;
}
li.offers{
width: 104px;
}
a.medium {
width: 97px;
}
a.big {
width: 120px;
}
a.small:hover{
background: transparent url('navh_ss.png') no-repeat;
}
a.medium:hover {
background: transparent url('navh_ms.png') no-repeat;
}
a.big:hover {
background: transparent url('navh_bs.png') no-repeat;
}

/*******CONTENT*********/
.content {
width: 960px;
margin: 0px auto;
}
.lcolumn, .rcolumn {
width:440px;
}
.lcolumn {
float: left;
margin-right: 40px;
margin-bottom: 20px;
}
.rcolumn {
float: left;
margin-left: 40px;
margin-bottom: 20px;
}
h1, h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
width: 440px;
height: 27px;
line-height: 0px;
*line-height: 16px; /* ie 6 and ie 7 */
line-height: 18px\9; /* ie 8 */
text-align: left;
}
h1 {
background: #fff url('h_blue.jpg') no-repeat;
color: #007ec4;
}
h2 {
background: #fff url('h_green.jpg') no-repeat;
color: #84c71b;
}
h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #616567;
font-size: 14px;
text-align: left;
margin-bottom: 5px;
}
.lcolumn p, .rcolumn p{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
width: 440px;
color: #818181;
margin: 10px 0;
}
img.left {
float: left;
display: block;
width: 131px;
height: 86px;
margin: 10px 10px 0 0;
}
a.moreb, a.moreg {
display: block;
width: 68px;
height: 24px;
text-align: left;
}
a.moreb {
background: #fff url('more_blue.jpg') no-repeat;
}
a.moreg {
background: #fff url('more_green.jpg') no-repeat;
}
a.moreb span, a.moreg span {
position: relative;
left: 12px;
top: 2px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
}
a.moreb:hover span, a.moreg:hover span {
text-decoration: underline;
} 
span.b {
font-weight: bold;
}
/******* FOOTER *********/

div#footer {
height: 95px;
width: 100%;
background: transparent url('footer_repeat.jpg') repeat-x top left;
}
div#footertop {
width: 960px;
height: 95px;
background: transparent url('footer.jpg') no-repeat top right;
margin:0px auto;
}
div#footerl {
width: 520px;
height: 76px;
float: left;
padding-top: 19px;
}
div#footerl p {
text-align: left;
color: #818181;
}
div#footerr {
width: 440px;
height: 76px;
float: right;
padding-top: 19px;
}
div#footerr p {
text-align: right;
color: #818181;
}
div#footerr p a {
color: #818181;
}
div#footerr p a:hover {
color: #616567;
}
p.aa {
height: 24px;
line-height: 24px;
background: #fff url('aa.jpg') no-repeat right top;
padding-right: 6px;
}
p.aa span {
font-style: italic;
}
div#footerr p.aa a{
color: #fff;
}
div#footerr p.aa a:hover{
color: #c1f0ff;
}
/*****SLIDER/ROTATOR******/
    div#slider {
	position:relative;
	width: 440px;
	height:136px;
}
	div#slider ul li {
	float:left;
	position:absolute;
	left: 0px;
	top:0px;
}
	div#slider ul li img {
	background: #FFF;
	width: 440px;
	height: 136px;
}
    div#slider ul li.show {
	z-index:500;
}
/****** CONTACTS **********/
input, select {
width: 200px;
*width: 188px; /* ie 6 and ie 7 */
border: 1px solid #84c71b;
}
textarea {
border: 1px solid #84c71b;
width: 440px;
height: 150px;
}
input.s {
width: 108px;
height: 24px;
background: #fff url('submit.jpg') no-repeat;
color: #fff;
border: 0;
}
form.contacts {
width: 440px;
}
form.contacts div {
width: 200px;
float: left;
}
form.contacts div p {
width: 200px;
}
/****************************PRODUCTS*************************/
div.selectcontainer {
width: 960px;
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
padding-top: 13px;
height: 280px;
}
#cat1, #cat2, #cat3, #cat4 {
text-align: left;
float: left;
background-color: #83bad1;
height: 284px;
padding-top: 10px;
border: 2px solid #97cbe1;
}
#cat1 {
width: 176px;
margin-right: 30px;
}
#cat2 {
width: 406px;
margin-right: 30px;
}
#cat3 {
width: 306px;
}
#cat1 li a{
display: block;
width: 156px;
height: 22px;
margin: 0px 10px;
padding-top: 5px;
border-bottom: 1px solid #97cbe1;
}
#cat2 li a{
display: block;
width: 386px;
height: 22px;
margin: 0px 10px;
padding-top: 5px;
border-bottom: 1px solid #97cbe1;
}
#cat3 li a{
display: block;
width: 286px;
height: 22px;
margin: 0px 10px;
padding-top: 5px;
border-bottom: 1px solid #97cbe1;
}
#cat3 li a:hover, #cat2 li a:hover, #cat1 li a:hover {
color: #1e5369;
}
#c1 {
background: transparent url('cat1.jpg') no-repeat left center;
}
#c2 {
background: transparent url('cat2.jpg') no-repeat left center;
}
#c3 {
background: transparent url('cat3.jpg') no-repeat left center;
}
#c4 {
background: transparent url('cat4.jpg') no-repeat left center;
}
#c1 span, #c2 span, #c3 span, #c4 span {
position: relative;
left: 25px;
top: 0;
}
div.pag {
width: 960px;
height: 30px;
background: #fff url('pag_bgs.jpg') repeat-x;
margin-bottom: 20px;
}
div.pag p {
color: #7bb2cb;
text-align: center;
margin: 0px auto;
}
div.pag p a {
display: block;
width: 20px;
height: 30px;
color: #7bb2cb;
float: left;
margin-left: 3px;
}
div.pag p a.cur, div.pag p a:hover {
display: block;
width: 20px;
height: 30px;
color: #fff;
background-color: #81b7cf;
}
div.pag p a.prevnext {
display: inline;
width: 70px;
margin: 0;
}
div.pag p a.prevnext:hover {
display: inline;
background: #fff;
color: #c2c2c2;
width: 70px;
margin: 0;
}
/*****PRODUCTS*****/
table.product {
width: 960px;
vertical-align: middle;
}
table.products tr {
}
table.products tr td {
width: 300px;
padding: 10px; 
background: transparent;
}
table.products tr td img {
width: 100px;
float: left;
margin-right: 20px;
}
table.products tr td p {
width: 180px;
line-height: 20px;
float: left;
}
table.products tr td p a{
font-size: 14px;
color: #7bb2cb;
}
table.products tr td p a:hover {
color: #1e5369;
}
table.products tr td p span {
font-style: italic;
}
div.backbtg {
}
a.backbtn {
display: block;
width: 92px;
height: 24px;
background: #fff url('back.jpg') no-repeat;
padding-left: 10px;
}
a.backbtn span {
position: relative;
left: 20px;
top: 2px;
}