/* CSS Document 

Joseph WM Designed 2008, joswm.com
*/

* {
	margin:0;
	padding:0;
}

body {
	background: #042708;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
}

#wrap {
	width:1220px;
	margin:0 auto;
	padding:0 5px;
	text-align:left;
	overflow:hidden;
	background: url(images/main_bg.jpg) repeat-y;
}
#wrap_main {
	width:1220px;
	float:left;
}

#header {
	width:980px;
	height:80px;
	float:left;
	padding-left:0px;

}

#leftc h5 {
	display:block;
	width:240px;
	height:103px;
	float:left;
	text-indent:-900em;
	background: url(images/spympg_logo.jpg) no-repeat;
}
#header #htoplist {
	width:860px;
	height:60px;
	float:left;
}

#htoplist ul{
	width:815px;
	height:67px;
	padding:12px 0 0 45px;
	float:left;
	list-style:none;
}

#htoplist ul li{
	width:260px;
	height:28px;
	float:left;
	font: 18px Tahoma, Arial, Verdana;
	color: #666600;
}

#htoplist ul li a{
	color: #66CC33;
	font-weight:bold;
	text-decoration:none;
}

#htoplist ul li a:hover{
	color: #66FF99;
	text-decoration:underline;
}

#leftc {
	width:240px;
	float:left;
}

#leftc h6 {
	width:220px;
	color:#FF9966;
	text-align:center;
	padding-bottom:10px;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#leftc h6 a{
	color:#990033;
	text-decoration:none;
}
#leftc h6 a:hover{
	color:#fff;
	text-decoration:underline;
}

#leftc h6.mainpage {
	font: bold 16px Arial, Helvetica, sans-serif;
}
#leftc h6.mainpage a {
	color:#FFCC66;
}

#leftc ul {
	width:200px;
	float:left;
	padding:10px 0 10px 20px;
	color:#FF6666;
	list-style:none;
}
#leftc ul li a {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}
#leftc ul li a:hover {
	color:#FF3333;
	text-decoration:underline;
}

#movie {
	width:620px;
	padding:10px 0 5px 10px;
	float:left;
}
#movie h2 {
	width:620px;
	height:24px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
}
#movie h2 span{
	font: 18px Arial, Helvetica, sans-serif;
	color:#555;
}

#rightc {
	width:330px;
	padding-top:10px;
	float:left;
}

.thumbs {
	width:1229px;
	float:left;
	padding-left:1px;
}

.thumbs img {
	display:block;
	width:240px;
	height:180px;
	float:left;
	margin:0 2px 2px 0;
	border:1px solid #fff;
}

.thumbs img:hover {
	border:1px solid #66CC33;
}

.thumbs a {
	display:block;
}

.tl_item {
	width:340px;
	padding-bottom:6px;
	float:left;
}

.tl_item img {
	width:70px;
	height:53px;
	float:left;
	border:1px solid #669933;
}

.tl_item img:hover {
	border:1px solid #fff;
}
.tl_item .tl_desc {
	float:left;
	width:264px;
	padding:6px 0 0 4px;
	background: url(/vgrab/tgal/images/tl_bg.gif) no-repeat 0px 0px;
}
.tl_item .tl_desc a {
	float:left;
	margin-bottom:1px;
	color:#FF6633;
	font-size:24px;
	text-decoration:none;
	border-bottom:1px dotted #333;
}

.tl_item .tl_desc a:hover {
	border-bottom:1px dotted #FF9966;
	color: #FF3333;
}

.tl_item .tl_desc span {
	float:left;
	color:#666600;
	font-size:16px;
	width:264px;
}

.tl_item .tl_desc span strong{
	color:#663333;
}


#our_friends {
	width:1220px;
	float:left;
	padding:15px 0;
}

#our_friends h5{
	width:1220px;
	float:left;
	text-align:center;
	padding:8px 0;
	font: 36px Georgia, "Times New Roman", Times, serif;
	color: #999933;
}


#our_friends ul{
	width:1200px;
	padding-left:20px;
	float:left;
	list-style:none;
}

#our_friends ul#of_big{
	padding:10px 0 10px 70px;
}


#our_friends ul li{
	width:200px;
	height:22px;
	float:left;
	font: 14px Tahoma, Arial, Verdana;
	color: #CC3300;
}

#our_friends ul#of_big li{
	width:280px;
	height:26px;
	float:left;
	font: 18px Tahoma, Arial, Verdana;
	color: #CC6633;
}

#our_friends ul li a{
	color: #FFCC66;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #FF9999;
}

#our_friends ul li a:hover{
	color: #FF3300;
	border-bottom:1px dotted #FFCCCC;
}



#footer {
	clear:both;
	text-align:center;
	padding:6px 0;
	font-size:10px;
	color: #669900;
}