/* common */
html {height: 100%}
body {padding:0; margin:0; position: relative; height: 100%;  background: url(/design/images/fon.gif) left repeat-y}
body, td, th {
  font-family: arial, sans-serif;
  font-size: 14px;    
}



/* blocks */

div#logoblock {position: absolute; left: 40px; top: 28px;  display: block; width: 200px;  }

div#leftcolumn { display: block; width: 220px; position: absolute; left: 13px; top: 110px; z-index:2}
div#menu { display: block; width: 212px; padding: 4px}
div#ads {background-color: #ff7c37; margin-top: 18px; display: block; width: 170px;  padding-left: 50px; padding-top: 30px; padding-bottom: 30px; border: 1px solid #dadada;}

div#content {padding-left: 290px;  padding-top: 110px;}
div#topad {position: absolute; left: 270px; top: 10px;}




/* logo */

#logoblock {  background: url(/design/images/roboguru.gif) no-repeat;}

.logotext a{font-size: 200%; text-indent: -500px; width: 100%; display: block; text-decoration: none; }
.logo1 {color: #dddddd}
.logo2 {color: #ffffff}
.slogan {padding-left: 35px; font-size: 100%; color: #dddddd; font-family: Tahoma, sans-serif }



/* styles */


a {color: #cc4700; }
a:hover {color: #e95f1b}

/*  div {border: solid 1px black} */

.comments {padding-top:20px}


/* menu */
div#menu {background-color: #ff7c37; border: 1px solid #dadada;}

#menu ul { margin:0; padding:0; list-style: none;}
#menu a
{

	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-left: 10px;
	line-height: 1.5em;
	display: block;
	margin: 0px;
	color: black;  
	text-decoration: none; 
	width: 200px; 
	display:block; 
	font-size: 110%;
}

#menu ul ul a
{
	background-color: #ff7c37; 
	border: 0;
	font-weight: normal;
	width: 150px;
	font-size: 90%;

}

#menu em {display:block}

#menu ul ul {padding-left:15px}
#menu li em a {font-weight: bolder; font-style: normal; text-decoration: none; color: white; }
#menu  a:hover { text-decoration: underline }


h1 {color: #e95f1b;  margin-top: 0px; padding-top: 0px; font-size: 20px}
h2 {color: #e95f1b;  margin-top: 0px; padding-top: 0px; font-size: 15px}

b {color: #666666}
.header {font-size: 18px; border-bottom: solid 1px #999999; color: #666666; display: block; font-weight:bold}
.header2 {background-color: lightblue; display:block; padding-left:18px; padding-top:4px;}
.content {padding: 18px; padding-top: 18px; padding-bottom: 36px}
.form {margin:0px; padding:0px}
.free {color: red}
.label {display:block; width: 100px; float: left}
hr {height: 1px; }
.download {border: solid 1px gray; padding:10px; margin:20px 0}
.header3 {padding-left: 20px}

.message {color: red; margin: 10px 0}
textarea {width: 400px; height: 150px}

.comment {margin-bottom: 20px; width: 300px; border: dotted 1px gray}
.commentname {font-style: italic; color: gray; font-weight: bolder; font-size: 110%}
.commentcomment {margin-top: 10px}
.commenttime {color: gray}

#robogurufret {display:block; width:500px; height:80px;  }
#downloadlayer {float:right; width: 220px; padding: 10px; background-color: #e95f1b; margin-right: 20px; margin-left: 20px}
#downloadlayer a {display: block; color: white}
div#thankyou {margin-top: 1em; font-weight: bold}