/* CSS Document */
html {height: 100%;}
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #cccccc;
	font-size: 12px;
	background: #2d3132 top center url(../graphic/gray-bg.gif) repeat-y;
	margin:0;
	padding:0;
	width:100%;
	height:auto !important;
	min-height:100%;
	position:relative;
}
a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #ffffff;}
a:active {color: #ffffff;}

a img {border: 0px;}
.maintop {
	background: #239dd0 left top url(../graphic/blue-bg.jpg) no-repeat;
	height: 415px;
}
.mainbottom {
	vertical-align: top;
}
.maintop .headerContainer {width: 990px; height: 375px; background: top center url(../graphic/colors.png) no-repeat; margin: auto; padding-top: 40px; overflow-y: hidden;}
.maintop ul.logoContainer {width: 650px; margin: auto; text-align: center; padding: 0px;}
.maintop ul.logoContainer li {list-style: none; height: 340px; background: top left url(../graphic/header-container.png) no-repeat; }
.maintop ul.logoContainer li p {color: #fff;}
.maintop ul.logoContainer li h4{font-family: 'Century Gothic'; color: #fff; font-size: 24px; font-weight: normal;}
.maintop ul.logoContainer li.logo {background: none !important;}
.maintop ul.logoContainer li.logo img{ vertical-align: middle; margin-top: 120px;}

.coolMenu {height: 28px; padding-top: 7px; width: 680px; margin: auto;}
.coolMenu a {font-size: 13px; color: #fff; font-weight: bold; text-decoration: none;}
.coolMenu a img {vertical-align: middle;}
.coolMenu .leftLink {float: left; margin-right: 38px;}
.coolMenu .middleLink {float: left;}
.coolMenu .middleLink span {padding: 10px 0px 10px 170px;}
.coolMenu .rightLink {float: right;}
.searchInput {width: 531px; height: 26px; background: left top url(../graphic/search-input.png) no-repeat; border: 0px; margin: 0px 0px 10px 0px; padding: 6px 5px 0px;}

.coolMenu .leftLink img {margin-right: 5px;}
.coolMenu .rightLink img {margin-left: 5px;}
.wslide-wrap {margin-left: auto !important; margin-right: auto !important;}
.wslide-menu {display: none;}
.mainContainer {width: 990px; margin: auto; background: 250px 0px url(../graphic/content-shadow.png) no-repeat;}
h1, h2 {font-family: 'Century Gothic'; font-size: 24px; font-weight: normal; margin: 0px; padding: 10px 0px;}
.textContainer {width: 990px;}
.textContainer .left {width: 650px; float: left; padding-right: 10px;}
.textContainer .left p {line-height: 20px;}
.textContainer .right {width: 320px; float: left; color: #fff;}
.textContainer .right a {line-height: 18px;}
.clear {float: none; clear: both; width: 100%; height: 0px; font-size: 0px; }
.thumb {padding: 4px; background: left top url(../graphic/thumb-bg.png) repeat; float: left; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;}
.imageBorder {padding: 4px; background: left top url(../graphic/thumb-bg.png) repeat; margin-bottom: 10px; float: left; }
.imageBorder #avImage {float: left;}
#previewImg {overflow: hidden;}
.selectFormat {padding: 15px; text-align: center;}
.getBtn {text-align: center; margin-bottom: 10px;}
.imageContainer .left {float: left; width: 650px;}
.imageContainer .right {float: left; width: 320px; padding-left: 10px;}
.imageContainer .right p {margin-top: 0px;}
.bottom {width: 990px; margin: auto; height: 60px; padding-top: 15px;}
.bottom .logoBottom {float: left;}
.bottom .copyrightText {float: right; font-size: 11px; padding-top: 15px;}
.innertop {
	background: #239dd0 left top url(../graphic/blue-small-bg.jpg) no-repeat;
	height: 257px;
}
.innertop .headerContainer {width: 990px; height: 247px; background: top center url(../graphic/colors-small.png) no-repeat; margin: auto; padding-top: 10px; overflow-y: hidden;}
.innertop .logo {text-align: center; padding-top: 60px;}
.innerImageContainer .left {width: 320px; float: left;}
.innerImageContainer .right {width: 650px; float: left; padding-right: 10px;}
.innerEditContainer .left {float: left; width: 250px;}
.innerEditContainer .middle {float: left; width: 612px; padding: 0px 10px;}
.innerEditContainer .right {float: left; width: 108px;}
.upload {text-align: center; padding: 10px 0px 15px; border-bottom: 1px dotted #cccccc;}
.upload p {margin: 0px; padding: 5px 0px;}
.pagerContainer {margin-top: 5px;}
.pagerContainer span, .pagerContainer a, .pagerContainer strong {padding: 2px 5px; background-color: #666; color: #fff; margin: 0px -4px 0px 0px; text-decoration: none;}
.pagerContainer span, .pagerContainer a:hover {background-color: #239dd0;}
.bottomImages {margin: auto; width: 930px;}
#shadow {position: absolute; width: 100%; height: 100%; background: url(../graphic/shadow.png) repeat; left: 0px; top: 0px;}
#popup {width: 100%; margin: auto; position: absolute; top: 0px; height: 100%; z-index: 100000;}
#popup .popupContainer {width: 450px; margin: 200px auto; background: #2d3132 top center url(../graphic/gray-bg.gif) repeat-y; padding: 15px; border: 15px solid #ffffff;}
#popup .popupContainer #loader {text-align: center;}
#popup .popupContainer #image{text-align: center;}
.closeBtn {float: right;}

.pagerContainer span, .pagerContainer a, .pagerContainer strong {padding: 3px 5px;}
.spblh {font-size: 11px; padding-top: 5px;}
.tribute {float: right; padding-top: 5px;}
.tribute a {text-decoration: none;}
.tribute a img {vertical-align: middle;}