/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#000;
	min-width:980px;
	background:#000;
}

.bg {width:100%; min-height:228px; padding:80px 0 45px 0; background:url(../images/bg.jpg) center 0 no-repeat #ffe500;}
#page1 .bg {padding:80px 0 6px 0;}
#page4 .bg {padding:210px 0 20px 0;}
#page5 .bg {padding:80px 0 0 0; min-height:150px;}
.main {
	font-size:0.8125em;
	line-height:1.461em;
}

a {color:#b53428; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:940px; margin:0 auto; position:relative;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#787878;}

.pelativ {position:relative;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:125px 0 0px 0px;}
.indent1 {padding-right:15px;}
.indent2 {padding-left:17px;}
.indent3 {padding-right:58px;}
.indent4 {padding:0 22px 0 30px;}
.indent5 {padding:0 0px 0 40px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:10px 10px 0px 0;}	
.img-indent2 {float:left; margin:0 10px 0px 0;}	
.img-indent3 {float:left; margin:0 2px 0px 0;}	
.img-indent4 {float:left; margin:0 6px 0px 0;}	
.img-indent5 {float:left; margin:5px 42px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link, .link-1, 
.link-3, .link-4,
.link-5,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:113px; width:100%; background:#060606; position:relative;}

h1 {padding:0px 0 0 0; position:relative; z-index:1;}
.twitter-logo {display:block; width:43px; height:47px; text-indent:-5000px; background:url(../images/twitter-logo.png) 0 0 no-repeat; position:absolute; right:0; top:33px;}
.mobiobi-logo {display:block; width:263px; height:160px; text-indent:-5000px; background:url(../images/mobiobi-logo.png) 0 0 no-repeat; position:absolute; right:0; top:0;}
.logo {display:block; width:270px; height:78px; font-size:62px; line-height:1.2em; letter-spacing:-2px; color:#242525; font-weight:bold; padding-left:65px; background:url(../images/pic-1.png) 0 10px no-repeat; position:absolute; top:185px; left:0; z-index:999;}
h1 span {
	display:inline-block;
	font-size:13px;
	color:#000;
	position:absolute;
	left:67px;
	top:255px;
	font-weight:normal;
}

.sf-menu {padding:0px 0px 0 0; position:absolute; float:left; top:45px; left:0; z-index:2;}
.sf-menu li {float:left; font-size:19px; font-weight:bold; line-height:24px; padding:0 31px; background:url(../images/menu-li-spacer.gif) right 3px no-repeat;}
.sf-menu li a {display:block; color:#fff;}
.sf-menu li .active, .sf-menu li a:hover, .sf-menu li.sfHover > a {text-decoration:underline;} 
.sf-menu .first-item {padding-left:0;}
.sf-menu .last-item {padding-right:0; background:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			173px; /* left offset of submenus need to match (see below) */
	
	color:#fff;
	text-transform:uppercase;
	padding:7px 0;
	background:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.sf-menu ul ul {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.sf-menu li {
	position:		relative;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			70px; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
	top:			-999em;
	width:174px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			176px; /* match ul width */
	top:			-7px;
}
.sf-menu li li {
	width:100%;;
	float:none;
	line-height:32px;
	background:#000;
	border-right:none;
	border-bottom:1px solid #1b1a1a;
	padding:0;
	font-size:10px;
}

.sf-menu li li.last {
	border-bottom:none;
}

.sf-menu li li a {
	color:#fff;
	padding:0 0 0 22px;
	text-align:left;
	line-height:32px;
	font-weight:normal;
	text-decoration:none !important;
}

.sf-menu li li a:hover, .sf-menu li li.sfHover a {
	color:#000;
}

.sf-menu li li li a { 
	color:#fff !important;
}

.sf-menu li li li a:hover {
	color:#000 !important; 
} 

.sf-menu li.sfHover li:hover, .sf-menu li.sfHover li.sfHover {background:#fbcb0a;}
.sf-menu li.sfHover li.sfHover li:hover {background:#fbcb0a;}


/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px;}
.padding {padding: 80px 0 80px 0;}
#page5 .padding {padding: 80px 0 45px 0;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:27px; line-height:2em; color:#9e9e9e; letter-spacing:-1px;}
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; line-height:1.2em; color:#000; margin:0 0 16px 0; letter-spacing:-1px; text-transform:uppercase;}
h6 {font-size:13px; line-height:16px; color:#fff; text-transform:uppercase; font-weight:normal;}

.scroll-pane {overflow:auto; height:485px; position:relative;}
.scroll-pane .padding-r {padding-right:25px;}

/*==========================================*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 40px;
	top: 0;
	height: 100%;
	background:url(../images/scroll-tail.gif) center 0 repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroll-pointer.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.border-bot {width:100%; padding-bottom:12px; background:url(../images/spacer.gif) 0 bottom repeat-x;}

.box {min-height:80px; padding:26px 25px 28px 34px; background:#262626;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.box .padding {padding:50px 65px 30px 68px;}

.box-2 {position:relative; width:100%; min-height:485px; padding:0 5px;}

.box-3 {height:104px; width:100%;}
.box-3 .padding {padding:18px 5px 0 8px;}
.box-3 h4 {margin:0; padding-left:50px;}
.box-3 h4 span {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:16px; color:#000; margin:0; display:inline-block; text-transform:none; letter-spacing:normal; }

#item1 h4 {background:url(../images/pic-16.png) 0 0 no-repeat;}
#item2 h4 {background:url(../images/pic-12.png) 0 0 no-repeat;}
#item3 h4 {background:url(../images/pic-13.png) 0 0 no-repeat;}
#item4 h4 {background:url(../images/pic-15.png) 0 0 no-repeat;}
#item5 h4 {background:url(../images/pic-17.png) 0 0 no-repeat;}
#item6 h4 {background:url(../images/pic-14.png) 0 0 no-repeat;}
#item7 h4 {background:url(../images/pic-18.png) 0 0 no-repeat;}
#item8 h4 {background:url(../images/pic-19.png) 0 0 no-repeat;}

.box-3.alt {background:url(../images/hover.png) 0 0 no-repeat; cursor:pointer;}

#item1:hover h4 {background:url(../images/pic-16-hover.png) 0 0 no-repeat;}
#item2:hover h4 {background:url(../images/pic-12-hover.png) 0 0 no-repeat;}
#item3:hover h4 {background:url(../images/pic-13-hover.png) 0 0 no-repeat;}
#item4:hover h4 {background:url(../images/pic-15-hover.png) 0 0 no-repeat;}
#item5:hover h4 {background:url(../images/pic-17-hover.png) 0 0 no-repeat;}
#item6:hover h4 {background:url(../images/pic-14-hover.png) 0 0 no-repeat;}
#item7:hover h4 {background:url(../images/pic-18-hover.png) 0 0 no-repeat;}
#item8:hover h4 {background:url(../images/pic-19-hover.png) 0 0 no-repeat;}

.button {display:inline-block; font-size:13px; line-height:26px; padding:0 14px; color:#fff; text-decoration:none; background:url(../images/btn-tail.gif) 0 0 repeat-x #b43327;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	cursor:pointer;
}
.button:hover {background:#ffc600; color:#000;}

.button2 {display:inline-block; font-size:13px; line-height:26px; padding:0 14px; color:#fff; text-decoration:none; background:url(../images/btn-tail.gif) 0 0 repeat-x #b43327;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
}
.button2:hover {background:#000;}

.list li {float:left; margin-right:22px; padding:7px; background:#242228;}
.list li a {display:block;}
.list .last {margin:0;}

.list-1 li {line-height:19px; background:url(../images/marker.gif) 0 0px no-repeat; padding:0 0 20px 30px;}
.list-1 li a {color:#787878; text-decoration:none; display:inline-block;}
.list-1 li a:hover {text-decoration:underline;}
#page2 .list-1 li {padding:0 0 12px 30px;}

.list-3 {margin-bottom:10px;}
.list-3 li {font-size:13px; line-height:24px;}
.list-3 li a {color:#787878; text-decoration:none;}
.list-3 li a:hover {color:#fff; text-decoration:underline;}
.last-list {margin:0;}

.link {color:#25cfff; font-style:italic;}
.link:hover {text-decoration:underline;}

.link-1 {font-size:11px; color:#fff; text-transform:uppercase;}
.link-1:hover {text-decoration:underline;}

.link-2 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-2:hover {color:#fff;} 

.link-3 {color:#ffda00;}
.link-3:hover {text-decoration:underline;}

.link-4 {color:#ffc400; font-weight:bold;}
.link-4:hover {color:#fff;}

.link-5 {color:#000; font-weight:bold;}
.link-5:hover {text-decoration:underline;;}

.text-1 {display:inline-block; color:#000; position:absolute; bottom:-2px;} 
.text-2 {display:block; color:#787878; line-height:16px; margin:0 0 10px 0;}  
.text-3 {color:#787878; line-height:16px;}

dl span {float:left; width:90px;}
dl {line-height:16px;}

#contact-form {display:block; width:570px; overflow:hidden; position:relative; vertical-align:top;}
#contact-form fieldset {border:none; padding:0;}
#contact-form .field {height:35px; display:block; position:relative;}
#contact-form input {width:333px; font-size:12px; color:#000; margin:0; padding:8px 7px 7px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	border-top:1px solid #bcbebe; 
	border-left:1px solid #9c9c9c; 
	border-right:1px solid #9c9c9c; 
	border-bottom:1px solid #bcbebe; 
	background:#e2e4e4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#contact-form textarea {height:241px; overflow:auto; width:550px; font-size:12px; color:#000; margin:0; padding:8px 7px 7px 10px;
	font-family:Arial, Helvetica, sans-serif; 
	border-top:1px solid #bcbebe; 
	border-left:1px solid #9c9c9c; 
	border-right:1px solid #9c9c9c; 
	border-bottom:1px solid #bcbebe; 
	background:#e2e4e4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#contact-form a {cursor:pointer;}
#contact-form .alignright {padding-top:12px;}
#contact-form small {color:red; font-weight:bold; padding:0 0 0 5px;}
#contact-form label {display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#contact-form strong {padding:0 0 2px 9px; display:inline-block; color:#838383; }
#contact-form .error {color:red; display:none;}
.buttons-wrapper {padding-top:25px; text-align:right;}
.buttons-wrapper a {margin-left:20px;}
.download-box {color:#fff;}
label.msg {color:#fff;}
#contact-form .textarea-box {position:relative;}
#contact-form .textarea-box label {
    right: 10px;
    position: absolute;
    top: 256px;
}

.arrow-top {height:22px; background:url(../images/pic-9.jpg) 220px 0 no-repeat;}

iframe {width:418px; height:170px; border:1px solid #d6e0e2;}

/*********************************aside*************************************/
aside {display:block; width:100%; height:230px; overflow:hidden;}

/****************************footer************************/
footer {width:100%; min-height:30px; padding:35px 0 60px 0; color:#fff; text-transform:uppercase;}
footer .main {font-size:11px; line-height:21px;}

.list-services {padding:0px 0px 0px 0px;}
.list-services li {float:left; padding:0 0 0 10px;}