/* CSS Goodness by Drew Taylor */

@import url("global.css");

/* -------------------------------Main------------------------------------ */

#uploadCol {background: #f5f5f5 url(images/uploadCol_bg.gif) no-repeat center top; padding:170px 10px 10px 10px;}
#botHalf {background-color: #f5f5f5; float: left;}
#botCol {background:url(images/botCol_bg.gif) repeat-x #fff; padding:25px 20px 25px 20px; float: left; }
#rightCol {background:url(images/botCol_bg.gif) repeat-x #fff; width: 580px; float: left; padding-bottom: 10px;}
#botCol .button {background:url(images/btn_bg.gif) no-repeat left top; width: 128px; text-align: center; padding: 10px 0 35px 0; color: #fff; display: block; float: right; }
#botCol .button:hover {color: #fff; text-decoration: none;}
.buttonWrapper{overflow: hidden; width: 100%;}
a.uploadbtn {background: url(images/uploadBTN_bg.gif) no-repeat top; display: block; height: 86px; margin-top: 2px; text-align: center; font-size: 2em; font-weight: bold; color: #fff;text-decoration: none;}
a.uploadbtn:hover {background: url(images/uploadBTN_bg.gif) no-repeat bottom; display: block; height: 86px; margin-top: 2px; text-align: center; font-size: 2em; font-weight: bold; color: #fff;text-decoration: none;}

#promo {height: 392px; float: left; border-bottom: 2px solid #fff;}
#promo a {color: #fff;}
#promo a:hover {color: #fff; text-decoration: underline;}

/* -------------------------------Type------------------------------------ */

#botCol p {margin: 0 0 3px 0; font-size: 11px;}
#botCol h1 {margin-bottom: 3px; border-bottom: 0px;}
#uploadCol a {color: #fff;}


/* Feature carousel
--------------------------------------- */

#mySlides {
	overflow: hidden;
	width: 864px;
	height: 392px;
	}

#mySlides .slide {
	color: #b5e5f7;
	padding: 0;
	font-size: 1.25em;
	line-height: 1.333em;
	height: 392px;
}

#slide1 ul {
	margin: 140px 0 0 20px;
	color: #555;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}

#mySlides .slide h2 {
	font-size: 2.1333em !important;
	margin: 0.75em 0 0.5em 0 !important;
	width: 350px;
}

#mySlides .slide p {width: 350px;}

#feature .nav {
	font-size: 1.41667em;
	color: #0096ff;
	height: 20px;
	position: relative;
	padding-left: 0px;
}

#feature .nav a {
	color: #13a6ea;
	float: left;
	height: 20px;
	margin-right: 10px;
	padding-left: 20px;
	text-decoration: none;
}

#feature .nav .one a {background: url(images/slide_btn.gif) no-repeat left top;}
#feature .nav .two a {background: url(images/slide_btn.gif) no-repeat left top;}
#feature .nav .three a {background: url(images/slide_btn.gif) no-repeat left top;}

#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #FFF;
	background: url(images/slide_btn_selected.gif) no-repeat left top;
	text-decoration: none;
}

#feature .nav .hide {display: none;}

#myController { position: absolute; z-index: 100; margin-top: -35px;}

#myController li {list-style: none; margin: 0; padding: 0; display: inline;}
#myController ul {list-style: none; margin: 0; padding: 0;}



/* -----------------------------images------------------------------------ */

#botCol img {float: right; margin: 0 0 10px 15px;}