/* Left & Right alignment */
.left { float:left;}
.right { float:right;}
.wrapper {width: 100%; overflow:hidden;}
/* Global properties ======================================================== */
.glob{width: 100%; height: 100%;  position: absolute; overflow: hidden;  background: url(../images/partBg.png);}
body{font-family: 'Droid Sans', sans-serif;  line-height:18px; min-width: 980px;  min-height: 800px;  position: absolute; width: 100%; height: 100%; overflow: hidden;background: #010101 url(../images/bgPic-1.jpg) 50% 15% no-repeat;}
/* Global Structure ============================================================= */
.main {	margin: 0px auto 0 auto;	width: 980px; 	z-index: 2;	height: 400px;	height: 100%;}
.page_spinner{ position:absolute; background: url(../images/loading.gif) 50% 50% no-repeat #000; z-index:99; width:100%; height:100%; top:0; left:0}
/* ============================= main layout ====================== */
a{ color:#fff; text-decoration: none; outline:none;}
a:hover{ text-decoration:underline}
.undLineOff{text-decoration: none;}
h1{text-align: center; padding: 0 0 0 0px;}
h2{
	font: 19px/1.2em 'Abel', sans-serif;
	color: #fff; font-size: 26px; 
	padding-bottom: 28px; width: 100%;  
	font-weight: 400;
	line-height: 24px;
	border-bottom: 1px dashed #555555;
	margin-bottom: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

p{padding-bottom: 20px; font-size: 14px; color: #979797; line-height: 20px; font-family: 'Arial';}
.center{ padding: 0 0;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.alignRight{text-align: right;}
/* ============================= header ====================== */
header{position: relative;margin: 0 auto;width: 500px;height: 66px;}
#logo{ text-indent:-9999px; background: url(../images/logo.png) center center no-repeat; width: 270px; height: 75px; display: inline-block;}
#logoHolder{margin: 0 140px;position: relative;width: 674px;height: 172px;}
.box{height: 500px;width: 100%;margin: 0 auto;}

.centerHolder{ width: 980px; height: 66px; margin: 0 auto; position: relative; padding-bottom: 75px;}
.logoHolder{position: absolute;width: 980px;height: 66px;margin: 0 auto;top: 0;}
.menu{position: relative;  z-index: 1;padding: 10px 0;display: inline-block;}
#menu { z-index: 3; position: relative;}
#menu > li { position:relative; padding: 0 12px; display: inline-block;}
#menu > li > a{color: #e2e2e2;  font-family: 'Oswald', sans-serif; position: relative; display: block; text-transform: uppercase; font-weight: 400; font-size: 18px;text-shadow: 1px 1px 1px black;}
#menu > li > a:hover{text-decoration: none;  color: #d41446;}
#menu > li.active > a{color: #d41446; text-decoration: none;}
.submenu_1{ position:absolute; top: 25px; z-index: 3; text-align: center; width: 600%;}
.submenu_1 li{position:relative; padding: 5px 30px 5px 0px;float: left;}
.submenu_1 a{font-size: 12px; color: white;  font-family: 'Oswald', sans-serif; display: inline-block; text-transform:uppercase; letter-spacing:0px; text-align: left;  text-shadow: 1px 1px 1px black;}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration: none; color:#d41446 }
.displayNon{display: none;}
.plHolder{width: 940px; height: 100%; position: absolute; z-index: 0; top: 0;}
/* ============================= content ====================== */
#content{ position:relative; z-index:1; height: 500px; z-index: 1;}
#content > ul{ width:100%; height: 500px;}
#content > ul > li{ width:100%; display: block; position: absolute;}
.infoBtn{background: url(../images/infoPlane.png) 0 0 no-repeat;display: none;position: absolute;width: 80px;height: 32px; font-family: 'Times New Roman'; font-size: 22px; text-align: center;line-height: 31px;bottom: 2px;left: 30px;}
.scroll{height:210px; margin-bottom: 20px;}
.track {position:absolute; top:35px; left: 520px; width:15px; height:324px; background:url(../images/track.png) 0 0 no-repeat; }
.shuttle{position:relative; width: 9px; height:84px; background:url(../images/shuttle.png) 0 50% no-repeat;  margin:3px 3px; }
.scroll_2{height:210px; margin-bottom: 20px;}
.track_2 {position:absolute; top:35px; left: 605px; width:15px; height:324px; background:url(../images/track.png) 0 0 no-repeat; }
.zoomSp{display:block; position:absolute; left:0; top:0; width: 143px; height: 210px; z-index:3; background: #000 url(../images/magnify.png) 50% 50% no-repeat;}
.menuHolder{width: 940px; height: 42px; margin: 0 auto;}
.underline{text-decoration: underline;}
#jcarousel_1 > ul > li{padding-right: 5px;position: relative;}
#jcarousel_1 > ul > li a{height: 210px;position: relative;display: block;text-align: center;}
.space1{display:inline-block; width: 75px;}
.more{position: relative; float: left; bottom: 0;display: block;padding: 2px;margin-top: 10px;}
.more > a{font-size: 18px; font-family: 'Oswald', sans-serif; color: #474747; text-transform: uppercase;position: relative;z-index: 1;}
.more > a:hover{text-decoration: none;}
.color1{color: #fff;}
.color2{color: #979797;}
.color3{color: #979797;}
.list1{position: relative;}
.list1 > li{float: left; display: inline-block; position: relative;padding-right: 5px;margin-bottom: 5px;}
.list2a{position: relative;  width: 180px; float: left;}
.list2a > li{display: block; position: relative; padding-bottom: 12px; }
.list2a > li >a{font-family: 'Arial'; color: #979797; font-size: 14px;padding-left: 10px; background: url(../images/listMarker.png) 0 50% no-repeat;}
.list2b{position: relative;  width: 190px; float: left;}
.list2b > li{float: left; display: inline-block; position: relative; padding-bottom: 12px; width: 100%;}
.list2b > li >a{font-family: 'Arial'; color: #979797; font-size: 14px;padding-left: 10px; background: url(../images/listMarker.png) 0 50% no-repeat;}
.list2c{position: relative;  width: 140px; float: left;}
.list2c > li{float: left; display: inline-block; position: relative; padding-bottom: 12px; width: 100%;}
.list2c > li >a{font-family: 'Arial'; color: #979797; font-size: 14px;padding-left: 10px;background: url(../images/listMarker.png) 0 50% no-repeat;}
.fontSize{font-size: 110px; font-family: Times New Roman;}
.gallHolder{overflow: hidden; width: 100%;}
.btnHolder{position: absolute;  width: 960px;margin: 0 auto;height: 31px;padding: 0 10px;top: 220px;}
.scrButn{width: 31px; height: 31px; position: relative;}
.descrTxt1{font-size: 24px; font-family: 'Oswald', sans-serif; color: #fff;position: relative;float: left;line-height: 24px;display: inline-block;width: 35px;height: 74%;border-right: 1px solid #fff;margin-right: 8px;}
.descrTxt2{font-size: 18px; font-family: 'Oswald', sans-serif; color: #fff;position: relative; text-transform: uppercase;line-height: 24px;}
.descrTxt3{font-size: 10px; font-family: 'Arial'; color: #fff;position: relative;float: left; text-transform: uppercase; }
#more1 {
	float:left;
	font-family:'Times New Roman';
    font-size: 24px;
    color: #000;
	text-decoration:none;
	background:url(../images/moreSprite.png);
	padding: 10px 32px;	
	margin-top: 12px;
}
.formBtnSpr {
	float:right;
	font-family:'Abel';
    font-size: 24px;
    color: #000;
	text-decoration:none;
	background:url(../images/moreSprite.png);
	padding: 10px 32px;	
}
.extra1{width: 43px; height: 29px; background: url(../images/extra1.png) 0 0 no-repeat; position: relative; display: inline-block;margin-top: -5px;padding-right: 10px;}
.fontSize1{font-size: 13px;}
/* ============================= SPLASH ====================== */
#splash {
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}
.splash_menu > li {
	position: absolute;
	width:267px;
	height:496px;
	z-index:2;
}
.splash_menu > li .descr {
	position: absolute;
	width: 73%;
	height: 14%;
	z-index: 3;
	bottom: 4.2em;
	left: 2.3em;
	overflow: hidden;
}
.splash_menu > li .plane {
	position: absolute;
	width: 73%;
	height: 14%;
	z-index: 2;
    background: #000;
    bottom: 4.2em;
	left: 2.3em;
}
.roundabout-holder {
	height:400px;
	width:465px;
	position:relative;
	z-index:1;
	margin:0 auto;
	top:27px;
}
.roundabout-moveable-item img {
	position:absolute;
    width: 100%;
    
}
.roundabout-in-focus {
	cursor: auto;
}
#gall_nav {
	position:absolute;
	top:215px;
	width:100%;
}
#previous {
	position:relative;
	width:31px;
	height:31px;
	left: 100px;
}
#next {
	position:relative;
	width:31px;
	height:31px;
	right: 100px;
}
.descrText{display: block;width: 80%;height: 80%;margin-top: 0.9em;margin-left: 1.2em;}
/* ============================= footer ====================== */
footer {position: relative; bottom: 0;  width: 980px; z-index: 1;  height: 72px; }
footer a{}
footer a:hover{}
.topBtn{position: relative;display: inline-block;cursor: pointer;}
.mainFooter {	width: 100%; 	z-index: 2;	height: 40px; 	padding-bottom: 20px;	text-align: center;	position: relative;	display: inline-block;	bottom: 0;}
.textPrivacy2{font-size: 10px;   position: relative; display: inline-block;padding: 4px 14px;font-family: Arial;text-transform: uppercase;text-align: center;color: #fff;}
.privHold{ position: relative; background: url(../images/privacyPlane.png) 0 0 no-repeat; width: 210px; height: 25px; margin: 0 auto;}
.topText{font-size: 12px; color: #414141; font-family: 'Oswald', sans-serif; position: absolute;padding: 13px 9px 12px 10px;z-index: 1;}
.padBottom{padding-bottom: 20px;}
.zIndex{z-index: 3;}
/* ============================= forms ============================= */
#ContactForm {
	padding: 0 0 0 0;
}
#ContactForm .wrapper {
	overflow:inherit;
	min-height:40px;
}
#ContactForm .success {
    text-transform: uppercase;
	color: #fff;
	font-size: 10px;
}
#ContactForm label {
	position:relative;
	display:inline-block;
}
#ContactForm .message {
}
#ContactForm span {
	display:block
}
#ContactForm .error,#ContactForm .empty {
	font-size:10px;
	color: #fff;
	line-height: 14px;
	display:none;
	width:100%;
	top: -5px;
	position: relative;
    text-transform: uppercase;
}
#ContactForm a {
	position:relative;
	z-index: 1;
}
#ContactForm a:hover {text-decoration: none;}
#ContactForm .input {
	width: 192px;
	background: #000;
	padding: 13px;
	color: #979797;
	font-family: 'Droid Sans', sans-serif;
	outline:none;
	margin: 0 0 7px 0;
    
	font-size: 14px;
	border: 1px solid #555555;
	border-radius: 20px;
}
#ContactForm textarea {
	overflow:auto;
	margin: 0 0 7px 0;
	width: 416px;
	height: 75px;
	background: #000;
	padding: 13px;
	color: #979797;
	font-family: 'Droid Sans', sans-serif;
	resize:none;
	outline:none;
    
	font-size: 14px;
	border: 1px solid #555555;
	border-radius: 20px;
}
#ContactForm .block {
	display:inline-block;
	position:relative;
}
.w2{
    width: 560px;
}
.btn_str{
    font-size: 24px;
    font-family: 'Times New Romans';
    color: #000;
}
.formBtn{display: inline-block;float: right;padding: 8px;position: relative;}

.back-service{ position: absolute; right: 0px; top: 55px; font-size: 12px;}

.readMore {
    background: url("../images/more_bg.png") repeat scroll 0 0 transparent;
    color: #FEFEFE;
    display: inline-block;
    font: 12px/1.2em Tahoma,sans-serif;
    margin-top: 5px;
    padding: 9px 18px;
    position: relative;
    text-transform: uppercase;
}
/* ============================= end forms ============================= */

#pageMore-ecommerce .wrapper{ background: url(../images/service-bg.png) top center no-repeat; min-height: 330px;}
#pageMore-video-platform .wrapper{ background: url(../images/video-platform-bg.png) center -17px  no-repeat; min-height: 330px;}
#pageMore-seo .wrapper{ background: url(../images/seo-bg.png) center -17px  no-repeat; min-height: 330px;}
#pageMore-social-media-mods .wrapper{ background: url(../images/social-bg.png) center -15px  no-repeat; min-height: 330px;}
#pageMore-website-design .wrapper{ background: url(../images/website-design-bg.png) center -15px  no-repeat; min-height: 330px;}
#pageMore-psd-to-xhtml .wrapper{ background: url(../images/psd-to-xhtml-bg.png) center -15px  no-repeat; min-height: 330px;}
#pageMore-graphic-design .wrapper{ background: url(../images/graphic-bg.png) center -15px  no-repeat; min-height: 330px;}
#pageMore-video-production .wrapper{ background: url(../images/video-production-bg.png) center -15px  no-repeat; min-height: 330px;}