* {margin: 0; padding: 0;}
html {direction: rtl;}
img {border: 0; font-size: 0; line-height: 0;}
fieldset {border: 0;}
.clear {clear:both; font-size: 0; line-height: 0;}

body {background-color: #f0e5d0; color: #000; font: normal 100% arial,tahoma,verdana,sans-serif; margin: 0 auto; text-align: center;}
	
a {color: #000;}
a:hover {text-decoration: none;}

/* Base */
#base {margin: 0 auto; text-align: right; width: 980px;}

	/* TopBar */
	.top-bar {background: url('../images/top-bar.png'); height: 95px; margin: 0 auto; width: 980px;}
	
		/* Logo */
		.logo {display: inline; float: right; font-size: 0; height: 80px; line-height: 0; margin: 5px 0 0 0; width: 181px;}
		.logo img {display: block; height: 67px; margin: 5px auto 0; width: 103px;}
		
		/* Menu */
		.menu {display: inline; float: right; height: 57px; margin: 17px 85px 0 0; width: 479px;}
		.menu li, .menu li a {font-size:0; height: 57px; line-height: 0; width: 157px;}
		.menu li.spacer, .menu li a {background: url('../images/menu-li-a.png') no-repeat 0 0;}
		.menu li {display: inline; float: right; list-style-type: none;}
		.menu li a {display: block;}
		.menu li a span {display: none;}
		.menu li.spacer {background-position: -942px 0; width: 2px;}
		.menu li.profile-link a {background-position: -785px 0;}
		.menu li.projects-link a {background-position: -471px 0;}
		.menu li.contact-link a {background-position: -157px 0;}
		.menu li.profile-link a:hover, .menu li.profile-link a.active {background-position: -628px 0;}
		.menu li.projects-link a:hover, .menu li.projects-link a.active {background-position: -314px 0;}
		.menu li.contact-link a:hover, .menu li.contact-link a.active {background-position: 0 0;}
		
		/* Languages */
		.languages {display: inline; float: left; height: 24px; margin: 34px 0 0 40px;}
		.languages li {display: inline;}
		.languages li a {display: inline-block; font-size: 0; height: 24px; line-height: 0; width: 24px;}
		
	/* ContentContainer */
	.cc-cover, .cc {width: 980px;}
	.cc-cover {background: url('../images/cc-cover.png') no-repeat 0 100%; min-height: 415px; height: auto !important; height: 415px; padding: 0 0 150px; position: relative;}
	.cc {background: url('../images/cc.png') no-repeat 100% 0; padding: 10px 0 0;}
	
		/* HomeFlash */
		.home-flash {height: 422px; width: 980px;}
		
		/* DesignCredit */
		.design-credit {bottom: 24px; display: block; height: 113px; left: 6px; padding: 0; position: absolute; width: 12px;}
		
		/* Content */
		.content {margin: 0 201px 0 0; width: 755px;}
		.content .header {color: #515151; font-size: 1.5em; font-weight: normal;}
		.content .text {color: #3d3d3d; font-size: 0.875em;}
		.content .text .list {list-style-type: none; margin: 0 25px 5px 0;}
		.content .text p {margin: 0 0 5px;}
		.content .text .five-dots {display: block; margin: 10px auto;}
		.content .contact-us {background: url('../images/contact-us.png') repeat-y 370px 0; font-size: 0.875em; padding: 5px 0; width: 620px;}
		.content .contact-us li {background: url('../images/bulletin.png') no-repeat 100% 6px; display: inline; float: right; letter-spacing: 1px; margin: 5px 0; padding: 0 10px 0 0; width: 300px;}		
		.content-image-contact {background: url('../images/content-image-contact.jpg') no-repeat 0 100%; padding: 0 0 150px 0;}
		.content-image-profile {background: url('../images/content-image-profile.jpg') no-repeat 0 100%; padding: 0 0 150px 0;}
		
		/* Projects */
		.projects {margin: 0 auto; width: 980px;}
		
			/* Projects > Nav */
			.projects-nav {direction: ltr; display: inline; float: right; margin: 0 auto; width: 175px;}
			.projects-nav li {list-style-type: none;}
			.projects-nav .header {margin: 0 0 10px 0;}
			.projects-nav .sub-header {margin: 0 0 5px 0;}
			.projects-nav h2 {background: url('../images/projects-nav-header.png') repeat-x 0 0; color: #fff; font-size: 1em; line-height: 18px; margin: 0 auto 5px; padding: 0 30px 0 0;}
			.projects-nav h3 {background: url('../images/bulletin.png') no-repeat 150px 6px; color: #505050; font-size: 0.875em; margin: 0 auto; padding: 0 30px 0 0;}
			.projects-nav ul li ul li {font-size: 0.8125em; line-height: 17px;}
			.projects-nav ul li.before-button:hover,
			.projects-nav ul li ul li:hover {background: url('../images/menu-li-hover.png') no-repeat 0 0;}
			.projects-nav ul li ul li a {background: url('../images/bulletin.png') no-repeat 140px 6px; color: #505050; display: block; padding: 0 40px 0 0; text-decoration: none;}
			.projects-nav ul li.before-button a {background: url('../images/bulletin.png') no-repeat 150px 6px; color: #505050; display: block; font-size: 0.8125em; margin: 0 auto; padding: 0 30px 0 0; text-decoration: none;}
			.projects-nav h2, .projects-nav h3, .projects-nav a {direction: rtl;}
			
			/* Projects > Gallery */
			.gallery {display: inline; float: left; width: 800px;}
			
				/* Projects > Gallery > fullSizeImage */
				.gallery #fullSizeImage {display: inline; float: right; background: url('../images/gallery-fullSizeImage.png') no-repeat 0 0; height: 498px; width: 656px;}
				.gallery #fullSizeImage img {display: none; height: 487px; left: 4px !important; top: 2px !important; width: 646px;}
				
				/* Project > Gallery > Thumbs */
				.gallery .thumbs {display: inline; float: left; height: 498px; position: relative; width: 128px;}
				.gallery .thumbs .thumbs-up, .gallery .thumbs .thumbs-down {display: block; font-size: 0; height: 22px; line-height: 0; position: absolute; right: 44px; width: 42px;}
				.gallery .thumbs .thumbs-up {background: url('../images/gallery-thumbs-up.png') no-repeat 0 0; top: 0;}
				.gallery .thumbs .thumbs-down {background: url('../images/gallery-thumbs-down.png') no-repeat 0 0; bottom: 0px;}
				.gallery .thumbs #divCont {height: 448px; position: relative; visibility: hidden; overflow: hidden; right: 0; top: 25px; width: 128px;}
				.gallery .thumbs #divText {position: absolute; overflow: hidden; right: 0; top: 0; width: 128px;}
				.gallery .thumbs #divText li {background: url('../images/gallery-thumbs-img.png') no-repeat 0 0; height: 107px; list-style-type: none; margin: 0 0 6px; padding: 1px 5px 0 0; width: 123px;}
				.gallery .thumbs #divText li img {cursor: pointer; display: block; height: 90px; width: 120px;}
				
				/* Projects > Gallery > ProjectInfo */
				.gallery .project-info {clear: both; color: #515151; margin: 0 6px 0 0; padding: 10px 0 0; width: 646px;}
				.gallery .project-info .nav {margin: 0 auto 5px;}
				.gallery .project-info .nav li {display: inline; font-size: 0.9375em; list-style-type: none; vertical-align: middle;}
				.gallery .project-info .text {font-size: 0.875em; line-height: 1.3em; text-align: justify;}
				
	/* Footer */
	.footer {direction: ltr; font: normal 0.75em Lucida Grande; width: 980px;}
	
		/* KeepinTouch */
		.keep-in-touch {background: url('../images/keep-in-touch.png') repeat-x 0 0; height: 20px; text-align: center; width: 980px;}
		.keep-in-touch li {color: #fff; display: inline; line-height: 20px;}
		.keep-in-touch li a {color: #fff; text-decoration: none;}
		.keep-in-touch li a:hover {text-decoration: underline;}
		
		/* CopyRights */
		.copyrights {background: url('../images/copyrights.png') no-repeat 35px 0; color: #6d6d6d; line-height: 26px; text-align: center;}
		
/* z-index property list 
	*because of stupid IEBUG */
.gallery .thumbs {z-index: 990;}
.cc-cover {z-index: 980;}