﻿*{margin:0; padding:0;}

html,body{height:100%; margin-bottom:0; padding-bottom:0;}
body{width:100%; font: 12px Arial, David, sans;  text-align:center; background: transparent url(../images/bg_gradient.gif) repeat-x top; behavior:url("csshover.htc");}
div, p, h2 { direction:rtl; text-align:right; }
h1 , h2 , h3 { float:right;}
img { border:none; behavior:url("iepngfix.htc")  }
h2 , h3 {float:right; /*color:#FFFFFF;*/ font-size:13px; font-weight:bold; height:28px;}
h2 img, h3 img { float:left; display:inline}

#wrapper {width:907px; margin:0 auto; }
div#header, div#bodysite { background: url(../images/body_bg_re.png) repeat-y; behavior:url("iepngfix.htc") } 
div#header { height:285px;}
div#header .anima { background:#f4fafe; margin-right: 19px; margin-left:19px; position:relative; height:208px;}
div#header .anima .logo { float:right; width:1px; height:1px; position:relative;}
div#header .anima .logo a { position:absolute; background:url(../images/skiza2_cut_05.png) no-repeat; z-index:1000000; display:block; width: 200px; height:95px; margin-right:-30px; margin-top:10px;behavior:url("iepngfix.htc") }

/* top buttons panel */
div#header .panel { height: 77px; background:url(../images/panel_bg.gif) repeat-x;}
div#header .panel .rightPan { width: 19px; height:77px; background:url(../images/right_nav_panel.gif); float:right; }
div#header .panel .leftPan { width: 236px; height:77px; background: url(../images/left_nav_panel.gif); float:left;}
div#header .panel div { width:646px; float:right; display:inline; }
div#header .panel ul { list-style:none; }
div#header .panel ul li { float:right;  background:url(../images/between_top_bt.gif) left no-repeat; display:inline;} 
div#header .panel ul li a { height:77px; display: inline-block;  color:#FFFFFF; font-size:14px; margin-left:12px; margin-right:12px; font-weight:bold; line-height:77px; text-decoration:none; _display: inline; _float:left;   } 
div#header .panel ul li a:hover { background:url(../images/top_roll.gif) bottom center  no-repeat;  }

div#bodysite {}
div#bodysite .rside { float:right; display:inline; width:220px; height:572px; margin-right: 21px;}

/* right buttons*/
div#bodysite .rside .rightBT { margin-top:4px;}
div#bodysite .rside .rightBT .header { height: 42px; background:url(../images/green_title_bg.gif) no-repeat; margin-bottom:6px;}
div#bodysite .rside .rightBT .header h2 { color:#FFFFFF; font-size:13px; font-weight:bold; *margin-right:13px; text-indent:13px; *text-indent:0px;  float:right; display:inline; line-height:35px;}
div#bodysite .rside .rightBT .body {}
div#bodysite .rside .rightBT .body ul { list-style:none;}
div#bodysite .rside .rightBT .body ul li {  height:28px;}
div#bodysite .rside .rightBT .body ul li a { background:url(../images/cat_bt.gif) no-repeat; height:28px;display:block; line-height:25px; color: #000000; font-size:13px; text-decoration:none; text-indent:22px;}
div#bodysite .rside .rightBT .body ul li a:hover { background:url(../images/cat_bt_roll.gif); color:#FFFFFF; }
div#bodysite .rside .rightBT .body ul li .selected {background:url(../images/cat_bt_roll.gif); color:#FFFFFF; }

/* recomendation */
div#bodysite .rside .recomand { margin-top:30px;}
div#bodysite .rside .recomand .header { height: 42px; background:url(../images/grey_title_bg.gif) no-repeat;}
div#bodysite .rside .recomand .header h2 {color:#FFFFFF; font-size:13px; font-weight:bold;  line-height:35px; margin-right:13px;  float:right; display:inline}
div#bodysite .rside .recomand .body { height: 150px; background:url(../images/recomanded_bg.gif) no-repeat; padding-top:5px;}
div#bodysite .rside .recomand .body span { color:#FFFFFF; font-size: 12px; display:block;  margin-right:13px; margin-left: 13px;} 
div#bodysite .rside .recomand .body strong { font-weight:bold;}





div#bodysite .lside { float:left; display:inline; width:220px; margin-left: 16px; }

/* contact left*/
div#bodysite .lside .leftContact { height:170px;}
div#bodysite .lside .leftContact .header { height: 51px; background: url(../images/contact_title.gif);}
div#bodysite .lside .leftContact form {}
div#bodysite .lside .leftContact form p { height:26px; margin-bottom:7px;}
div#bodysite .lside .leftContact form p input { border:1px solid #81ba35; height:26px; line-height:26px; width:150px; float:left; margin-left:10px; display:inline;}
div#bodysite .lside .leftContact form p input:active { border:1px #81ba35 dotted;}
div#bodysite .lside .leftContact form p span { text-align:right; width:40px; display: inline; float:right; height:26px; line-height:26px; margin-right:6px;}
div#bodysite .lside .leftContact form .submit { border:none; width: 156px; height:42px;float:left;padding-left: 7px; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/* new articals*/
div#bodysite .lside .newart { background:#FFFFFF }
div#bodysite .lside .newart .header { height: 42px; background:url(../images/green_title_bg.gif) no-repeat; margin-bottom:6px;}
div#bodysite .lside .newart .header h2 { color:#FFFFFF; font-size:13px; font-weight:bold; *margin-right:13px; text-indent:13px; *text-indent:0px; float:right; display:inline; line-height:35px;}
div#bodysite .lside .newart a { font-size:13px; color:#000000; display:block;  }
div#bodysite .lside .newart a:hover {}

/* logo company*/
div#bodysite .lside .logoComp {background-color:#FFFFFF;}
div#bodysite .lside .logoComp .logoplace { height:229px;  background:url(../images/bg-logo2.gif) right no-repeat;}
div#bodysite .lside .logoComp .logoplace img { text-align:center; margin-right:10px;}
div#bodysite .lside .logoComp .header {height: 42px; background:url(../images/grey_title_bg.gif) no-repeat;}
div#bodysite .lside .logoComp .header h2 {color:#FFFFFF; font-size:13px; font-weight:bold;  line-height:35px; margin-right:13px;  float:right; display:inline}



div#bodysite .midside { float:right; display:inline; width: 416px; margin-right:7px;}
div#bodysite .midside h1 { font-size:17px; font-weight:bold; text-align:right; color:#80b835; width: 416px;}

/* reocomand with pic main page*/
div#bodysite .midside .recom { margin-top:30px; }
div#bodysite .midside .recom a{ text-decoration:none; color:#80b835; text-decoration: underline; }
div#bodysite .midside .recom img { margin-right:12px; }
div#bodysite .midside .recom div { height:80px; margin-top:15px;}
div#bodysite .midside .recom div h3 { width:310px; display:block; color:#80b835; height:20px; margin-right:5px;}
div#bodysite .midside .recom div p { display:block; text-align:right; margin-right:5px; float:right; display:inline; width:310px;}
div#bodysite .midside .recom div img {float:right; display:inline; border:1px solid #343434; margin:0; }

/* bread cramp*/
div#bodysite .midside .breadcramp { margin-bottom:20px;}
div#bodysite .midside .breadcramp a { color:#80b835; }
div#bodysite .midside .breadcramp strong {}


/* articles */

div.news-article{
	width:200px;
	height:25px;
	padding: 0px 5px 10px 5px;
	margin: 0 0 10px 0;
}

div.news-article dl{height:7.5em;overflow:hidden;}div.news-article dl dt{margin:0 0 10px 0;}
div.news-article dl dt a{display:block;color:#c00;font-size:100%;}
div.news-article dl dd{font-size:100%;}
div.news-article dl dd a{}
div.post-datebox{float:right;width:30px;height:60px;margin:0px 5px 0 5px;font-weight:bold;font-size:70%;text-align:center;text-transform:lowercase;background:url('../images/bg-date.gif') no-repeat;
}
span.post-day{display:block;width:30px;height:20px;line-height:26px;color:#7EA02A;}
span.post-date{display:block;margin:2px 0 0 0;padding:2px 0;background:#7BA800;color:#fff;margin:0;}
span.post-month{display:block;text-transform:uppercase;color:#ccc;}


/* contact form*/
div#bodysite .midside .contactForm { margin-top:20px}
div#bodysite .midside .contactForm form { width: 400px; }
div#bodysite .midside .contactForm form fieldset { border:none;}
div#bodysite .midside .contactForm form fieldset label { float:right; display:block; width:400px; background:#f5f5f5; margin-bottom:2px; font-weight:bold;direction:rtl}
div#bodysite .midside .contactForm form fieldset label:hover { background:#deedcb}
div#bodysite .midside .contactForm form fieldset label span { color:#FF0000}
div#bodysite .midside .contactForm form fieldset label input { float: right; border:1px dotted #80b835; height:30px; display:block; width:270px; line-height:30px; margin-bottom: 9px; margin-top:3px;  }
div#bodysite .midside .contactForm form fieldset label textarea { float: right; border:1px dotted #80b835; height:60px; width:270px; margin-bottom: 9px;  }
div#bodysite .midside .contactForm form fieldset label select {  float: right; background-color:#FFFFFF; height:30px; width:270px;}
div#bodysite .midside .contactForm form .submit { border:none; width: 156px; height:42px; background: url(../images/contact_send.gif) no-repeat; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}


/* above footer txt*/
div#abovefooter { background: url(../images/body_bg_re.png) repeat-y; behavior:url("iepngfix.htc"); height:30px; margin:0; padding:0;}
div#abovefooter p { text-align:center; width:450px; margin: 0 auto}

/* footer*/
div#footer { background:url(../images/footer_bg.png) no-repeat top; font-size:0px; height: 25px; behavior:url("iepngfix.htc")}
div#footer div { width:220px; float:left; display:inline; height:15px; margin:0; margin-top:10px; font-size:11px; line-height:15px; }
div#footer div a { float:right; display:inline; font-weight:bold; color: #343434;line-height:10px;}
div#footer div span { float:right; display:inline;}
div#footer ul { font-size:11px;line-height:30px; list-style:none;  margin-right:20px; width:350px; }
div#footer ul li {  margin-left:7px; display:inline;}
div#footer ul li a { color: #343434 ; text-decoration:none; float:right; margin-right:3px; margin-left:3px; }
div#footer ul li span { float:right; font-size:11px; display:inline;line-height:10px;}
div#footer ul li a:hover { color:#81ba35;}

#myscroller {
position:relative; 
width:200px; height:120px; 
overflow:hidden; 
margin:5px; 
padding-top:20px;
}



div#bigblocks{}
div#bigblocks ul{list-style:none;margin:0;padding:0;}
div#bigblocks ul li{width:100%;float:right; height:80px; padding:0px;margin:10px 0 20px 0;}
div#bigblocks ul li.one,
div#bigblocks ul li.three{float:left;}
div#bigblocks ul li.two,div#bigblocks ul li.four{float:right;}

div#bigblocks ul li a{display:block;border: 1px solid #c6ec95;padding:10px;height:80px;background-color:#f5f5f5;background-position:bottom right;background-repeat:no-repeat;font-size:90%;text-decoration:none;color:#000}
div#bigblocks ul li a strong{display:block;font-size:140%;color:#8FC332;font-family:"trebuchet ms", sans-serif;}
div#bigblocks ul li a:hover{}div#bigblocks ul li a:hover strong{color:#c00;}

div#bigblocks ul li.one a{ background-image:url('../images/block-newbusiness.png')}
div#bigblocks ul li.one a:hover{ background-color:#e4f9c8;border: 1px solid #c6ec95;}

div#bigblocks ul li.two a{background-image:url('../images/block-houses.png')}
div#bigblocks ul li.two a:hover{ background-color:#e4f9c8;border: 1px solid #c6ec95;}

div#bigblocks ul li.three a{background-image:url('../images/block-ecommerce.png')}
div#bigblocks ul li.three a:hover{ background-color:#e4f9c8;border: 1px solid #c6ec95;}

div#bigblocks ul li.four a{background-image:url('../images/block-websitedesign.png')}
div#bigblocks ul li.four a:hover{ background-color:#e4f9c8;border: 1px solid #c6ec95;}
div#bigblocks ul .more {float:left;display:block;font-size:140%;color:#8FC332;font-family:"trebuchet ms", sans-serif;}
div#bigblocks ul li a:hover{border-color:#999;}


/* footer */

div#this-is-the-real-footer{float:left;clear:both;display:block;height:95px;width:100%;text-align:center;margin:0 0;padding:0 0 0 0;font-size:100%;color:#999;background: url('../images/bgfoot1.jpg') no-repeat;
}
div#this-is-the-real-footer ul{list-style:none;margin:0 0 0.5em 0;}
div#this-is-the-real-footer ul li{display:inline;}
div#this-is-the-real-footer ul li a{margin:0 0.5em;font-size:110%;}
div#this-is-the-real-footer p{text-align:center;}
p.standards {margin:8px 0 8px 0;color:#999;}
p.standards a{margin:18px 0 8px 0;color:#999; text-decoration:none;}

