@charset "UTF-8";

/* Main Layout */

.howitworks #mainColumn {
	width: 650px;
	margin: 0;
	float: left;
}

.howitworks #rightColumn {
	width: 300px;
	margin: 0 0 0 20px;
	float: left;
}

/* How it works */

.howitworks#subContent h3 {
	color: #333;
	font-size: 40px;
	border-bottom: none;
	text-shadow: #EEE 1px 1px 0;
	width: 990px;
	text-align: center;
	margin: 0 auto 10px auto;
}

.howitworks #midNaviPhone .icon {
	background: url(../images/icon-iphone.png) no-repeat top center;
}

.howitworks #midNavAndroid .icon {
	background: url(../images/icon-nexusone.png) no-repeat top center;
}

.howitworks .shadowBoxContainer#webContent {
}

.howitworks .shadowBoxContainer#iPhoneContent {
}

.howitworks .shadowBoxContainer#androidContent {
}

.howitworks #subContentWeb {
	float: left;
}

.howitworks #subContentBody .shadowBoxContent {
   padding: 30px;
}

.howitworks #subContentiPhone {
	display: none;
	float: left;
}

.howitworks #subContentAndroid {
	display: none;
	float: left;
}

.howitworks #mainContent {
	width: 650px;
	height: 364px;
	background: #CCC;
}

.howitworks .largeImageTest {
	position: relative; 
	left: -21px;
}