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


/* content divs */

#content {
	position:absolute;
	height:560px;
	width:848px;
	margin:-280px 0px 0px -425px;
	top: 50%;
	left: 50%;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	overflow: auto;
}

#header {
    position:absolute;
    width:848px;
    height:18px;
    left:0px;
    top: 0px;
    background-color: #5b5b5b;
}

#footer {
    position:absolute;
    width:848px;
    height:40px;
    left:0px;
    top:512px;
    background-color: #ffffff;
}

#title {
    position:absolute;
    width:336px;
    height:86px;
    left:0px;
    top:18px;
    background-color: #ffffff;
}

#title_news {
    position:absolute;
    width:70px;
    height:86px;
    left:336px;
    top:18px;
    background-color: #ffffff;
}

#title_sound {
    position:absolute;
    width:156px;
    height:86px;
    left:406px;
    top:18px;
    background-color: #ffffff;
}

#title_music {
    position:absolute;
    width:102px;
    height:86px;
    left:562px;
    top:18px;
    background-color: #ffffff;
}

#title_bio {
    position:absolute;
    width:98px;
    height:86px;
    left:664px;
    top:18px;
    background-color: #ffffff;
}

#title_friends {
    position:absolute;
    width:84px;
    height:86px;
    left:762px;
    top:18px;
    background-color: #ffffff;
}

#divider {
    position:absolute;
    width:848px;
    height:1px;
    left:0px;
    top:104px;
    background-color: #5b5b5b;
}

#subtitle_col1 {
	position:absolute;
	width:170px;
	height:20px;
	left:14px;
	top:120px;
	background-color: #FFFFFF;
}

#subtitle_col2 {
	position:absolute;
	width:170px;
	height:20px;
	left:296px;
	top:120px;
	background-color: #FFFFFF;
}

#subtitle_col3 {
	position:absolute;
	width:170px;
	height:20px;
	left:578px;
	top:120px;
	background-color: #FFFFFF;
}

#subtitle_examples {
	position:absolute;
	width:170px;
	height:20px;
	left:14px;
	top:290px;
	background-color: #FFFFFF;
}


#content_news1 {
	position:absolute;
	width:250px;
	height:338px;
	left:14px;
	top:152px;
	background-color: #FFFFFF;
}

#content_news2 {
	position:absolute;
	width:250px;
	height:338px;
	left:296px;
	top:152px;
	background-color: #FFFFFF;
}

#content_news3 {
	position:absolute;
	width:250px;
	height:338px;
	left:578px;
	top:152px;
	background-color: #FFFFFF;
}

#content_reel1 {
	position:absolute;
	width:320px;
	height:116px;
	left:14px;
	top:152px;
	background-color: #FFFFFF;
}

#content_reel2 {
	position:absolute;
	width:320px;
	height:160px;
	left:14px;
	top:322px;
	background-color: #FFFFFF;
	overflow: auto;
}

#content_reel3 {
	position:absolute;
	width:480px;
	height:388px;
	left:356px;
	top:120px;
	background-color: #FFFFFF;
}

/* text styles */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

br {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	line-height: 16px;
	color: #000000;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	line-height: 16px;
	color: #000000;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	line-height: 16px;
	color: #33cdff;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	line-height: 16px;
	color: #999999;
}



.grey_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

.grey_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #666666;
}

.grey_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #666666;
}

.midgrey_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #999999;
}

.midgrey_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #999999;
}

.midgrey_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #999999;
}

.black_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.black_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #000000;
}

.black_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #000000;
}

.blue_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #33cdff;
}

.blue_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #33cdff;
}

.blue_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #33cdff;
}