@charset "utf-8";
/* CSS Document */

/*all*/
html { height: 100.1%}

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border:0; margin: 10px 0 0 0; background: #4d6363; color: #c0c2c0;}

a { color: #abdc7d; outline: none;}

a img { border:0;}

ul { list-style: none; margin: 0; padding: 0; border: 0;}

h1, h2, h3, h4 { border: 0; margin: 0; padding: 0;}

p { padding: 0; margin: 5px 0;}

form { width: 270px; height: 305px; margin: 10px 0 0 0; padding:0; border:0; background:url(../../include/images/contact.png) no-repeat;}

fieldset {border:0; padding: 46px 0 0 11px; margin:0;}

label { height: 24px;border:0; padding:0; margin:0;}

input {width: 248px; height: 24px; border: 0; margin: 0 0 5px 0; padding: 3px; float:left; clear: both; color: #C0C2C0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}

textarea {width: 242px; height: 150px; border: none; margin: 0; padding: 3px; background:#484b48; color:#C0C2C0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}


.greenbold { color: #abdc7d; font-weight:bold;}

/* layout */

#container {
	margin: auto; width: 960px; overflow:hidden;}

#logo {width: 125px; float:left;}

	#logo h1 {width: 125px; background: url(../../include/images/logo.png) no-repeat center top; height: 119px; display:block; margin-top: 20px;}

	#logo span { display: none;}
	
	#logo a {width: 125px; height: 104px; position: relative; margin-top: -125px; display:block;}




/* design */

#content { float:left; width: 535px;  border-left: 1px solid #697879; padding: 0 0 0 10px;}
	
	a.buton { width: 94px; height: 24px; background: url(../../include/images/toogle_.png) 0 -24px; display: block; text-indent: -9999px; margin: 5px 5px 0 0; float:left;}
	a.buton:hover { background: url(../../include/images/toogle_.png) 0 0;}
	
	a.ascunde { width: 64px; height: 24px; background: url(../../include/images/hide_.png) 0 -24px; display: block; text-indent: -9999px; margin: 5px 5px 0 0; float:left;}
	a.ascunde:hover { background: url(../../include/images/hide_.png) 0 0;}

	#menu { overflow: hidden; margin: 10px 0 0 0; width: 535px;}
	
		#menu li {float:left; text-indent: -9999px;}
		
		.abouttxt { padding: 10px 0; clear: both;}
		
	#concept { width: 535px; height: 63px;}
	
		#concept h2 { height: 63px; width: 107px; display: block; margin-left: 0; float:left; background: url(../../include/images/concept.png) no-repeat 0 50%; text-indent: -9999px;}
		
		#concept ul { height: 63px; width: 400px; display: block; float:left; background: url(../../include/images/conceptUL.png) 100% 0 no-repeat; }
		
		#concept li { float:left;}

	/* last progect */
	
	#lastprject { width: 321px; float:left; clear:both;}

		#lastprject h3 {width: 325px; height: 40px; background: url(../../include/images/lastproject.png) 0 50% no-repeat; text-indent: -9999px;}
		
		#lastprject li { border-top: 1px solid #69886b; padding-top: 10px; margin-bottom: 5px;}

			a.lastpro00 { width: 321px; height: 106px; display: block; background: url(../../include/images/lastwork/last.musemodels.png) 0 0; text-indent: -9999px; }
			
			a.lastpro00:hover { background: url(../../include/images/lastwork/last.musemodels.png) 0 -106px; }
			
			a.lastpro01 { width: 321px; height: 106px; display: block; background: url(../../include/images/lastwork/last.baraka.png) 0 0; text-indent: -9999px; }
			
			a.lastpro01:hover { background: url(../../include/images/lastwork/last.baraka.png) 0 -106px; }
			
			#lastprject li span {color: #abdc7d; font-size: 10px;}	

	#sampleonlineproj { margin: 0 0 0 10px;}
	
		#sampleonlineproj h3 {width: 190px; height: 40px; background:url(../../include/images/sampleonline.png) 0 50% no-repeat; text-indent: -9999px;}
		
		#sampleonlineproj  li { margin-bottom: 5px}
	
/*#sidebar { margin: 0 0 0 670px; padding: 17px 0 0 0; }

	#sidebar h3 { width: 270px; height: 40px; background:url(../../include/images/download.png) 0 0 no-repeat; text-indent: -9999px;}
	
	#downloadul a { width: 270px; border-top: 1px solid #757975; display:block; font-size: 12px; text-decoration: none; padding: 5px 10px; color:#c0c2c0;}
	
	#downloadul a:hover { border-top: 1px solid #abdb7d; background: #566b6b;}*/

#sidebar { margin: 0; padding: 10px 0 0 0; width: 280px;}

	#sidebar .download { height: 40px; background:url(../../include/images/download.png) 0 0 no-repeat; text-indent: -9999px;}
	
	#downloadul a { width: 250px; border-top: 1px solid #757975; display:block; font-size: 12px; text-decoration: none; padding: 5px 10px; color:#c0c2c0;}
	
	#downloadul a:hover { border-top: 1px solid #abdb7d; background: #566b6b;}
	
	a.send { width: 51px; height: 21px; display: block; background: url(../../include/images/send.png) no-repeat 0 0; text-indent: -9999px; float:right; margin: 5px 10px 0 0;}
	a.send:hover { background: url(../../include/images/send.png) no-repeat 0 -21px;}
	
	.clienti { width: 270px; height: 24px; background: url(../../include/images/clienti.png) 0 0 no-repeat; text-indent: -9999px; border-bottom: 1px solid #757975; margin-top: 15px;}
	
	.frends { width: 270px; height: 24px; background: url(../../include/images/frends.png) 0 0 no-repeat ; text-indent: -9999px; border-bottom: 1px solid #757975;  border: 1px sol red; margin-top: 15px;}
		
	.clientii a { width: 220px; display:block; padding: 5px 10px 5px 40px; border-bottom: 1px solid #757975; background:url(../../include/images/folder.png) no-repeat 5px 10px; font-size: 12px; text-decoration: none;  color:#c0c2c0;}
	
	.clientii a:hover { border-bottom: 1px solid #abdb7d; background: url(../../include/images/folderover.png) no-repeat 5px 10px #566b6b;}