@charset "utf-8";
body{
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-color: #383838;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 10px;
}
#galleria{width:700px;margin:20px auto}

*, p{
	padding:0;
	margin:0;
	color: #FFF;
	font-size: 14px;
}
a{
	text-decoration:none;
}

/* Text Styles Begin */

.txt-style1, .txt-style2, .txt-style3 {
	padding: 0;
	margin: 0;
}
.txt-style1{
	color: #ffffff;
	
}
.txt-style2{
	color: #6cb6e3;
}
.txt-style3{
	color: #dadada;
}
.title-style1{
	color: #ffffff;
	text-transform:uppercase;
	font-weight:bold;
	
}

/* Text Styles End */



/*Hyperlink Styles Begin*/
.link-style1{
	color:#ffffff; text-decoration:none; padding:2px;
}
.link-style1:hover{ 
	color:#000000;
	padding:2px;
}
.link-style2{
	color:#6cb6e3; text-decoration:none; padding:1px;
}
.link-style2:hover{ 
	color:#6cb6e3;
	padding:1px;
	background-color:#000000;
}

/*Hyperlink Styles End*/

/*Headings Begins*/

h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h1 {
	font-size: 35pt;
	font-style: normal;
	font-weight:bold;
}
h2 {
	font-size: 26pt;
	font-style: normal;
	font-weight:normal;
}
h3 {
	font-size: 18pt;
	font-style: normal;
	font-weight:normal;
	line-height:27px;
}
h4 {
	font-size: 11pt;
	font-style: normal;
	font-weight:normal;	
}
h5 {
	font-size: 10pt;
	font-style: normal;
	font-weight:normal;
}
h6 {
	font-size: 8pt;
	font-style: normal;
	font-weight:normal;
}
/*Headings End*/

#container{
	width:100%;
	padding:0;
	margin:0 auto;
} 
#wrapper{
	width:1001px;
	padding:0;
	margin:0 auto;
	height:100%;
} 

#wrapper #header{
	background: url(../images/bg-header.jpg) 1px 0  repeat-y;
	width:1000px; 
	height:533px;
	padding:0;
	margin:0 auto; 
} 
.iphone_dynamic{
	position: absolute;
	top: -10px;
	padding-left: 50px;
	width: 270px;
	z-index: 100;
}
#logo{
	/*width:619px;
	height:170px;
	padding:68px 0 0 378px ;*/
	text-align:center;
} 
#app-toolbar{
	width:558px;
	height:22px;
	clear:both;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 368px;
} 
#app-toolbar .left{
	background: url(../images/bg-curve-l.gif) left top no-repeat;
	width:7px;
	height:38px;
	padding:0;
	margin:0;
	float:left;
}
#app-toolbar .middle{
	background: url(../images/bg-middle.gif) left top repeat-x;
	width:530px;
	height:38px;
	padding:7px;
	margin:0;
	float:left;
} 
#app-toolbar .right{
	background: url(../images/bg-curve-r.gif) right top no-repeat;
	width:7px;
	height:38px;
	padding:0;
	margin:0;
	float:right;
} 

#and-toolbar{
	width:558px;
	height:22px;
	clear:both;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 368px;
} 
#and-toolbar .left{
	background: url(../images/bg-curve-l.gif) left top no-repeat;
	width:7px;
	height:38px;
	padding:0;
	margin:0;
	float:left;
}
#and-toolbar .middle{
	background: url(../images/bg-middle.gif) left top repeat-x;
	width:530px;
	height:38px;
	padding:7px;
	margin:0;
	float:left;
} 
#and-toolbar .right{
	background: url(../images/bg-curve-r.gif) right top no-repeat;
	width:7px;
	height:38px;
	padding:0;
	margin:0;
	float:right;
}


#social-toolbar{
	width:990px;
	height:45px;
	margin: 35px 0 0 0;
	padding:10px 0 0 25px ;
	clear:both;	
} 
#social-toolbar .left{
	width:45px;
	height:45px;
	padding:6px 0 0 0;
	margin:0;
	float:left;
}
#social-toolbar .middle{
	width:350px;
	height:45px;
	padding:6px 0 0 275px;
	margin:0;
	float:left;
}
#social-toolbar .right{
	width:260px;
	height:45px;
	padding:6px 0 0 0;
	margin:0;
	float:left;
} 
#social-toolbar .home{
	position: absolute;
	background: url(../images/icon-home.png) 0 0 no-repeat;
	width:45px;
	height:45px;
	float:left;
	cursor:pointer;	
	z-index: 150;
}
#social-toolbar .home:hover{
	background: url(../images/icon-home.png) 0 -47px no-repeat;
}
#social-toolbar .facebook{
	background: url(../images/icon-social.png) 0 0 no-repeat;
	width:45px;
	height:45px;
	float:left;
	cursor:pointer;	
}
#social-toolbar .facebook:hover{
	background: url(../images/icon-social.png) 0 -61px no-repeat;
}
#social-toolbar .twitter{
	background: url(../images/icon-social.gif) -45px 0 no-repeat;
	width:50px;
	height:45px;
	float:left;
	padding:0 0 0 2px;
	cursor:pointer;	
}
#social-toolbar .twitter:hover{
	background: url(../images/icon-social.gif) -45px -61px no-repeat;
	float:left;
}

#social-toolbar .youtube{
	background: url(../images/icon-social.gif) -97px 0 no-repeat;
	width:52px;
	height:45px;
	float:left;
	padding:0 0 0 2px;
	cursor:pointer;	
}
#social-toolbar .youtube:hover{
	background: url(../images/icon-social.gif) -97px -61px no-repeat;	
	float:left;
}
#social-toolbar .linkedin{

	float:left;
	width:52px;
	height:51px;
	cursor:pointer;
	filter:alpha(opacity=90);
	vertical-align: top;
	padding:0 0 0 4px;
     -moz-opacity: 0.9; 
     opacity: 0.9;
     -khtml-opacity: 0.9;	
}
#social-toolbar .linkedin:hover{
		vertical-align: top;
	float:left;
	 filter:alpha(opacity=100);   
     -moz-opacity: 1.0;   
     opacity: 1.0;
     -khtml-opacity: 1.0;
}
#social-toolbar .blog{

	float:left;
	width:53px;
	height:48px;
	cursor:pointer;
	filter:alpha(opacity=90);
	vertical-align: top;

     -moz-opacity: 0.9; 
     opacity: 0.9;
     -khtml-opacity: 0.9;	
}
#social-toolbar .blog:hover{
		vertical-align: top;
	float:left;
	 filter:alpha(opacity=100);   
     -moz-opacity: 1.0;   
     opacity: 1.0;
     -khtml-opacity: 1.0;
}
#social-toolbar .skype{
	background: url(../images/icon-social.gif) -335px 0 no-repeat;
	width:50px;
	height:45px;
	float:left;
	padding:0 0 0 2px;
	cursor:pointer;	
}
#social-toolbar .skype:hover{
	background: url(../images/icon-social.gif) -335px -61px no-repeat;	
	float:left;
}

#social-toolbar .email{
	background: url(../images/icon-social.gif) -390px 0 no-repeat;
	width:52px;
	height:45px;
	float:left;
	padding:0 0 0 2px;
	cursor:pointer;	
}
#social-toolbar .email:hover{
	background: url(../images/icon-social.gif) -390px -61px no-repeat;	
	float:left;
}



#content{
	width:999px;
	min-height:700px;
	height:100%;
	padding:0;
	margin:0;
	clear:both;
}
#content .left{
	width:599px;
	height:100%;
	margin:0;
	float:left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#content .right{
	width:330px;
	height:100%;
	padding:0;
	margin:0;
	float:right;
}

#content .bg-apps{
	background: url(../images/bg-apps.jpg) center top no-repeat;
	width:291px;
	height:66px;
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;
}
#content .bg-apps:hover{
	background: url(../images/bg-apps-hover.jpg) center top no-repeat;

}
#content .bg-apps .icon{
	height:53px;
	width:53px;
	float:left;
	padding:7px;
}
#content .bg-apps .app-title{
	height:47px;
	width:210px;
	float:left;
	padding:20px 3px 0 0;
}

#content .fixed-container{
	width:590px;
	min-height:700px;
	height:auto;
	padding:0;
	margin:0;

}
.fixed-block{
	width:590px;
	height:65px;
	padding:0;
	margin:0 ;
	float:left;
}

.main-title{
	width:590px;
	padding:25px 0 8px 0;
	margin:0 ;
	float:left;
}

.featured-video{
	background: url(../images/bg-featured-video.gif) left top no-repeat;
	width:303px;
	height:257px;
	padding:0;
	margin:0 0 10px 7px;
	float:left;
}
.video-title{
	padding: 15px 10px 10px 15px;
}
.video-holder{
	padding: 12px 0 0 8px;
	width:286px;
	height:236px;
}
.apps-store-holder{
	background: url(../images/bg-apps-store.gif) no-repeat left top;
	height:100%;
	width:304px;
	padding:0;
	margin:0;
	float:left;
}

.apps-store{
	padding: 0 0 0 30px;
	width:260px;
	height:100%;
	float:left;	
}
.apps-store-footer{
	background: url(../images/bg-apps-store-footer.gif) no-repeat left bottom;
	width:304px;
	height:8px;
	background-color:#66CC99;
	float:left;
	padding:0;
	margin:0;
}
.common-box{
	background: url(../images/bg-box-middle.gif) repeat-y left top;
	width:304px;
	height:100%;
	padding:0;
	margin:25px 0 10px 0;
	float:left;
}
.common-box-middle{
	width:245px;
	height:100%;
	padding:0 10px 10px 30px;
	margin:0 ;
	float:left;
}
.common-box-top{
	background: url(../images/bg-box-top.gif) no-repeat left bottom;
	width:304px;
	height:8px;
	padding:0;
	margin:0;
	float:left;
}
.common-box-bottom{
	background: url(../images/bg-box-bottom.gif) no-repeat left top;
	width:304px;
	height:8px;
	padding:0;
	margin:0;
	float:left;
}
.common-title{
	padding:4px 10px 4px 0;
	text-transform:uppercase;
	border-bottom: #5f5f5f 1px dotted;
	width:245px;
}

.advertizing-box{
	background: url(../images/bg-ad-middle.gif) repeat-y left top;
	width:304px;
	height:100%;
	padding:0;
	margin:15px 0 0 0;
	float:left;
}
.advertizing-box-middle{
	width:245px;
	height:100%;
	padding:0 10px 10px 30px;
	margin:0 ;
	float:left;
}
.advertizing-box-top{
	background: url(../images/bg-ad-top.gif) no-repeat left bottom;
	width:304px;
	height:8px;
	padding:0;
	margin:0;
	float:left;
}
.advertizing-box-bottom{
	background: url(../images/bg-ad-bottom.gif) no-repeat left top;
	width:304px;
	height:8px;
	padding:0;
	margin:0;
	float:left;
}


#footer{
	background: #282828 url(../images/bg-footer.gif) no-repeat left top;
	width:100%;
	height:48px;
	float:left;
	padding:0;
	margin:0 auto;
}

#footer .left{
	width:300px;
	height:31px;
	float:left;
	padding:13px 0 0 30px;
	margin:0;
}
#footer .right{
	width:600px;
	height:45px;
	float:right;
	padding:2px 25px 0 0;
	margin:0;
	float:right;
}
.footer-counter{
	clear:both;
	width:100px;
	height:31px;
	padding:7px;
	margin:0;
	float:right;

}
.footer-counter-l{
	background: #282828 url(../images/bg-counter-left.gif) no-repeat left top;
	height:31px;
	width:5px;
	padding:0;
	margin:0;
	float:left;
}
.footer-counter-r{
	background: #282828 url(../images/bg-counter-right.gif) no-repeat left top;
	height:31px;
	width:5px;
	padding:0;
	margin:0;
	float:right;
}
.footer-counter-m{
	background: #282828 url(../images/bg-counter-middle.gif) repeat-x left top;
	height:31px;
	width:90px;
	padding:5px 0 0 0;
	margin:0;
	float:left;
	text-align:center;
}

.footer-counter-img{
	padding:5px 1px 0 0;
	margin:0;
}
/* CSS Document */