﻿.welcome{
	background: url('http://www.myrepospace.com/images/homepage/welcome.png') no-repeat 30px 0px;
	padding-top: 50px;
}

.welcome span.fb{
	float: right;
	text-align: right;
	height: 10px;
	width: auto;
	display: inline-block;
	margin: -30px -0px 0 0;
}

.welcome a{
	color: #66B0EE;
}

.welcome a:hover{
	text-decoration: underline;
}


.welcome #top{
	background: url('http://www.myrepospace.com/images/homepage/top.png') no-repeat;
	height: 46px;
	width: 900px;
	margin: 0;
}

.welcome #middle{
	background: url('http://www.myrepospace.com/images/homepage/mid.png') repeat-y;
	min-height: 10px;
	padding: 3px 10px 3px 10px;
}

	.welcome #middle #textside{
		width: 439px;
		height: 170px;
		border-right: 1px #575757 solid;
		display: inline-block;
		float: left;
		text-align: center;
	}
	
	.welcome #middle #textside span { margin: 0 auto 0 auto; 
	display: block; background: url('http://www.myrepospace.com/images/homepage/text.png') no-repeat; height: 160px; width: 400px;}
	
	.welcome #middle #loginside{
		width: 439px;
		height: 170px;
		border-left: 1px #999 solid;
		display: inline-block;
		float: right;
		text-align: right;
	}
	
	.welcome #middle #loginside span{   font-weight: bold; font-size: 14pt; color: #CCCCCC; }
	.welcome #middle #loginside span span {   font-size: 11pt; color: #333; display: block; }
	.welcome #middle #loginside .homepage input#text { margin-left: 210px; display: block;   font-size: 13pt; padding: 10px;}
	.welcome #middle #loginside .homepage {text-align: right;}
	
	.welcome #middle #loginside #welcomeBack a{ display: block; font-size: 10pt; margin-top: 10px;}

	
.welcome #bottom{
	background: url('http://www.myrepospace.com/images/homepage/bottom.png') no-repeat;
	height: 20px;
	clear:both;
}


#belowMain{
	margin-top: 10px;
	height: 100px;
}

#belowMain h1{
	 
	font-size: 15pt;
	padding: 0 10px 5px 10px;
}

#belowMain h1 span{
	 
	font-size: 9pt;
	display: inline-block;
	color: silver;
	font-weight: normal;
}


#belowMain #left{
	display: inline-block;
	float: left;
	width: 630px;
	border-right: 1px #999 solid;
}

#belowMain #left p{
	padding: 3px 10px 0 10px;
	margin-top: -10px;
	color: #333;
	font-size: 8pt;
}

#belowMain #topDownloads { margin-bottom: 20px; }

#belowMain #topDownloads div{
	padding: 7px 7px 7px 13px;
	 
}

#belowMain #topDownloads div div{
	display: inline-block;
	width: auto;
	display: block;
	position: relative;
	padding: 0;
}

#belowMain #topDownloads span.img{
	width: 60px;
	display: inline-block;
	text-align: center;
}


#belowMain #topDownloads span.title{
	top: 20%;
	margin-left: 70px;
	display: inline-block;
	position: absolute;
}

#belowMain #topDownloads span.title span{
	color: #999; 
	font-size: 9pt;
	display: block;
}

#belowMain #topDownloads span.dls{
	right: 15px;
	top: 15%;
	position: absolute;
	font-size: 9pt;
	color: #999;
	position: absolute;
	text-align: center;
}

#belowMain #topDownloads span.dls h3{
	font-weight: 200;
	color: #333;
	font-size: 11pt;
	padding: 0;
	margin: 3px 0 0 0;
	vertical-align: middle;
}


#belowMain #topDownloads div.theGold{
	padding: 20px 0px 20px 13px;
	border-bottom: 1px silver solid;
	background: #E7E4C7;
}

#belowMain #topDownloads div.theGold span.title{
	font-size: 15pt;
}

#belowMain #topDownloads div.silver{
	padding: 15px 0px 15px 13px;
	border-bottom: 1px silver solid;
	background: #F0F0E8;
}


#belowMain #topDownloads div.bronze{
	padding: 10px 0px 10px 13px;
	border-bottom: 1px silver solid;
	background: #F0DBBD;
}

#belowMain #topDownloads div.normal{
	border-bottom: 1px silver solid;
	padding: 13px 0 10px 13px;
}



#belowMain #right{
	display: inline-block;
	float: right;
	width: 260px;
}

#belowMain h2{
	 
	color: gray;
	font-size: 14pt;
}
#belowMain h2 a{color: gray;}
#belowMain h2 a:hover{color: #4B8FB4; text-decoration: underline;}

#right #newBlog{
	text-align: left;
	padding: 5px 0 5px 0;
	font-size: 11pt;
}

#right #newBlog div{
	font-size: 9pt;
	color: #999;
}
#right #newBlog div span{
	display: inline-block;
	float: right;
	padding-right: 10px;
}

#arrow{
	background: url('http://www.myrepospace.com/images/homepage/arrow.png') no-repeat;
	height: 16px;
	width: 23px;
	margin: -20px 0 0 35px;
}

#marquee{
	background: #DCE9E7;
	height: 40px;
	width: 615px;
	margin: 0 auto 0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}


#marqinner {
	padding: 9px 3px 0px 10px;
	white-space: nowrap;
	left: 0px;
	position: relative;
}

#marquee .marq{
	display: inline-block;
	 
	width: 610px;
	font-size: 10pt;
	height: 30px;
	overflow: hidden;
}

#marquee .marq img{
	margin-bottom: -5px;
}


#vip {
	font-size: 9pt;
	color: gray;
}

#facebook{
	border-bottom: 1px #4166BB solid;
	height: 100px;
	overflow: hidden;
	width: 95%;
	margin: 0 auto 10px;
}

#facebook #fb1{
	background: url('/images/homepage/fb.png') no-repeat;
	width: 20px;
	height: 75px;
	margin: 17px 5px 3px 5px;
	display: inline-block;
	float: left;
}

#facebook #fbinner{
	display:inline-block;
	width: 90%;
	margin: 8px auto;
}

#facebook .fbi
{
	height: 90px;
	margin: 10px 0;
	display: block;
	overflow: hidden;
}

.fbi img{
	float: left;
	margin: 5px 10px 5px 0;
}
.fbi b a{
	font-size: 19pt;
	color: #5A7C83;
	 
	text-decoration: none;
}
.fbi b a:hover{
	text-decoration: underline;
}
.fbi iframe{
	float: right;
}

.fbi div{
	font-size: 10pt;
	color: #AAA;
}
.fbi div span{
	display: block;
	color: #ABB9CD;
}
