/*---basic layout---*/
body, #basic {
    margin: 0;
	padding: 0;
	font: normal 9pt/1.6 "trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
	color: #6a6a6a;
	background: #9aaf5b url(../images/bg.jpg) 0 0;
	}
#contenier {
    width: 782px;
	height: auto!important;
	height: 1%;
	margin: 0 auto;
	padding: 18px 0 0 0;
	/*border: 1px solid #000;*/
	}
#topSide {
    height: 167px;
	margin: 12px 0 0 0;
	padding: 0;
	background: url(../images/bgTop.jpg) no-repeat 50% 0;
	}
#footer {
    clear: both;
    height: 63px;
	margin: 0;
	padding: 0;
	background: url(../images/bgFooter.jpg) no-repeat 50% 0;
	/*border: 1px solid #cc0000;*/
	}
#contentArea {
    display: table;
	width: 100%;
	height: auto!important;
	height: 1%;    
	margin: 0;
	padding: 0;
	background: url(../images/bgContent.jpg) repeat-y 50% 0;
	}
#logo {
    height: 82px;
	margin: 0;
	padding: 0;
	background: url(../images/logo.jpg) no-repeat 6px 0;
	}
/*---div---*/
#menu {
    position: absolute;
    height: 34px;
	margin: 0 0 0 14px;
	padding: 4px 0 0 0;
	z-index: 4;
	}
#wrap {
    position: relative; /*for IE6*/
	min-height: 378px!important;
	height: 100%;
	margin: -115px 0 0 0;
	padding: 0;
	/*border: 1px solid #ccc;*/
	}
#basic #leftSide, #leftSide {
    float: left;
    width: 370px;
	height: auto!important;
	height: 1%;
	margin: 0 0 0 14px!important;
	margin: 0 0 0 7px;
	padding: 0;
	background: url(../images/horseWear.jpg) no-repeat 50% 0;
	/*border: 1px solid #ccc;*/
	}
#leftSide {
    background: none;
	}
#rightSide {
    float: left;
    width: 360px;
	height: auto!important;
	height: 1%;
    margin: 0 0 0 10px!important;
	margin: 0 0 0 9px;
	padding: 368px 0 0 0!important;
	padding-top: 370px;
	background-image: none;
	}
#screen {
    position: absolute;
	top: -42px;
	right: -48px;
    width: 451px;
	height: 410px;
	padding: 0;
	z-index:2;
	}
#prace {
    width: 335px;
	height: auto!important;
	height: 1%;
	margin: 90px auto -5px auto!important;
	margin-bottom: -2px;
	padding: 0;
    }
.textArea {
    display: table;
    margin: 0;
	padding: 5px 10px;
	height: auto!important;
	height: 1%;
	}
#leftSide .textArea {
    padding: 5px 0 5px 20px;
	}
/*---links---*/
a {
    color: #7da626;
	text-decoration: underline;
	}
a:hover {
   color: #8bb92a;
   text-decoration: none;
   }
a#home, a#services, 
a#about, a#contact, a#links {
    display: block;
	width: 99px;
	height: 38px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(../images/home.jpg) no-repeat -1px 0;
	}
a:hover#home {
    background-position: -1px -38px;
	text-decoration: none;
	}
a#services {
    background: url(../images/services.jpg) no-repeat 0 0;
	 }
a#about {
    background: url(../images/about.jpg) no-repeat 0 0;
	}
a#contact {
    background: url(../images/contact.jpg) no-repeat 0 0;
	}
a#links {
    background: url(../images/links.jpg) no-repeat 0 0;
	}
a:hover#services, a:hover#about,
a:hover#contact, a:hover#links {
    background-position: 0 -38px;
	text-decoration: none;
	}
/*---h1,...,span---*/
#menu ul, #menu ul li {
    margin: 0;
	padding: 0;
	list-style: none;
	}
#menu ul li {
    float: left;
	}
p {
    margin:0;
	padding: 0;
	}
#footer p {
    font-size: 8pt;
	color: #2b2b2b;
	}
#feedback p {
    padding-left: 11px;
	}
h4 {
    margin: 8px 0 8px -8px;
	padding: 2px 0 2px 8px;
    font-size: 11pt;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background-color: #a2a2a2;
	}
ul.ln, ul.ln li {
    list-style: none;
	margin: 0;
	padding: 0;
	}
ul.ln li {
    margin-bottom: 6px;
	}
span.red {
    color: #cc0000;
	}
/*---img---*/
img {
    display:block;
    border: none;
	}
#screen img {
    display: block;
	width: 451px;
	height: 410px;
	}
#prace img {
    display: block;
	width: 335px;
	height: 168px;
	}
img.left {
    float: left;
	margin: 5px 8px 5px 0;
	padding: 3px;
	border: 1px solid #a2a2a2;
	}
/*---form---*/
form {
    margin: 0;
	padding: 8px 0 0 0;
	}
input.feed, .feedText {
    width: 300px;
	margin: 1px 0 1px 18px;
	padding: 0;
	border: 1px solid #ccc;
	}
.feedText {
    height: 155px;
	}
/*---table---*/
.textArea table {
    font-size: 8pt;
	}
.textArea table tr td {
    padding: 4px 0;
	}
.textArea table tr td.cent {
    text-align: center;
	} 
/*---hack Opera8...---*/
@media all and (min-width: 0px)
{ body#basic #contentArea { margin: 0 0 -10px 0;} }

@media all and (min-width: 0px)
{ body #contentArea { margin: 0 0 -63px 0;} }

@media all and (min-width: 0px)
{ body .textArea { padding: 5px 5px 5px 0;} }