@charset "UTF-8";
/* CSS Document */

html {
	background-color:#161616;
}


body	{
	text-align: center; /* To Make Content Centered */
	color: #fff;
	font: 12px "Lucida Grande", sans-serif;
	margin: 8px;
	padding:0px;
	line-height:1.2em;
}


img {
		border:none;
}


#container { 
	width: 937px;
	height:937px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg.jpg) top left no-repeat;
	position:relative;
}

#containerHome { 
	width: 937px;
	height:895px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-home.jpg) top left no-repeat;
	position:relative;
}

#containerImages { 
	width: 937px;
	height:820px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-media.jpg) top left no-repeat;
	position:relative;
}

#containerFeatures { 
	width: 937px;
	height:3310px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-features.png) top left no-repeat;
	position:relative;
}

#containerTutorials { 
	width: 937px;
	height:1910px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-tutorials.jpg) top left no-repeat;
	position:relative;
}

#containerVideo { 
	width: 937px;
	height:895px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-home.jpg) top left no-repeat;
	position:relative;
}

#containerContact { 
	width: 937px;
	height:815px;
	margin: 25px auto 0px; /* Right And Left Margin Widths To Auto */
	background:url(images/rounded-bg-media.jpg) top left no-repeat;
	position:relative;
}

#header	{
	width: 100%;
	height: 148px;
	padding: 50px 0px 30px 0px;
	margin:0px 0px 0px 1px;
	text-align:left;
}

#leftContent	{
	float:left;
	width:225px;
	padding: 0px 50px 0px 50px;
	margin:50px 0px 0px 1px;
	height:630px;
}

#rightContent	{
	float:left;
	width:250px;
	padding: 0px 35px 0px 50px;
	margin:50px 0px 0px 0px;
	height:630px;
	text-align:left;
}

#middleContent	{
	float:left;
	width:275px;
	padding: 0px;
	margin:50px 0px 0px 0px;
	height:630px;
}


#singleContent	{
	width:835px;
	padding: 0px 50px 0px 50px;
	margin:50px 0px 0px 0px;
	height:550px;
	
}


#doubleContentLeft	{
	float:left;
	width:315px;
	padding: 0px 25px 0px 35px;
	margin:50px 0px 0px 1px;
	color:#FFFFFF;
}

#doubleContentRight	{
	float:left;
	width:510px;
	padding: 0px 25px 0px 20px;
	margin:50px 0px 0px 0px;
	text-align:left;
}


#featuresContentLeft	{
	float:left;
	width:412px;
	padding: 0px 26px 0px 40px;
	margin:50px 0px 0px 0px;
	text-align:left;
}

#featuresContentRight	{
	float:left;
	width:412px;
	padding: 0px 0px 0px 25px;
	margin:50px 0px 0px 0px;
	text-align:left;
}


.featureItem	{
	text-align:center;
	margin:0px 0px 10px 0px;
	
}


.featureItemImage	{
	width:412px;
	height:403px;
	margin:0px 0px 0px 0px;
	position:relative;

}



.tutorialItemImage	{
	width:412px;
	height:403px;
	margin:0px 0px 0px 0px;
	position:relative;
	text-align:center;

}



.featureItemImageLandscape	{
	width:412px;
	height:258px;
	margin:0px 0px 0px 0px;

}



.featureItemText	{
	width:412px;
	height:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:3;

}

.tutorialIItemText	{
	width:412px;
	height:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:3;

}


.featureItemText h1	{
	text-align:left;
	margin: -30px 0px 5px 0px;
	font-size:21px;
	font-weight:normal;
	line-height:1.3em;
	color:#fff;
}

.tutorialIItemText h1	{
	text-align:left;
	margin: -30px 0px 5px 0px;
	font-size:21px;
	font-weight:normal;
	line-height:1.3em;
	color:#fff;
}


.featureItemText p	{
	text-align:left;
	margin: 0px 0px 0px 0px;
	font-size:15px;
	line-height:1.2em;
	color:#ccc;
}



.tutorialIItemText p	{
	text-align:left;
	margin: 0px 0px 0px 0px;
	font-size:15px;
	line-height:1.2em;
	color:#ccc;
}



#featuresFinePrint	{
	text-align:left;
	font-size:11px;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

.newBadgeLeft	{
	position:absolute;
	top:-10px;
	left:75px;
	z-index:2;
}

.newBadgeRight	{
	position:absolute;
	top:-10px;
	right:75px;
	z-index:2;
}

#appStore	{
	margin:41px 0px 0px 0px;
}

#screensButtonFeatures	{
	position:absolute;
	z-index:4;
	top:3150px;
	left:775px;
}

#appStoreFeatures	{
	position:absolute;
	z-index:4;
	top:3150px;
	left:15px;
}



#screensButtonTutorials	{
	position:absolute;
	z-index:4;
	top:1850px;
	left:775px;
}

#appStoreTutorials	{
	position:absolute;
	z-index:4;
	top:1850px;
	left:15px;
}


#featureList	{
	list-style:outside none;
	list-style-image:url(images/listBullet.gif);
	font-size:15px;
	margin-left:-30px;
	margin-top:12px;
	font-weight:lighter;
	line-height:1.3em;
}


#featureList li	{
	margin:10px 0px 10px 10px;
}


#featureBold	{
	font-size:17px;
	font-weight:bold;
	margin-left:-9px;
}


#screensButton	{
	margin-top:0px;
	margin-left:5px;
}


#videoTable	{
	margin:0px auto;
	text-align:center;
	font-size:10px;
	}
	
	
#videoTable	th {
	font-weight:bold;
	text-shadow: rgb(100, 100, 100) 1px 2px 3px;
	font-size:28px;
	padding:10px 0px 20px 0px;
	}
	
	
#videoTable	td.topRight {
	padding:0px 0px 50px 0px;
	text-align:center;
	
	}
	
#videoTable	td.topLeft {
	padding:0px 100px 50px 0px;
	text-align:center;
	
	}
	
#videoTable	td.bottomLeft {
	padding:0px 100px 0px 0px;
	text-align:center;
	
	}
	
#videoTable	td.bottomRight {
	padding:0px 0px 0px 0px;
	text-align:center;
	
	}
	
	
.mouseovers {
	margin:0px 0px 0px -23px;
	text-align:center;
}


.mouseovers ul li	{
	display: inline;
	margin:0px 0px 0px 0px;
}


.mouseovers ul	{
	margin:-2px 0px 0px 0px;
	padding:0px;
	text-align:center;
	list-style: none;
}


.form-input-field {
	color:#ffffff;
	width:310px;
	background:#000;
	-webkit-border-radius: 4px;		 /* Round corners Webkit */
	-moz-border-radius: 4px;		 /* Round corners Mozilla */
	border: 2px inset;
	font-family: 'Lucida Grande';
	margin: 0px 0px 5px 0px;
	padding: 0px;
	} 


.txtBox	{
	height:90px;
	}

.contactLeftStuff	{
	text-align:center;
	} 


.contactBubbles	{
	color:#ffffff;
	margin-bottom:30px;
	width:500px;
	background:#151515;
	-webkit-border-radius: 4px;		 /* Round corners Webkit */
	-moz-border-radius: 4px;		 /* Round corners Mozilla */
	border: 2px outset;
	} 


.contactBubbles p	{
	width:480px;
	margin:10px;
	text-align:justify;
	-webkit-border-radius: 4px;		 /* Round corners Webkit */
	-moz-border-radius: 4px;		 /* Round corners Mozilla */
	} 

.contactBubbles ul	{
	text-align:left;
	list-style:inside circle;
	} 


.greyEm	{
	font-style:italic;
	font-size:10px;
	color:#999;
}

.justify	{
	text-align:justify;
}


.centerStuff	{
	text-align:center;
}


.clearer {
	clear: both;
}

.greenMe	{
	color:#3ad121;
}



h1	{
	margin:5px 0px 20px 0px;
	padding:0px;
	text-shadow: rgb(100, 100, 100) 1px 2px 3px;
	font-size:24px;

}

a:link {color:#3ad121; text-decoration:none;} a:visited {color:#3ad121;	text-decoration:none;} a:hover {color:#3ad121; text-decoration:underline;} a:active {color:#fff; text-decoration:underline;}

a.red:link {
	color:#ff0000;
	text-decoration:none;
}

a.red:visited {
	color:#ff0000;
	text-decoration:none;
}

a.red:hover, a.red:active {
	color:#ff0000;
	text-decoration:underline;
}


a.white:link {
	color:#fff;
	text-decoration:none;
}

a.white:visited {
	color:#fff;
	text-decoration:none;
}

a.white:hover, a.white:active {
	color:#fff;
	text-decoration:underline;
}