/*

---------------------------------
author:		Corner Studio SRL
email:		mail@corner.md
website:	http://cornerstudio.ru
---------------------------------

*/

@import 'reset.css';
@import 'carousel.css';

/* SITE CSS */
html { width:100%; height:100%; }
	body {  font-family:Tahoma; color:Black;  width:100%; height:100%; }
	body .clear { clear:both; }
		body a {  }
		body a:hover { text-decoration:none; }

		#wrapper  { width:1000px; }

		#logo { width:71px; height:63px; display:block; background:url(i/logo.png) right bottom no-repeat; padding-left:51px; padding-top:96px; }
			#logo a { display:block; width:71px; height:63px; }
				#logo span { display:none; }

		#menu { padding-top:38px; width:280px; }
			#menu li {  }
				#menu li.branding a.link { display:block; width:94px; height:14px; background:url(i/menu.png) -200px 0px; margin-top:6px; }
				#menu li.links a.link { display:block; width:94px; height:14px; background:url(i/menu.png) -600px 0px; margin-top:6px; }
				#menu li.contact a.link { display:block; width:94px; height:14px; background:url(i/menu.png) -1000px 0px; margin-top:6px; }
				#menu li.selected a.branding { background:url(i/menu.png) 0px 0px; zoom:1; }
				#menu li.selected a.links { background:url(i/menu.png) -400px 0px; zoom:1; }
				#menu li.selected a.contact { background:url(i/menu.png) -800px 0px; zoom:1; }
					#menu li.branding a.link span { display:none; }
					#menu li.links a.link span { display:none; }
					#menu li.contact a.link span { display:none; }
				#menu li ul { padding-top:3px; margin-bottom:-3px; position:relative; overflow:hidden; display:none; }
				#menu li.selected ul { display:block; }
					#menu li ul li { padding-top:2px; padding-bottom:3px; font-size:10px; padding-left:51px; height:11px; }
						#menu li ul li a { color:black; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
						#menu li ul li a:hover { color:#999; }
						#menu li ul li.selected a { color:#999; }

		#content { width:720px; position:absolute; left:280px; top:203px; display:block; }

			/* CONTACT */
			#content #contact { width:360px; overflow:hidden; position:relative; display:block; }
				#content #contact form {  }
					#content #contact form #answer { color:#838383; font-size:13px; font-weight:bold; font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; }
						#content #contact form #answer .notification-ok { width:227px; height:14px; background:url(i/sent.png); }
							#content #contact form #answer .notification-ok span { display:none; }
						#content #contact form #answer .notification_error { color:red; padding-bottom:10px; }
					#content #contact form fieldset {  }
						#content #contact form fieldset .input { height:31px; width:360px; display:block; font-size:1px; }
							#content #contact form fieldset .input input { width:357px; padding-left:1px; outline:medium none; line-height:1; font-size:13px; color:black; border:1px solid #b2b2b2; background:white; font-family:inherit; }
							#content #contact form fieldset .input input.inactive { color:#999; }
						#content #contact form fieldset .message { width:360px; height:210px; display:block; font-size:1px; }
							#content #contact form fieldset .message textarea { width:357px; padding-left:1px; height:198px; font-size:13px; color:black; border:1px solid #b2b2b2; background:white; line-height:1.3; font-family:inherit; }
							#content #contact form fieldset .message textarea.inactive { color:#999; }
						#content #contact form fieldset .button { width:360px; height:31px; display:block; font-size:1px; text-align:right; }

			/* PROJECTS */
			#content #portfolio { width:600px; height:425px; overflow:hidden; position:relative; }
				#content #portfolio ul { height:400px; display:block; float:left; }
					#content #portfolio ul li { width:600px; height:400px; float:left; }
				#content #portfolio img { width:600px; height:400px; }

			#content #breadcrumbs { width:600px; height:4px; display:block; position:absolute; left:0px; top:406px; overflow:hidden; }
				#content #breadcrumbs ul { width:600px; height:4px; display:block; background:#b2b2b2; }
					#content #breadcrumbs ul li { float:left; height:4px; display:block; font-size:3px; }
					#content #breadcrumbs ul li.black { background:black; }