html, body {
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#96892f;
text-align:right;
direction:rtl;
background-color:#3b1f0f;
}




#top {
background:#f0ebdd url(images/clouds.gif) repeat-x;
height:197px;


}

#top a {
color: #d88f2b;
text-decoration:none;

}

#top a:hover {
text-decoration:underline;




}


#header {
width:880px;
margin:0 auto;
background:url(images/trees.gif) 100px 5px no-repeat;
height:197px;
position:relative;

}

#karny {
position:absolute;
top: 25px;
right:20px;


}

#web_design {
position:absolute;
top: 29px;
right:250px;


}

#lessons {
position:absolute;
top: 29px;
left:0px;


}


#portfolio {
position:absolute;
right:20px;
bottom:0px;


}

#toptext {
position:absolute;
right:20px;
top: 75px;
line-height:20px;
width:400px;
text-align:justify;

}


#xmain {
background-color: #63422f;



}


#thumbs {
width:840px;
margin:0 auto;


}

#lessons_text {
	background-color:#3b1f0f;
	padding:15px;



	
	}

#lessons_text h2 {
	margin:0;
	padding: 10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#f0ebdd;
		
	}
#lessons_text p {
 color: #d39f4f;
	margin:0;
	padding: 10px 0 20px 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#cc8c2b;
	
	}
	
#lessons_text a{color:#e5d7b6;}	
	
.thumb {
background-image:xurl(images/thumb_bg.jpg);
background-color:#3b1f0f;
width:190px;
height:210px;
float:right;
margin: 24px 0 0 0;
padding:0;
color: #c5bca7;
}


.thumb:hover, .thumb:hover a {
background-color: #ebe4d1;
color:#3b1f0f;
}


.rightm {
margin: 24px 0 0 26px;

}

.thumb_row {
}

.clr {
clear:both;

}

.imgborder {
border:1px solid #a49e8b;
margin: 3px 4px 0 0;


}

.imgcaption{
margin: 3px 6px 0 0;
}

.imgcaption a {
color:#C5BCA7;

}

#bottom {
background-color:#3b1f0f; }


#footer {
width:840px;
margin:0 auto;
background:url(images/roots.gif) 97px  0px no-repeat;
position:relative;
height:72px;
padding: 20px 0 0 0;
color: #a59c87;
}