/***
Project: UltimaItalia / Bhartiya
Author: Madly4
Date: 03/09/2012
Version: 1.0
***/

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #404041;
	text-shadow: #ffffff 2px 2px 2px;
}

#header {
	background: url(../../images/bg-menu.png);
	width: 100%;
	height: 82px;
	display: block;
	position: fixed;
	z-index: 400;
}

#footer {
	background: url(../../images/footer.jpg);
	width: 100%;
	padding: 20px 0;
	color: #ffffff;
	text-shadow: none;
}

#inner-header, #inner-footer {
	width: 980px;
	margin: 0px auto;
	padding: 20px 0 0;
}

#inner-footer {
	padding: 0px;
}

#sixth .inner .single {
	display: inline-block;
	zoom:1;
	*display:inline;
}

#sixth .inner .single.bordered {
	margin: 0 215px;
}

.story {
	margin: 0px auto;
	width: 980px;
}

#first {
	background: url(../../images/firstBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
}

#first .story {
	padding: 304px 0 0;
	text-align: right;
}

#second {
	background: url(../../images/secondBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#second .bg{
	background: url(../../images/secondBG-bg.png) 50% 0 no-repeat fixed;
	width: 100%;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
}

#second .story {
	width: 1018px;
}

#second .story #photos {
	background: url(../../images/photos.png);
	width: 706px;
	height: 417px;
	margin: 0px auto;
	padding: 39px 0 0 41px;
}

#second .story .inner {
	width: 980px;
	position: absolute;
	z-index: 300;
	top: 100px;
}

#second .story .inner #white {
	background: url(../../images/company-bg.png);
	padding: 5px;
}

#third {
	background: url(../../images/thirdBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#third .bg{
	background: url(../../images/thirdBG-bg.png) 100% 0 no-repeat fixed;
	width: 100%;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	z-index: 200;
}

#third .story .inner {
	width: 400px;
	padding: 200px 0 0;
	position: absolute;
	z-index: 300;
}

#fourth {
	background: url(../../images/fourthBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#fourth .bg{
	background: url(../images/fourthBG-bg.png) 50% 0 no-repeat fixed;
	width: 100%;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	z-index: 200;
}

#fourth .story .inner {
	width: 350px;
	padding: 150px 0 0 650px;
	position: absolute;
	z-index: 300;
}

#fourth .story #ipad {
	background: url(../../images/ipad.png);
	width: 502px;
	height: 650px;
	margin: 318px 0 0;
	padding: 89px 0px 0px 74px;
	position: absolute;
	z-index: 300;
}

#fifth {
	background: url(../../images/fifthBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#fifth .bg{
	background: url(../images/fifthBG-bg.png) 50% 0 no-repeat fixed;
	width: 100%;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	z-index: 200;
}

#sixth {
	background: url(../../images/sixthBG.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#sixth .story .inner {
	width: 980px;
	position: absolute;
}

/****
LINKS
****/

.tooltip-download a {
	text-shadow: none;
	color: #D10070;
	text-decoration: none;
}

#inner-header ul {
	float: right;
}

#inner-header ul li a {
	color: #404041;
	text-decoration: none;
	text-shadow: none;
	vertical-align: top;
}

#inner-header ul li.fb a, #inner-header ul li.tw a {
	background: url(../../images/facebook.png);
	width: 18px;
	height: 18px;
	display: inline-block;
	zoom:1;
	*display:inline;
}

#inner-header ul li.tw a {
	background: url(../../images/twitter.png);
}

#inner-header ul li.fb a:hover, #inner-header ul li.tw a:hover {
	background-position: 0 -18px;
}

#nav .tipit {
	background: url(../../images/dot.png);
	width: 15px;
	height: 15px;
	display: block;
}

#sixth .story .inner a {
	color: #404041;
	text-decoration: none;
}

/****
LISTS
****/

#inner-header ul li {
	margin: 0 15px 0 0;
	display: inline;
}

#inner-header ul li.fb, #inner-header ul li.tw {
	margin: 0 0;
}

#nav {
	list-style: none;
	position: fixed;
	top: 50%;
	margin-top: -91px;
	right: 20px;
	z-index: 400;
}

#nav li {
	margin: 0 0 15px 0;	
}

/****
TABLE
****/

#fifth table {
	margin: 150px 0 0;
	position: absolute;
	z-index: 300;
}

/****
TYPO
****/

.story h1 {
	font-size: 30px;
	color: #D10070;
	font-weight: 400;
	text-shadow: #ffffff 2px 2px 2px;
	display: inline;
}

h2 {
	font-size: 1em;
	color: #D10070;
	text-shadow: none;
}

/****
TOOLTIP
****/

.tooltip, .tooltip-download {
    display:none;
    font-size:12px;
    z-index: 500;
    text-align: center;
}

.tooltip {
	width: 200px;
	height: 38px;
	padding: 0 10px 0 0;
	text-align: right;
}

.tooltip-download {
	background:transparent url(../../images/tooltip/white.png);
	height:59px;
    width:160px;
    padding:25px;
    color:#D10070;
}

/****
SLIDESHOW
****/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../../images/nivoslider/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}

.theme-default .nivo-controlNav a {
	display:inline-block;
	zoom:1;
	*display:inline;
	width:22px;
	height:22px;
	background:url(../../images/nivoslider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}

.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../../images/nivoslider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.theme-default:hover .nivo-directionNav a { opacity: 1; }

.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}

.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}

.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}