/*** Fix HTML Default Styles ***/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: normal;
}

img {
	border: 0;
}


/*** Index ***/

body {
	background: #000000;
	font: 0.7em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 667px;
}

.shadow_right, .shadow_left {
	position: absolute;
	top: 0;
	width: 9px;
	height: 100%;
}

.shadow_right {
	right: -9px;
	background: url("media/shadows/right.png");
}

.shadow_bottom_right, .shadow_bottom, .shadow_bottom_left {
	position: absolute;
	bottom: -9px;
	height: 9px;
}

.shadow_bottom_right {
	right: -9px;
	width: 9px;
	background: url("media/shadows/bottom_right.png");
}

.shadow_bottom {
	left: 0;
	width: 100%;
	background: url("media/shadows/bottom.png");
}

.shadow_bottom_left {
	left: -9px;
	width: 9px;
	background: url("media/shadows/bottom_left.png");
}

.shadow_left {
	left: -9px;
	background: url("media/shadows/left.png");
}

#top {
	height: 19px;
	background: url("media/top.png");
}

#header_SIDP {
	height: 188px;
	background: url("media/header_SIDP.jpg");
}

#header_LMU {
	height: 188px;
	background: url("media/header_LMU.jpg");
}

#header_XT {
	height: 188px;
	background: url("media/header_XT.jpg");
}

#header_MFU {
	height: 188px;
	background: url("media/header_MFU.jpg");
}

#header_LMU {
	height: 188px;
	background: url("media/header_LMU.jpg");
}

#header_TTC {
	height: 487px;
	width:  498px;
	background: url("../media/header_TTC.jpg");
}

#header {
	position: fixed;
	background-color : #191919;
	top: 0px;
	width: 100%;
	height: 15px;
	font-size: 11px;
	text-align: left;
	text-shadow: black -1px 1px 2px;
	color: white;
	text-decoration: none;
	text-indent: 10px;
}

A:link {
	text-shadow: black -1px 1px 2px;
	color: #fa6968;
	text-decoration: none;
}

A:visited {
	text-shadow: black -1px 1px 2px;
	color: #fa6968;
	text-decoration: none;
}

A:active {
	text-shadow: black -1px 1px 2px;
	color: white;
	text-decoration: none;
	
}

A:hover {
	color: white;
	text-decoration: underline;
}

#title {
	position: absolute;
	top: 130px;
	width: 500px;
	font-size: 40px;
left: 320px;
	text-shadow: black -1px 2px 2px;
	color: white;
}


#version {
	position: absolute;
	top: 180px;
	width: 500px;
	font-size: 15px;
	left: 327px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#version2 {
	position: absolute;
	top: 253px;
	font-size: 11px;
	text-indent: 510px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#cost {
	position: absolute;
	top: 275px;
	width: 700px;
	font-size: 11px;
	text-indent: 346px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#requirement {
	position: absolute;
	top: 275px;
	width: 100%;
	font-size: 11px;
	text-indent: 422px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#buy {
	position: absolute;
	top: 250px;
	font-size: 11px;
	text-indent: 330px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#download {
	position: absolute;
	top: 250px;
	font-size: 11px;
	text-indent: 420px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#skins {
	position: absolute;
	top: 250px;
	font-size: 11px;
	text-indent: 510px;
	text-shadow: black -1px 2px 2px;
	color: white;
}

#screen {
	
	position: absolute;
	top: 30px;
	font-size: 11px;
	text-shadow: black -1px 2px 2px;
	color: white;
	text-align: right;
	float: right;
	right: 10px;
	left: 700px;
}


#minicontroller {
	
	position: absolute;
	font-size: 17px;
	text-shadow: black -1px 2px 2px;
	color: white;
	text-align: center;
	float: right;
	bottom: 5px;
	left: 50px;
	top: 420px;
}


#minicontroller a {
	text-decoration: none;
	color: white;
}

#minicontroller a:hover {
	color: gray;
}


#version a {
	text-decoration: none;
	color: #D3D3D3;
}

#version a:hover {
	color: #ADD8E6;
}

#info {
	position: absolute;
}

#separator {
	height: 10px;
	background: url("media/separator.png");
}

#menu {
	height: 24px;
	background: url("media/menu/background.png");
	vertical-align: middle;
	text-align: center;
}

#menu .separator {
	background: url("media/menu/separator.jpg");
	padding: 4px 3px 3px 0;
}

#family_pack {
	position: absolute;
	top: 90px;
	left: -45px;
}

#olive {
	position: absolute;
	top: 530px;
	left: -25px;
}



#footer {
	position: fixed;
	background-color : #191919;
	width: 100%;
	height: 20px;
	font-size: 11px;
	text-align: left;
	text-shadow: black -1px 1px 2px;
	color: white;
	text-decoration: none;
	text-indent: 10px;
	bottom:0%;
}


/*** Home ***/

#headline_REA {
	height: 34px;
	background: url("media/headline_resizeemall.png");
}

#headline_TTC {
	height: 34px;
	background: url("media/headline_totaltunescontrol.png");
}

#headline_SIDP {
	height: 34px;
	background: url("media/headline_sidp.jpg");
}

#headline_MFU {
	height: 34px;
	background: url("media/headline_macfreewareupdate.png");
}

#headline_LMU {
	height: 34px;
	background: url("media/headline_lmu.png");
}

#headline_XT {
	height: 34px;
	background: url("media/headline_xtastes.png");
}

.content {
	padding: 10px 14px 10px 18px;
	line-height: 16px;
	color: #333;
	overflow: auto;
}

#table {
	position: absolute;
	width:700px;
	font-size: 11px;
	text-shadow: black -1px 2px 2px;
	color: white;
	text-align: left;
	float: right;
	top: 400px;
	left: 25%;
}

#tableSkins {
	position: absolute;
	width:700px;
	font-size: 11px;
	text-shadow: black -1px 2px 2px;
	color: white;
	text-align: left;
	float: right;
	top: 400px;
	left: 250px;
}

#tableSkins a:link {
	font-size: 11px;
	text-shadow: black -1px 2px 2px;
	color: white;
	text-decoration:none;
}

#tableSkins a:hover {
	text-shadow: black -1px 2px 2px;
	color: white;
	font-size: 11px;
	text-decoration:none;
}

.featureTitle {
			font-weight: bold;
			color: #FFFFFF;
			text-shadow: 0px 1px 0px rgba;
	left: 38px;
	font-size: 14px;
}

.featureDesc {
			color: #ccc;
			text-shadow: 0px 1px 0px rgba;
	left: 38px;
	font-size: 12px;
}

.featureImage {
	left: 0;
	float: left;
}

#column1 {
	left: 0;
	float: left;
	width: 50%;
}

#column2 {
	left: 50%;
	float: left;
	width: 50%;
}
		
.contentColumn {
	line-height: 14px;
	color: #ccc;
	overflow: auto;
	}
.contentColumn a{
text-decoration: none;
	color: #000080;

	}
.contentColumn a:hover {

	color: gray;
	text-decoration:none;
	}

.featureColumn
	{
		float: left;
		width: 210px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
	}

.content img {
	float: right;
	margin-left: 20px;
}

.content .highlighted {
	font-weight: bold;
}

#content1 {
	background: white url("media/content1.png") repeat-x;
}

#content2 {
	background: #EDF7FF url("media/content2.png") repeat-x;
}