/* <style> */


/* <style> */

/* RESET *************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, i, b, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
small {
	font-size:.9em;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration:none;
}

/* GENERALLY USEFUL STYLES *********************************************/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.block {
	display:block;
}

.floatL {
	float:left !important;
}

.floatR {
	float:right !important;
}

.noMargin {
	margin:0 !important;
}

.alignR {
	text-align:right !important;
}

.clear {
	clear:both !important;
}

.clearpad {
	clear:both !important;
	height:20px;
}

.clearer {
	display:block !important;
	float:none !important;
	width:100% !important;
	height:1px !important;
	line-height:0px !important;
	font-size:0px !important;
	border:0px !important;
	clear:both !important;
}

.HIDE {
	display:none;
}

a:active {
	outline:none !important;
}

a:focus {
	-moz-outline-style:none;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}
/************************************************ STRUCTURE */

body {
	color:#ffffff;
	background:#353940 url("/_images/ifmapp_bg.jpg") repeat-x top left;
	font-size:62.5%;
	line-height:62.5%;
	font-family:"Helvetica Neue", Helvetica, Arial;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.004) !important; 

}

#topSection {
	position:relative;
	width:1000px;
	height:641px;
	margin:0 auto;
	padding:1px;
	background:url("/_images/ifmapp_topsection.jpg");
}

#topSection #logo {
	position:absolute;
	width:200px;
	height:200px;
	background:url("/_images/ifmapp_logo.png");
	left:700px;
	top:0px;
}

#bottomSection {
	position:relative;
	width:900px;
	padding:0 50px;
	margin:120px auto;
}

.mainCol {
	float:left;
	width:400px;
	margin:0 30px;
}

.sideCol {
	float:left;
	width:220px;
}

#iPhone {
	position:absolute;
	top:-582px;
	left:350px;
	height:650px;
	width:300px;
	background:url("/_images/ifmapp_iphone.png");
	z-index:200;
}

#iPhone .screen {
	z-index:300;	
}

#iPhone .screen.current {
	z-index:400;
}

#iPhone .screen,
#iPhone #loading {
	position:absolute;
	width:250px;
	height:375px;
	top:91px;
	left:25px;
}

#iPhone #loading {
	background:url("/_images/loader.gif") no-repeat center;
}

#iPhone .screen img {
	cursor:pointer;
	display:none;
}

#iPhone .screen a.thumb {
	position:absolute;
	display:block;
	top:360px;
	height:75px;
	width:60px;
	cursor: pointer;
	text-decoration:none !important;
}

#iPhone #screen1 a.thumb { 
	left: -265px;
	background:url("/_images/ifmapp_screen1_thumb.png");	
}
#iPhone #screen2 a.thumb { 
	left: -185px;
	background:url("/_images/ifmapp_screen2_thumb.png");	
}
#iPhone #screen3 a.thumb { 
	left: -105px;
	background:url("/_images/ifmapp_screen3_thumb.png");	
}
#iPhone #screen4 a.thumb { 
	left: 295px;
	background:url("/_images/ifmapp_screen4_thumb.png");	
}
#iPhone #screen5 a.thumb { 
	left: 375px;
	background:url("/_images/ifmapp_screen5_thumb.png");	
}
#iPhone #screen6 a.thumb { 
	left: 455px;
	background:url("/_images/ifmapp_screen6_thumb.png");	
}

#iPhone .screen p {
	display:none;
	position:absolute;
	width:170px;
	padding:10px;
	left:280px;
	background:#3d4149;
	border:1px solid #23262c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:1.3em;
	color:#ffffff;
	font-weight:bold;
	line-height:1.1em;
}

#iPhone .screen p a {
	text-decoration:none;
}

#iPhone #screen1 p {	top:20px; left:-222px;	}
#iPhone #screen2 p {	top:50px; left:-222px;	}
#iPhone #screen3 p {	top:80px; left:-222px;	}
#iPhone #screen4 p {	top:20px;	}
#iPhone #screen5 p {	top:50px;	}
#iPhone #screen6 p {	top:80px;	}

h1, h2, h3, h4, h5 {
	line-height:1em;
	font-weight:bold;
}

h2 {
	position:relative;
	margin-left:250px;
	font-size:3.6em;
	color:#a2aab8;
	z-index:250;
}

h1 {
	position:relative;
	margin-left:250px;
	font-size:4.5em;
	z-index:250;
}

h3 {
	margin:20px auto;
	font-size:1.4em;
	color:#a2aab8;
}

h4, h5 {
	font-size:2em;
	line-height:1.2em;
	margin:1.2em 0;
	color:#a2aab8;
}

.subCol h5 {
	margin-top:0;
}

h5 {
	font-size:1.6em;
}

a {
	color:#a2aab8;	
	text-decoration:underline;
}

a:hover {
	color:#ffffff;
}

p {
	font-size:1.2em;
	line-height:1.4em;
	margin:1.8em 0;
}

ul {
	list-style-type:disc;
	font-size:1.2em;
	line-height:1.4em;
	margin:1.8em 0;
}

ul li {
	margin:10px 20px;
}

.quote {
	position:relative;
	background:#3d4149;
	border:1px solid #23262c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:15px;
	margin-bottom:20px;
}

.quote p {
	font-size:1.6em;
	line-height:1.1em;
	margin:0;
	color:#a2aab8;
}

.quote img {
	position:absolute;
	left:-5px;
	top:-5px;
	height:20px;
	width:24px;
	background:url("/_images/ifmapp.quote.png");
}

.quote a {
	display:block;
	margin-top:10px;
	text-align:right;
	color:#a2aab8 !important;
	font-family:georgia;
	font-style:italic;
	font-size:1.2em;
	line-height:1em;
}

.quote a:hover {
	text-decoration:underline;
}

a#appStore {
	display:block;
	width:220px;
	height:207px;
	background:url("/_images/ifmapp_appstore.png") top left;
	text-indent:-8000px;
}

a#appStore:hover {
	background-position:-220px 0px;
}


#footer {
	margin:50px 0;
	width:900px;
}

#footer a#griffinLink {
	display:block;
	width:131px;
	float:right;
	height:23px;
	text-indent:-6000px;
	background:url("/_images/footer_logo.png");
}

#watchVideo {
	display:block;
	width:220px;
	height:77px;
	text-indent:-6000px;
	background:url("/_images/ifmapp_video.png");
	cursor:pointer;
}

#videoFlood {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:#000000;
	z-index:2000;
	display:none;
}

#video {
	position:absolute;
	width:490px;
	background:url("../_images/italk_sync_bg.png") left top no-repeat;
	z-index:2001;
	display:none;
}