body { background-color: #FFFFFF; margin: 50px 50px 50px 50px; padding: 0px; }
body.page1 { width: 900px; }
body.page2 { width: 1850px}

#bigscreen { }
#smallscreen { float: right; clear: right; padding-bottom: 50px;  }
#bigitem {padding-right: 15px; float: left; }
#smitem { padding-bottom: 30px; clear: both; float: left; }

.title { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
#smitem .title { margin: 0px 5px 0 5px; padding: 0px 5 2 5; font-weight: bold;
				font-size: 10px; float: left; width: 210px; text-transform: uppercase; }
#bigitem .title { background-color: #BBBBBB; margin: 0px 5px 0 5px; padding: 5px; float: left;
				width: 290px; font-size: 30px; }
		
.descr { font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; }
#smitem .descr { background-color: #999999; clear: both; margin: 0px 5px 0; padding: 5px; width: 210px; font-size: 10px;
				clear: both; float: left; }
#bigitem .descr { background-color: #999999; margin: 0px 5px 0; padding: 5px; width: 290px; font-size: 10px; clear: both; float: left; }

#bigitem a { color: #FFFFFF; text-decoration: none; }
#bigitem a:hover { color: #FF6633;  }
#smitem a { color: #FFFFFF; text-decoration: none; background-color: #FF6633; }
#smitem a:hover { color: #FFFFFF; background-color: #333333; }


.img { }
#bigitem .img { border: 5px solid #E4E4E4; }
#smitem .img { border: 5px solid #E4E4E4; }
#bigitem .img:hover { border: 5px solid #BBBBBB; }
#smitem .img:hover { border: 5px solid #BBBBBB; }

#navigation { float: left; clear: left; padding-left: 5px; }
#navigation a { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #666666; 
				padding-right: 15px; text-decoration: none; font-weight: bold; }
#navigation a:hover { color: #333333; }
#navigation.top { padding-top: 0px; padding-bottom: 10px; }
#navigation.main { padding-top: 50px; padding-bottom: 30px; }

#newsbox { float: left; clear: left; padding-bottom: 50px; padding-left: 5px; }
#newsbox #news { padding-bottom: 10px; float: left; clear: both; }
#news .date { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #FF6633; float: left; clear: both; }
#news .message { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; width: 500px;
				float: left; clear: both; }
#news a { color: #444444; font-weight: bold; text-decoration: none; }
#news a:hover { color: #FF6633; }
				
#head { padding: 5px; float: left; clear: both; margin-bottom: 30px; }
#head .header { text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; 
				color: #FF6633; }

#projectlist { float: left; clear: both; padding-bottom:30px; }
#projectlist #pitem { float: left; clear: left; display: table; padding-bottom: 15px; padding-right: 10px; }
#pitem .title { padding: 2 5 2 5px; margin: 5 5 5 5px; font-weight: bold; font-size: 10px; clear: both; text-transform: uppercase; 
				display: table-cell; }		
#pitem .descr { padding-left: 5px; margin-top: 5px; background-color: #BBBBBB; font-size: 10px; clear: both;  width: 400px;
				display: table-cell; padding-right: 5px; }
#pitem a { color: #FFFFFF; text-decoration: none; background-color: #FF6633; }
#pitem a:hover { color: #FFFFFF; background-color: #333333; }
#pitem .img { border: 5px solid #E4E4E4; vertical-align: top; }
#pitem .img:hover { border: 5px solid #BBBBBB; }


#content { padding-left: 5px; padding-bottom:50px; clear: both; float: left; }
#content #citem {  font-family: Geneva, Arial, Helvetica, sans-serif;  float: left;   }
#content #citem #cbody { background-color: #BBBBBB; float:left; padding: 5px; padding-right: 10px; }
#content #citem #cbody #ccitem { margin-bottom: 0px; padding: 0px; font-size: 10px; float: left; clear: both; }
#content #citem #cbody #ccitem a { text-decoration: none; color: #FF6633; font-weight: bold; }
#content #citem #cbody #ccitem a:hover { color: #000000; }
#content #citem #cbody #ccitem .norm { margin-left: 10px; margin-bottom: 10px; color: #333333; clear: both; float:left; }
#content #citem #cbody #ccitem .marked {  color: #000000; font-weight: bold; text-transform: uppercase; float:left; }

#content .head { padding: 3 6 3 15; margin-left: 5px; font-weight: bold; font-size: 10px; text-transform: uppercase; 
				 color: #FFFFFF; text-decoration: none; background-color: #FF6633;
				font-family: Geneva, Arial, Helvetica, sans-serif;  float:left;}

#content .header { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FF6633; float: left; clear: both; 
					padding-bottom: 10px; }
#content .descr { width: 500px; font-size: 10px; clear: both; float: left; padding-bottom: 30px;}
#content .gallery { clear: both; float: left;   }
#content #credits #creditsbox { display: table-cell;   padding-left: 30px; }
#content #credits { padding-bottom: 30px; clear: both; display: table;}
#content .creditsimg { border: 5px solid #E4E4E4; vertical-align: top; }
#content #credits #creditsbox .left {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; 
						text-transform: uppercase; width: 120px; padding-bottom: 0px;  float: left; clear:both;}
#content #credits #creditsbox .right {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	clear: both;
	float: left;
	left: 110px;
	top: -12px;
	position: relative;
}

#content .border { border: 5px solid #E4E4E4; margin-right: 15px; margin-bottom: 15px; }
#content .border:hover { border: 5px solid #BBBBBB;  }

#content a { color: #444444; font-weight: bold; text-decoration: none; }
#content a:hover { color: #FF6633; }