html {
	min-width: 100%;
		min-height: 100%;
}
body {
	text-align: center;
	background-image: url(../images/bg/mainbg.png);
	background-color: #E4E1D8;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	display: table;
}
a {
	text-decoration: none; 
	list-style-position: none; 
	outline: 0;
	color: #4CAAE3;
}
textarea {
    resize: none;
}
form input[type=url] {
	padding: 13px 25px 13px 13px;
	width:360px; 
	background-color: #f8f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 25px;
	font-size: 15px;
	outline: none;
}
form input[type=url]:focus {
	border: 1px solid #A2081F;
}
.hide {
	visibility: hidden;
	display: none;
}
.logo {
	padding: 0px 35px 0px 35px; 
	text-align: left;
}
.seasonWrapper {
	position: absolute; 
	top: 0px; 
	left: 100px;
}
#container {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	/*background-color: #000;*/
	height: 800px;
}
#menubutton {
	float: left;
}
.logo {
	float: left; 
	padding-left: 100px;
}
.header {
	padding: 30px; 
	height: 62px; 
	border-bottom: 1px solid #D5D3CA; 
	width: 1000px; 
	min-width: 1000px; 
	min-height: 62px;
	margin: 0 auto;
}
.privacy {
	float: right;
}
.privacy p {
	padding: 20px 70px 0px 0px;
}
.privacy a {
	color: #BCBBB4;
}
.privacy a:hover {
	color: #B1B0A9;
}
.menu-link {
	background-image: url(../images/btn_menu.png); 
	width: 28px; 
	height: 24px; 
	display: block; 
	cursor: pointer;
}
.menu-link:hover {
	background-image: url(../images/btn_menu_hover.png); 
	display: block; 
}
.contentMain {
	position: relative; 
	width: 100%; 
	/* for IE 6 */ min-width: 1000px; 
	height: 200px;
}
.formWrapper {
	text-align: center; 
	position: absolute; 
	top: 107px;
	right: 0px; 
	width: 100%;
}
.backgroundRed {
	text-align: center;
	position: absolute; 
	top: 5px;
	right: 5px; 
	width: 100%;
}
.steps {
	text-align: center;
	position: absolute; 
	top: 18px;
	right: 10px; 
	width: 100%;
}
.steps h2 {
	color: #FFF;
	font-size: 21px;
}
.enterUrl {
	text-align: center;
	position: absolute; 
	top: 75px;
	right: 82px; 
	width: 100%;
}
.urlShort {
	text-align: center;
	position: absolute; 
	top: 75px;
	right: 50px; 
	width: 100%;
}
.charcount {
	text-align: center;
	position: absolute; 
	top: 160px;
	right: 0px; 
	width: 100%;
}
.charcount p {
	font-size: 13px; 
	color: #FFF; 
	font-style: italic; 
	padding-left: 240px;
}
.charcount p span {
	font-size: 13px; 
	color: #FFF; 
	font-style: italic; 
	font-weight: bolder;
}
.charcount_a {
	text-align: center;
	position: absolute; 
	top: 160px;
	right: 0px; 
	width: 100%;
}
.charcount_a p {
	font-size: 13px; 
	color: #FFF; 
	font-style: italic; 
	padding-left: 235px;
}
.charcount_a p span {
	font-size: 13px; 
	color: #FFF; 
	font-style: italic; 
	font-weight: bolder;
}
.enterUrl h2 {
	font-size: 22px; 
	color: #FFF;
}
.urlShort h2 {
	font-size: 22px; 
	color: #FFF;
}
footer {
	margin: 0 auto;
}
.leftWrapper {
	width: 500px; 
	float: left; 
	text-align: center; 
	position: relative; 
	left: 0; 
	top: 0;
}
.title {
	width: 460px; 
	float: left;
}
.title p {
	font-weight: bold; 
	font-size: 15px; 
	color: #535759; 
	text-align: right;
	line-height: 125%;
} 
.grey {
	font-weight: lighter; 
	font-size: 13px;
}
.blue {
	color: #79BFEA; 
	font-weight: normal; 
	font-size: 13px;
}
.contentTop {
	margin: 0 auto; 
	width: 1000px; 
	padding: 10px;
}
#slideWrapper {
	display: table; 
	margin: 0 auto;
}
#snow {
	background: none;
	background-image: url('../images/snow/1.png'), url('../images/snow/2.png'), url('../images/snow/3.png');
	height: 105px;
	width: 192px;
	position: relative; top: 0; left: 90px;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
	100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
.backgroundGrey {
	background-image: url(../images/bg/bgGrey.png);
	background-repeat: repeat-x;
	height: 171px;
}
.contentMain {
	padding: 60px 0px 0px 0px;
}
.stats {
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #56575C;
	font-style: italic;
	font-size: 13px;
	background: #E4E1D8;
	padding: 10px 25px 10px 25px;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
	box-shadow: 1px 1px 1px 1px #CCCCCC;
}
.stats:hover {
	background: #e9e7df; 
	text-decoration: none;
}
.button {
	/*background-color: #3c9;*/ 
	height: 40px; 
	padding-left: 20px;
}
.case {
	padding-top: 70px; 
	padding-left: 185px;
}
.footerwrapper {
	height: 200px; 
	background-color: #FFF;
} 
.right {
	float: left; 
	width: 600px; 
	min-width: 600px; 
	height: 200px; 
	/*background-color: #CCC;*/ 
	background-color: #FFF;
}
.width {
	width: 1200px; 
	min-width: 1200px; 
	display: table;
	margin: 0 auto;
}
.logodark {
	width: 600px; 
	min-width: 600px; 
	height: 200px; 
	text-align: right; 
	float: left; 
	background-color: #FFF;
}
.logodark img {
	padding-top: 40px; 
	padding-right: 170px;
}
.copyright p {
	font-size: 12px; 
	color: #666666; 
	text-align: left; 
	padding-left: 230px;
}
.right img {
	padding: 3px;
}
.mn {
	float: left;
}
.fb {
	float: left;
}
.twt {
	float: left;
}
.grass {
	background-image: url(../images/footer/grass.png); 
	background-repeat: repeat-x; 
	height: 80px;
}
.clear {
	clear: both;
}
.output {
	padding: 13px; 
	width:375px; 
	background-color: #f8f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 50px;
	font-size: 15px;
	outline: none;
}
.copy {
	text-align: center; 
	position: absolute; 
	top: 85px;
	right: 0px; 
	width: 100%;
}
.copy img {
	padding-left: 320px;
	cursor: pointer;
}
.copy img:hover {
	cursor: pointer;
}
	.clearable {
	background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
	padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
}
.clearable.x {
	background-position: right 12px center;
}
.clearable.onX {
	cursor: pointer;
}
@media screen and (max-width: 400px) {
	.clearable {
		background: #fff;
	}
}
#url::-ms-clear { display: none; width : 0;
  height: 0;}