@font-face { Font-family: Corbel; src: url('corbel.ttf');}
body, html { font-size: 12px; font-family: Corbel, sans-serif; color: #bababa;}
.clear { clear: both;}
.hover { color: #4c4c4c; cursor: pointer;}
.activ { color: #4c4c4c!important;}


#wrap { width:685px; margin: 0 auto;}
#header { display: block; width: 655px; margin-top: 80px; padding-left: 30px; height: 14px; }
#header h1.title { display: block; width: 625px; font-size: 12px; text-transform: uppercase; font-weight: normal;  /*height: 14px; background: url(../img/archtitects-valentin-irena.gif) no-repeat;*/}
#header h1.title span.valentin { display: block; float: left; width: 218px; text-align: left; color: #4c4c4c;font-size:12px;}
#header h1.title span.archtitects { display: block; float: left; width: 188px; text-align: center; color: #bababa;font-size:12px;}
#header h1.title span.irena  { display: block; float: left; width: 218px;text-align: right; color: #4c4c4c;font-size:12px;}
#header h1.title a { text-decoration: none; outline: none; cursor: pointer; font-size:12px;}
#header h1.title a:hover span.archtitects { color: #4c4c4c;}


.main { position: relative; left: 30px; display: block; width:685px; height: 400px;}
.main-left{ position: absolute; left: 280px; top: 160px;}
.main-left img, .main-left a { border:0px; outline: none;}
.main-right { position: absolute; right:346px; top: 160px;}
.main-right img, .main-right a { border:0px; outline: none;}

.nav-left{ position: absolute; left:-30px; top: 160px;}
.nav-left img, .nav-left a { border:0px; outline: none;}
.nav-right{ position: absolute; right: 30px; top: 160px;}
.nav-right img, .nav-right a { border:0px; outline: none;}

a.left { display: block; width: 30px; height: 63px; background: url(../img/logo-left.jpg) no-repeat 0px 0px;}
a.left:hover { background-position: -33px 0px;}
a.right { display: block; width: 30px; height: 63px; background: url(../img/logo-right.jpg) no-repeat -36px 0px;}
a.right:hover { background-position: -3px 0px;}

.main-body { position: relative; float: left; display: block; width: 685px;  margin: 0 auto; padding-top: 0px;}
.main-body .content { padding: 0px 15px 0px 15px; font-family: tahoma, arial, sans-serif; text-align: left; color: #808080;}


#top-menu { display:block; width: 655px; height: 50px; margin-top: 0px; margin-left: 0px; padding-left: 0px; }
#top-menu ul { display: block;list-style: none;margin-left: 30px; padding-left: 0px; margin-top:-20px; padding-top:0;}
#top-menu ul li { display: block; float: left; padding-right: 10px; font-weight: normal; /*border: 1px solid green;*/}
#top-menu ul li.architecture { width: 207px;}
#top-menu ul li.design { width: 166px;}
#top-menu ul li.photography { width: 155px;}
#top-menu ul li.about { width: 90px;}
#top-menu ul li.contact { width: 120px; text-align: right; float: right; padding-right: 0px;}
#top-menu a { color: #bababa; font-size: 12px; text-transform: uppercase; font-family: corbel, sans-serif; font-weight: normal; text-decoration: none;}
#top-menu a:hover { color: #4c4c4c; cursor: pointer;}

#main-top-menu { display:none; position: relative; width: 655px; margin-top: 0px; margin-bottom: 7px; margin-left: 0px; padding-left: 0px;}
#main-top-menu ul { display: block; list-style: none; margin-top: -20px;margin-left: 30px; padding-left: 0px;}
#main-top-menu ul li { display: block; float: left; padding-right: 10px; font-weight: normal;}
#main-top-menu ul li.architecture { width: 207px;}
#main-top-menu ul li.design { width: 166px;}
#main-top-menu ul li.photography { width: 155px;}
#main-top-menu ul li.about { width: 90px;}
#main-top-menu ul li.contact { width: 120px; text-align: right; padding-right: 0px; float: right;}
#main-top-menu a { color: #bababa; font-size: 12px; text-transform: uppercase; font-family: corbel, sans-serif; font-weight: normal; text-decoration: none;}
#main-top-menu a:hover { color: #4c4c4c;}
#main-top-menu p, #top-menu p { display: inline;}


/*#level-2-menu { display: block; clear: both; margin-top: 10px;}
#level-2-menu a:hover { color: #9c9e9c;}
.level-2-menu-hover { color: #9c9e9c;}*/

ul.level-2 { display: block; width: 400px; position: absolute; clear: both; top: 530px; float: left; margin-left: 0px!important;}
ul.level-2 li { display: block!important; float: none!important; margin: 3px 0px; text-transform: uppercase;}
ul.level-2 li.closed { display: block!important;}
ul.level-2 ul li { text-transform: capitalize;}

ul.last-menu { display: block; clear: both; float: left; margin-left: 5px!important; margin-top: 0px!important; padding-bottom: 7px;}
ul li ul.last-menu li { display: block; margin: 0px!important; cursor: pointer; }
ul li ul.last-menu li a { font-size: 11px; text-transform: capitalize!important;}
ul li ul.last-menu li a:hover { color:#4c4c4c;}

span.sub-menu { display: block; float: left;}
.sub-design { padding-left: 217px!important;}
.sub-photo { padding-left: 302px!important;}

.contact_content { display:none; float: right; width: 300px; padding-right: 30px; text-align: right; margin-top: 10px; padding-top:0px;}
.contact_content p { margin-top: 0; padding-top:0; color: #4c4c4c;}
.contact_content a { color: #4c4c4c; text-decoration: none;}
.contact_content a:hover { text-decoration: underline;}


.content .about-valentin { display: block; float: left; width: 180px; padding-right: 15px;}
.content .about-photo { display: block; float: left; width: 215px;}
.content .about-irena { display: block; float: right; width: 170px;}
.content p { font-size: 12px; font-family: Corbel, sans-serif;}


/*#level-2-menu ul { display: block; list-style: none; padding-left: 28px;}
#level-2-menu ul li { text-transform: uppercase; padding: 3px 0px;}
#level-2-menu ul ul li { text-transform: capitalize; padding: 2px 0px; cursor: pointer;}
#level-2-menu ul ul { padding-left: 10px;} */

/* Easy Slider */

#slider { display: block; width: 625px;  height: 400px; overflow: hidden; background-color: #F2F2F2; color: #000000; margin-bottom: 0px; padding-bottom: 0px;}
#slider ul, #slider li { margin:0; padding:0; list-style:none;}
#slider ul { float: left; display: block;}
#slider li { width:625px; height:400px; overflow:hidden; margin: 0 auto; position: relative;}
#slider li > img {
position: absolute;
    left: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    right: -100%;
}
#slider li a { display: inline; float: left; color: #808080; font-size: 12px; text-transform: uppercase; font-family: corbel, sans-serif;}
		/*
	#prevBtn, #nextBtn{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}
	#nextBtn{
		left:696px;
		}
	#prevBtn a, #nextBtn a{
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a{
		background:url(images/btn_next.gif) no-repeat 0 0;
		}
*/
/* // Easy Slider */