@font-face {
	font-family: 'SteelfishBD';
	src: url('../fonts/steelfish_bd-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/steelfish_bd-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/steelfish_bd-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/steelfish_bd-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/steelfish_bd-webfont.svg#SteelfishBD') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'SteelfishEB';
	src: url('../fonts/steelfish_eb-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/steelfish_eb-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/steelfish_eb-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/steelfish_eb-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/steelfish_eb-webfont.svg#SteelfishEB') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'SteelfishRG';
	src: url('../fonts/steelfish_rg-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/steelfish_rg-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/steelfish_rg-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/steelfish_rg-webfont.svg#SteelfishRG') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}


body{background:#ffffff;min-width:1005px;color:#5f5b5b;font-family:"SteelfishBD"}
#main{height:100%;width:100%;}
.edgeLoad-EDGE-32326459 {display:none;}

/*common styles*/
::-moz-selection { color: white;  background: grey; }
::selection      { color: white;  background: grey; } 

.title{text-align:center;margin:0 auto;width:100%;}
.title .line{vertical-align:middle;}
.title .line div{height:1px;min-width:200px;background:#5f5b5b;}
.title .title-center{text-align:center;color:#2b2b2c;font-weight:bold;padding:0 15px;vertical-align:top;}
.title .title-center img{vertical-align:baseline;}

.slide-title .title{width:899px;}
.title .title-center{padding:0;}

/*slides settings*/
#scroller{height:100%;}
.slide{width:100%;min-height:200px;}
.slide-content{width:899px;margin:0 auto;overflow:hidden;}
.slide-title{height:18px;background:#ffffff;}
#contacts{border-bottom:6px solid #5f5b5b;background:url('../img/contact_background.jpg') repeat;height:770px !important;}

/*web sites*/
.site-of-day{background:url('../img/site_of_day.png') left;width:69px;height:105px;display:block;position:absolute;left:0;z-index:10;}
.site-of-day:hover{background-position:right;}
.awesome-design-link{background:url('../img/awesome_design.png') left;width:164px;height:160px;display:block;position:absolute;right:0;z-index:10}
.awesome-design-link:hover{background-position:right;}


/*head slide css*/
#head{min-height:1000px;border-top:6px solid #5f5b5b;background:url('../img/header_background.jpg') repeat; position:relative;}

#top{margin-top:2px;position:relative;z-index:10;}
.stage-content{position: absolute;
    top: 0;
    width: 100%;}
.stage-content .stage {
    margin: 0 auto;
    width: 1005px;
}
#head #Stage{
    background-color: rgba(255, 255, 255, 0);
    height: 950px;
    margin-left: -80px;
    position: relative;
    width: 1005px !important;

}
#logo{margin:0 auto;display:block;}
#menu{list-style:none;position:absolute;top:100px;padding-left:30px;}
#menu li{float:left;margin-right:25px;}
#menu li a{padding:0 10px;display:block;}
#menu li a:hover{background:url('../img/dot.gif') left 55% repeat-x;}
#menu .right-menu-item{margin-left:190px;}
#menu .last-menu-item{margin-left:-10px;}

.new-work{background:url('../img/words/new_work.gif') center 100% no-repeat;padding-bottom:20px;}

.icon-star{background:url("../img/icons/star_menu_small.png") no-repeat;height:13px;width:14px;display:block;}
.icon-star-big{background:url("../img/icons/star_menu_BIG.png") no-repeat;height:19px;width:21px;display:inline-block;margin:0 5px;vertical-align:middle;}
#hello{margin:0 125px;width:591px;height:237px;display:block;}

#bottom{margin-top:420px;z-index:10;position:absolute;}
.contact-links{font-size:35px;margin-left:185px;}
.contact-links .contact-link{text-decoration:none;color:#5f5b5b;padding:0 10px;}
.contact-links .contact-link:hover{background:url('../img/dot2h.gif') left 60% repeat-x;}
.contact-links i{vertical-align:middle;}
.contact-links .additional{margin-left:70px;margin-top:0;}
.contact-links .additional span{float:left;display:block;}
.behance-icon{background:url('../img/behance.png') no-repeat left;display:block;width:96px;height:30px;float:left;margin-left:5px;margin-top:10px;}
.behance-icon:hover{background-position:right;}

/*websites slide css*/
#webSites{background:url('../img/websites_backgroud.jpg') repeat;padding-bottom:50px;}
.monitor{height:622px;width:695px;margin:30px auto;}
.monitor-gif{height:622px;width:695px;background:url('../img/monitor_gif.png') no-repeat;position:relative;overflow:hidden;}
.monitor-gif a{margin:31px 0 0 33px;display:block;}

.monitor-pic{height:622px;width:695px;background:url('../img/monitor_pic.png') no-repeat;overflow:hidden;}
.monitor-pic a{margin:21px 0 0 30px;display:block;}

.website-work{padding:10px 25px;}

.work-title{font-size:60px;margin:0 0 20px 0;overflow:hidden;}
.work-descr{font-size:35px;font-family:"SteelfishRG";line-height:40px;overflow:hidden;margin:15px 0;}
.work-gallery{overflow:hidden;margin:0 auto;}
.work-gallery .work-gallery-item{float:left;margin:15px;text-align:center;}
.work-gallery .work-gallery-item-first{margin-left:0;}
.work-gallery .work-gallery-item-last{margin-right:0;}
.work-awards{overflow:hidden;margin:0 auto;}
.work-awards td a{margin:0 15px;}
.work-link{text-align:center;display:block;width:100%;margin:25px 0 10px 0;color:#5f5b5b;font-size:45px;}
.work-link a{color:#5f5b5b;font-size:45px;text-decoration:none;padding:0 10px;}
.work-link a:hover{background:url('../img/dot2h.gif') left 60% repeat-x;}
.work-separator{width:10px;}
.work-separator .line div{width:auto;min-width:50px;margin:0 10px;}
.work-separator .line i{margin:0 5px;}

.gallery-link{height:195px;width:260px;display:block;}
.gallery-link:hover i{display:block;}
.gallery-link:hover img{display:none;}
.on-behance{height:195px;width:260px;background:url('../img/behance_MO.jpg') no-repeat;display:none;position:absolute;}
.on-website{height:195px;width:260px;background:url('../img/site_MO.jpg') no-repeat;display:none;position:absolute;}
.on-download{height:195px;width:260px;background:url('../img/download_MO.jpg') no-repeat;display:none;position:absolute;}
.on-dribble{height:195px;width:260px;background:url('../img/dribbble_MO.jpg') no-repeat;display:none;position:absolute;}

.css-award-link{background:url("../img/icons/css-design-award.png") no-repeat left;height:78px;width:79px;display:block;margin:0 auto;}
.css-award-link:hover{background:url("../img/icons/css-design-award.png") no-repeat right;}
.ripley-award-link{background:url("../img/icons/ripley-award.png") no-repeat left;height:78px;width:79px;display:block;margin:0 auto;}
.ripley-award-link:hover{background:url("../img/icons/ripley-award.png") no-repeat right;}
.divine-award-link{background:url("../img/icons/devine-award.png") no-repeat left;height:78px;width:79px;display:block;margin:0 auto;}
.divine-award-link:hover{background:url("../img/icons/devine-award.png") no-repeat right;}
.new-link{background:url("../img/icons/new_badge.png") no-repeat left;height:78px;width:79px;display:block;margin:0 auto;}
.award-link{background-repeat: no-repeat; background-position: left;height:78px;width:79px;display:block;margin:0 auto;}
.award-link:hover{background-position: right;}
.toplink{background:url("../img/icons/top.png") left no-repeat;display:block;margin:10px auto;height:38px;width:38px;}
.toplink:hover{background-position:right;}

/*interfaces slide css*/
#interfaces{background:url('../img/ui_background.jpg') repeat;padding-bottom:50px;}
.interface-work{padding:10px 25px;}
.interface-img{text-align:center;display:block;}

/*logos & videos slide css */
#icons{background:url('../img/other_background.jpg') repeat;padding-bottom:50px;}
.icons-work{padding:10px 25px;}
.video iframe{margin:0 auto;border:6px solid #fff;outline:1px solid #000;display:block;overflow:hidden;}
.icons{width:100%;}
.icons td{padding:10px 0;}
.icons tr{vertical-align:middle;}

/*contacts slide css*/
.contacts-block{padding:20px 25px 0 25px;}
.social-buttons{margin:-70px 0  0 70px;overflow:hidden;}
.social-button{float:left;margin:0 30px;width:79px;height:78px;text-align:center;padding-top:170px;text-decoration:none;font-family:"SteelfishEB";}
.social-button span{color:#5f5b5b;font-size:30px;text-transform:uppercase;display:none;}
.social-button:hover{background-position:right;}
.social-button:hover span{display:inline;}

.mail-button{background:url("../img/icons/mail.png") no-repeat left;}
.skype-button{background:url("../img/icons/skype.png") no-repeat left;}
.twitter-button{background:url("../img/icons/twitter.png") no-repeat left;}
.facebook-button{background:url("../img/icons/facebook.png") no-repeat left;}
.dribble-button{background:url("../img/icons/dribble.png") no-repeat left;}

#footer{margin-top:10px;}
#footer .footer-separator{width:10px;}
#footer .footer-separator .line div{width:auto;min-width:0;margin:0 10px;}
#footer .footer-separator .line i{margin:0 3px;}
#footer .footer-content{text-align:center;color:#9f9c9c;font-size:16px;font-family:"SteelfishRG";margin:5px 0;height:26px;}
#footer .footer-content span{background:url('../img/icons/html_5_logo.png') no-repeat right;padding:10px 30px 10px 0}

.dribble-gallery{margin-bottom:20px;overflow: hidden}
.dribble-gallery .dribble-gallery-title{font-size:35px;font-family:"SteelfishRG";margin-top:0;text-align:center}
.dribble-gallery-list{width:100%;}
.dribble-gallery-item{}
.gal-outer{display:block;border:2px solid #666262;border-radius:2px;background:#fff;width:239px;height:179px;}
.gal-outer img{border:2px solid #fff;width:235px;height:175px;border-radius:2px;}