@import url(content.css);

#contentContainer a{
	text-decoration: none;
}

#supportLeftColumn{
	width: 192px;
	float: left;
	margin-top: 49px;	
	padding-left: 10px;
}

#supportRightColumn{
	width: 715px;
	float: right;
	margin-top: 49px;
	height: 400px;
	padding-right: 10px;
}

#supportFeaturesLeftColumn{
	width: 471px;
	height: 200px;
	float: left;
}

#supportFeaturesRightColumn{
	width: 230px;
	height: 200px;	
	float: right;
}

#docBox{
	background-image: url(../images/supportDocsBox.jpg);
	background-repeat: no-repeat;
	width: 443px;
	height: 226px;
	position: relative;
	top: -18px;
	
	padding: 58px 0 0 28px;
}

#docBox h1{
	color: #264189;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	font-size: 1.75em
}

#docBox h2{
	color: #DB1714;
	font-weight: normal;
	font-size: 1.5em;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/supportDocButton.png);
	width: 207px;
	height: 33px;
	display: block;
	padding: 15px 0 0 15px;
}

#docBox h2 img{
	position: absolute;
	right: 33px;
	top: 10px;
}

#getStarted{
	position: absolute;
	top: 166px;
	left: 25px;
}

#advancedUsers{
	position: absolute;
	top: 166px;
	left: 252px;	
}

#overview{
	position: absolute;
	top: 224px;
	left: 25px;	
}

#faqs{
	position: absolute;
	top: 223px;
	left: 252px;	
}

#docBox div{
	color: #004896;
	font-size: 1.083em;
	line-height: 138.461%;
	width: 220px;
}

.supportBox{
	width: 192px;
	height: 110px;
	background-image: url(../images/supportBox.gif);
	background-repeat: no-repeat;
	margin-bottom: 16px;	
	font-family: Arial, Helvetica, sans-serif;
	padding: 16px 22px 0 16px;
	cursor: pointer;
	cursor: hand;
}

.supportBox h1{
	color: #9E9C9C;
	font-size: 1.666em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0.2em 0;
}

.supportBox span{
	color: #E24543;
	line-height: 125%;
}

.supportBox span img{
	float: right;
	margin-left: 3px;
}

#downloadsBox{
	float: left;
}

#supportBox{
	float: right;
}