@charset "utf-8";
/* CSS Document */
body {
	background:#ededed  url("../images/backgrounds/body-bg.png") repeat-x left top;
	color:#000;
	font-family: "georgia", Arial, Verdana, Helvetica, sans-serif;
	font-size:75%;
	margin:0 auto;
	padding: 0;
	text-align: left;
	height:200px;
}	

/** Common **/
a:active, a:visited, a:link		{ color: #000; text-decoration:none; }	
a:hover							{ color:#ff6633; text-decoration:underline; }	
h1								{ font-size:1.95em; font-weight: normal; }	
img								{ border: none; }	
ul								{ list-style-type:none; margin:0px; padding:0px;}
p								{ margin:0px; }
.normal							{ font-weight: normal; }
.bold							{ font-weight: bold;   }
.font-14						{ font-size: 14px;     }
.font-17						{ font-size: 17px;     } 
.clear							{ clear:both;}
.left							{ float:left;}
.right							{ float:right;}
.bdr-none						{ border:none!important;}

.margin-lt						{ margin-left:25px !important;}
.icon							{ background-image:url("../images/buttons/icon-sprites.png");}
.apps-icon						{ background-image:url('../images/buttons/app_sprite.png');}

/***** FWA *****/
.fwa-left						{ position: absolute; top:0; left: 0;}
.fwa-left a						{ background:url(../images/fwa_motd_topleft.png); width: 68px; height: 68px; display: block; }	
/***** Header *****/
ul#hdMenu						{ margin:0; padding:0; position: absolute; right: 3px; top: 0px; }	
ul#hdMenu li					{ float: left; text-align: center;margin:0px 20px 0px 0px;} 
ul#hdMenu a						{ color:#FFF!important; }	
ul#hdMenu li:hover				{ text-decoration:underline;}	
ul#hdMenu li.iPhone				{ background-position: -20px -10px;   padding:62px 11px 8px 12px; width:43px;}
ul#hdMenu li.Android			{ background-position: -194px -10px;  padding:62px 11px 8px 10px; width:46px;}
ul#hdMenu li.WP7				{ background-position: -281px -10px;  padding:62px 11px 8px 14px; width:42px;}
ul#hdMenu li.iPhoneactv			{ background-position: -20px -125px;  padding:62px 11px 8px 12px; width:43px; color:#000;}
ul#hdMenu li.Androidactv		{ background-position: -194px -125px; padding:62px 11px 8px 10px; width:46px; color:#000;}
ul#hdMenu li.WP7actv			{ background-position: -281px -125px; padding:62px 11px 8px 14px; width:42px; color:#000;}
ul#hdMenu li.iPhoneactv:hover	{ text-decoration:none}
ul#hdMenu li.Androidactv		{ text-decoration:none}
ul#hdMenu li.WP7actv			{ text-decoration:none; }
ul#hdMenu a						{ text-decoration:none; }


/***** Wrapper *****/	
#wrapper {
	height: auto; 
	margin: 0 auto 60px; 
	max-width:984px;
	overflow: hidden; 	
	position: relative;
	width: auto; 	
}	
#wrapper h1 { float: left; font-weight:bold;width:430px; color:#FFF;line-height: 29px;}	
#wrapper h2 {
	border-radius: 4px 4px 0px 0px;
	color:#FFF;
	float: left; 
	font-size:2.6em; 
	font-weight:bold;
	padding:40px 0px 40px 331px; 
	margin:0px 0px 0px 0px; 
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	width:651px;	
}

/***** Pages *****/	
.content {
	background: url("../images/backgrounds/con-bg.png") repeat-y left top;
	border-bottom:1px solid #ccc;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;	
	height: auto; 	
	overflow: hidden; 	
	position: relative;	
	width:982px; 	
	float:left;
	margin:52px 0px 30px 0px;
	padding:0px 0px 30px 0px
}	
.content a.hdapps {
	background-position: -4px -276px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
.content a.hdapps:hover { background-position: -4px -338px; }
.content a.hdapps:active {
	background-position: -4px -402px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
.content a.androidapps {
	background-position: -157px -276px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
.content a.androidapps:hover { background-position: -157px -338px; }
.content a.androidapps:active {
	background-position: -157px -402px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
.content a.wp7apps {
	background-position: -310px -276px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
.content a.wp7apps:hover { 	background-position: -310px -338px; }
.content a.wp7apps:active {
	background-position: -310px -402px;
    height: 46px;
    position: absolute;
    right: 18px;
    top: 73px;
    width: 141px;
}
span.apps-store {
	background-position:-18px -18px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
span.apps-store:hover	{ background-position:-18px -100px; }
span.apps-store:active  {
	background-position:-18px -182px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
span.android-apps-store {
	background-position:-317px -18px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
span.android-apps-store:hover  { background-position:-317px -100px; }
span.android-apps-store:active {
	background-position:-317px -182px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
span.wp7-apps-store {
	background-position:-616px -18px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
span.wp7-apps-store:hover  { background-position:-616px -100px; }
span.wp7-apps-store:active {
	background-position:-616px -182px;
	height:67px;
	width:287px;
	float:left;
	margin:10px 0px 27px 0px;
}
.cn-wrap				{ border-bottom: 1px solid #ccc; float:left; padding:36px 0px 18px 0px; width:100%; }
.cn-wrap p				{ color:#4c4c4c;	font-size:14px; margin: 0px 0px 10px 38px; width: 83%; line-height: 22px;}
.cn-wrap p.para			{ margin: 10px 0px 20px 22px;  width: 83%; line-height: 20px;}

.lt-col					{ float:left; padding:0px 22px 0px 18px; position:relative; width:291px; }
.lt-col p				{ margin:0px 0px 0px 32px; }
.lt-col .app-img		{ margin:0px 0px 7px 22px;}

ul#ltColMenu			{ margin:15px 0px 25px 17px; padding:0;width: 100%; float:left; }	
ul#ltColMenu li			{ float: left; text-align:center; } 
ul#ltColMenu li:hover	{ float: left; text-align:center; text-decoration:underline; } 
ul#ltColMenu li.iPhone  { background-position: -14px 285px; padding:53px 10px 0px 14px; width:53px; height:22px;}
ul#ltColMenu li.Android { background-position: -188px 285px; padding:53px 10px 0px 14px; width:53px; height:22px;}
ul#ltColMenu li.WP7		{ background-position: -275px 285px; padding:53px 10px 0px 14px; width:53px; height:22px;}
ul#ltColMenu a			{ color:#000!important;}
.moreapps {
	border:1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0px 0px 20px 0px;
	overflow: hidden; 
	padding:10px;
	width:262px; 	
	text-align:center;	
}
.rt-col					{ float:left; width:650px; }
#wrapper h3				{ border-bottom: 1px solid #ccc; margin:0px 0px 25px 22px; overflow:hidden; padding:0px 0px 11px 0px; width:93%;  }
#wrapper h3 .overview	{ float: left; font-size:2.3em; font-weight:normal;  color:#333; /*width:363px;*/ width: 429px; }	
#wrapper h3 .galwidth	{ float: left; font-size:2.3em; font-weight:normal; color:#333; /*width:347px; */width:415px;  }	
#wrapper h3 .prsidth	{ float: left; font-size:2.3em; font-weight:normal; color:#333; /*width:332px;*/ width:415px;  }	
#wrapper h4				{ color:#333; font-weight: normal; font-size:1.7em;  margin:0px 0px 25px 22px;}
#wrapper h5				{ font-weight: bold; font-size:12px;  margin:26px 0px 13px 32px; }
#wrapper h6				{ font-weight: normal; font-size:2.1em; margin:14px 0px 10px 22px; width:100%; float:left; }
.paraheading			{ color:#333; font-weight: normal; font-size:1.3em; line-height:21px;}

ul#pgMenu				{ margin:0px; padding:0px; display: inline-block;}	
ul#pgMenu li			{ float:left; padding: 14px 0px 0px 13px; font-size:13px;  }
ul#pgMenu li a			{
	padding:4px 8px 4px 8px;
	background:#f4f4f4;
	border:1px solid #e7e7e7;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	text-shadow: 0px 1px 0px #fff;
}
ul#pgMenu li a.grntxt  { color:#a4be73!important; }
ul#pgMenu li a.redtxt  { color:#A00507!important; }
ul#pgMenu li a.ylwtxt  { color:#CC9900!important;}
ul#pgMenu li a:hover   { border:1px solid #ccc; text-decoration:none;}
ul#pgMenu li a:active  { border:1px solid transparent; box-shadow:0 1px 2px #ccc inset; }

/** Gallery **/
#gallery-viewer {
	background-position:3px -366px;	
	height:623px;
	float:left;
	padding:0px 0px 0px 19px;
	width:609px;
	position:relative;
}
.gallery-iPhone {
	background-position:-8px -611px;	
	float:left;
	height:332px;
	padding:108px 35px 157px 35px;
	width:220px;
}
#slide-show-iPhone			{ width:220px;overflow:hidden;position: relative;height:330px;clear: both;} 
#slide-show-iPhone .cover	{
		width:6300px; /*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */
		position: absolute;
		height:320px;
	} 
#slide-show-iPhone .mystuff { width:220px;float:left;padding: 0; margin:0px 0 0;}
		
	/*********** Safari Hack ****************/
	/*\*/
	html*#slide-show-iPhone {
	/*background:blue;*/		
	}/*end*/

/** slide show **/
#container					{ padding:0px; margin:0 auto;	position:relative; z-index:0; }
.iPhone-con					{ width:400px; }
.iPad-con					{ width:400px; }
.android-con				{ width:400px; }
.wp7-con					{ width:400px; }
#example					{ position: relative; }
#slides						{ position: absolute; z-index: 100; }
.slides_container			{ overflow:hidden; position:relative; display:none; }
.slides_container div.slide { height:600px;	display:block; }

/**	Caption  **/	
.caption {
	z-index:500;
	position:absolute;
	left:0px;
	height:30px;
	padding:5px 20px 0 0px;
	width:553px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	top:483px;
}
#slides .next, #slides .nextinactv {
	display: block;
	float:left;
	left: 376px;
	position: absolute;
	top: 130px;
	z-index: 101;
	height: 60px;
	width: 30px;
	padding:23px 0px 0px 38px;
}
#slides .prev, #slides .previnactv {
	display: block;
	left: -180px;
	position: absolute;
	top: 130px;
	z-index: 101;
	height: 60px;
	width: 30px;
	padding:23px 0px 0px 38px;
} 
.prev						{ background:url(../images/buttons/arrow-prev.png) no-repeat;        }
.next						{ background:url(../images/buttons/arrow-next.png) no-repeat;        }
.prev:hover					{ background:url(../images/buttons/arrow-prev-hover.png) no-repeat;  }
.next:hover					{ background:url(../images/buttons/arrow-next-hover.png) no-repeat;  }
.previnactv					{ background:url(../images/buttons/arrow-prev-inactv.png) no-repeat; }
.nextinactv					{ background:url(../images/buttons/arrow-next-inactv.png) no-repeat; }

/*	Pagination	*/
.pagination {
	margin:7px auto 0;
	position: absolute;
	width: 152px;
}
.pagination li {
	float:left;
	margin:0 4px 0px 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	height:19px;
	background:url("../images/buttons/icon-sprites.png") -37px -259px;
	float:left;
	overflow:hidden;
	text-indent: -9000px;
    width: 14px;
}
.pagination li.current a { background-position:-37px -227px; }

/***************** Display buttons *****************/	
ul#button { float: left; margin:5px 0 0 57px; padding: 0; width: 62%; }	
ul#button li { float: left; margin-left:5px; cursor: pointer;display: inline;  }	
ul#button li a { 
	background:url('../images/icon-sprites.png') no-repeat -34px -257px;		
	float:left;
	height: 18px; 
	width: 18px; 
}			
ul#button li a:hover { 
	background:url('../images/icon-sprites.png') no-repeat -34px -225px;	
	float:left;
	height: 18px; 
	width: 18px; 
	}		
ul#button li.active { 
	background:url('../images/icon-sprites.png') no-repeat -34px -225px;	
	float:left;
	height: 18px; 
	width: 18px; 
}		
ul#button li.active-blink { 
	background:url('../images/icon-sprites.png') no-repeat -34px -225px;	
	float:left;
	height: 18px; 
	width: 18px; 
}		
ul#button li.active a { 
	background:none; 
	display: block; 
	width: 0px; 
	height: auto;
}	

/** Press **/
.press {
	height:550px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:15px 0px 0px 30px;
	width:92%;	
}

/** Contact **/
.cn-wrap p.email { color:#797979; margin-bottom:50px;}
.cn-wrap p.addr  { line-height:22px;}

/* android */
.android-bg		{ background:url('../images/android_sprites.png');}
.hm-android-img {
	background-position:-37px 5px;
	height:361px;
	width:216px;
	float:left;
	margin:-155px 0px 10px 0px;	
	padding:78px 24px 103px 37px;
}
.anndroid-gallery-bg {
	background-position: -41px -591px;
	width:269px;
	padding:60px 24px 0px 47px;
	margin:44px 0px 0px 54px;
	height: 500px;	
}
.android-slide						 { left: 36px; top: 59px;  }
.android-pagination					{ left: 55px; top: -94px; }
.android-slides_container			 { width:234px;            }
.android-slides_container div.slide { width:234px;			   }

/*iphone */
.iphone-pagination				   { left: 38px; top: -128px; }	
.iPhone-bg						   { background:url('../images/iPhone_sprites.png');}
.iphone-slide					   { left: 23px; top: 93px; }
.iphone-slides_container		   { width:220px; }
.iphone-slides_container div.slide { width:220px; }
.hm-iPhone-img {
	background-position:-5px 0;
	height:356px;
	width:214px;
	float:left;
	margin:-155px 0px 17px 0px;	
	padding:109px 24px 88px 37px;
}
.iPhone-gallery-bg {
	background-position: -20px -623px;
	width:300px;
	padding:105px 35px 0px 35px;
	margin:44px 0px 0px 72px;
	height: 452px;	
}

/** wp7 **/
.wp7-bg { background:url('../images/wp7-sprites.png');}
.hm-wp7-img {
	background-position:-34px 5px;
	height:374px;
	width:247px;
	float:left;
	margin:-155px 0px 10px 0px;	
	padding:59px 24px 103px 37px;
}
.wp7-gallery-bg {
	background-position: -29px -591px;
	width:270px;
	padding:60px 24px 0px 40px;
	margin:44px 0px 0px 45px;
	height: 515px;	
}
.wp7-slide						{ left: 45px; top: 39px;  }
.wp7-pagination					{ left: 55px; top: -76px; }
.wp7-slides_container			{ width:234px; }
.wp7-slides_container div.slide { width:234px; }

/****** Footer section *******/
#footer				   { width:949px; margin: 25px auto 0px; }
#footer a:hover		   {  }		
#footer ul#foo-menu    { margin:0; padding:0; list-style-type:none; width: 515px; vertical-align: bottom; float:left; }		
#footer ul#foo-menu li { float: left; padding: 0px 10px 0px 0px; } 

/** chambers style **/
.chambersTitle {  font-size: 24px; margin:33px 0px 0px 20px; }