@media screen and (min-width:981px) {
	body{
		margin:0px;
		height:100%;
		font-family:'OpenSansRegular', Helvetica, sans-serif;
		font-size:14px;
		background-color:#1a1a1a;
		background-image:url(../images/bg.site.jpg)
	}
	b{
		font-weight:normal;
	   font-family: 'OpenSansSemiBold';
	}
	h1{
	   font-family: 'OpenSansSemiBold';
	   font-size:2.1em;
	   color:#FF0000;
	   text-shadow:1px 1px 3px #000;
	   line-height:100%;
	   font-weight:normal;
	   letter-spacing:-0.05em;
	   padding:0px;
	   margin:0px;
	}
	#outerContainer{
		width:100%;
		height:100%;
		margin:0 auto;
	/*	background-image:url(../images/bg.eye.png);
		background-repeat:no-repeat;
		background-position:center;*/
	}
	#mainContainer{
		width:50%;
		max-width:700px;
		margin:0 auto;
		background-color:#333;
		color:#CCCCCC;
		padding:0px 0px 50px 0px;
		margin-top:40px;
		border-radius:30px 30px 30px 30px;
		border-top:8px solid #666;
		border-left:8px solid #666;
		border-right:8px solid #666;	
		background-image:url(../images/bg.login.jpg);
		background-repeat:no-repeat;
		background-position:-50% 40%;
		background-size:110%;
	}
	#login{
		position:relative;
		top:30px;
		margin:0 auto;
		width:40%;	
		color:#FFFFFF;
		clear:both
	}
	input, select, textarea{
		border:2px solid #7a7a7a;
		margin-top:5px;
		border-radius:3px;
		padding:8px;
		font-size:18px;
		font-family:'OpenSansSemiBold', Helvetica, sans-serif;
	}
	.tinyInput{
		width:30px;
	}
	.smallInput{
		width:100px;
	}
	.medInput{
		width:150px;
	}
	.longInput{
		width:100%;
	}
	.xLongInput{
		width:350px;
	}
	#statusmsg{
		clear:both;
		width:auto;
		position:relative;
		top:40px;
		margin:0 auto;
		color:#FFFFFF;
		padding-bottom:30px;
	}
	#statusmsgMobile{
		display:none;
	}
	.loginUnsuccessful{
		background-color:#CC0000;
		padding:10px 20px 10px 20px;
		color:#FFF;
		font-size:0.9em;
		margin:10px 0px 0px 0px;
	}
}
@media screen and (min-width:481px) and (max-width:980px) {
	body{
		margin:0px;
		height:100%;
		font-family:'OpenSansRegular', Helvetica, sans-serif;
		font-size:14px;
		background-color:#1a1a1a;
		background-image:url(../images/bg.site.jpg)
	}
	b{
		font-weight:normal;
	   font-family: 'OpenSansSemiBold';
	}
	h1{
	   font-family: 'OpenSansSemiBold';
	   font-size:2.1em;
	   color:#FF0000;
	   text-shadow:1px 1px 3px #000;
	   line-height:100%;
	   font-weight:normal;
	   letter-spacing:-0.05em;
	   padding:0px;
	   margin:0px;
	}
	#outerContainer{
		width:100%;
		height:100%;
		margin:0 auto;
	/*	background-image:url(../images/bg.eye.png);
		background-repeat:no-repeat;
		background-position:center;*/
	}
	#mainContainer{
		width:80%;
		max-width:700px;
		margin:0 auto;
		background-color:#333;
		color:#CCCCCC;
		padding:0px 0px 50px 0px;
		margin-top:40px;
		border-radius:30px 30px 30px 30px;
		border-top:8px solid #666;
		border-left:8px solid #666;
		border-right:8px solid #666;	
		background-image:url(../images/bg.login.jpg);
		background-repeat:no-repeat;
		background-position:-50% 40%;
		background-size:110%;
	}
	#login{
		position:relative;
		top:30px;
		margin:0 auto;
		width:60%;	
		color:#FFFFFF;
		clear:both
	}
	input, select, textarea{
		border:2px solid #7a7a7a;
		margin-top:5px;
		border-radius:3px;
		padding:8px;
		font-size:18px;
		font-family:'OpenSansSemiBold', Helvetica, sans-serif;
	}
	.tinyInput{
		width:30px;
	}
	.smallInput{
		width:100px;
	}
	.medInput{
		width:150px;
	}
	.longInput{
		width:100%;
	}
	.xLongInput{
		width:350px;
	}
	#statusmsg{
		clear:both;
		width:auto;
		position:relative;
		top:40px;
		margin:0 auto;
		color:#FFFFFF;
		padding-bottom:30px;
	}
	#statusmsgMobile{
		display:none;
	}
	.loginUnsuccessful{
		background-color:#CC0000;
		padding:10px 20px 10px 20px;
		color:#FFF;
		font-size:0.9em;
		margin:10px 0px 0px 0px;
	}
}

@media screen and (max-width:480px) {
	body{
		margin:0px;
		height:100%;
		font-family:'OpenSansRegular', Helvetica, sans-serif;
		font-size:12px;
		background-color:#1a1a1a;
		background-image:url(../images/bg.site.jpg)
	}
	b{
		font-weight:normal;
	   font-family: 'OpenSansSemiBold';
	}
	h1{
	   font-family: 'OpenSansSemiBold';
	   font-size:1.6em;
	   color:#FF0000;
	   text-shadow:1px 1px 3px #000;
	   line-height:100%;
	   font-weight:normal;
	   letter-spacing:-0.05em;
	   padding:0px;
	   margin:0px;
	}
	#outerContainer{
		width:100%;
		height:100%;
		margin:0 auto;
	/*	background-image:url(../images/bg.eye.png);
		background-repeat:no-repeat;
		background-position:center;*/
	}
	#mainContainer{
		width:80%;
		margin:0 auto;
		background-color:#333;
		color:#CCCCCC;
		padding:0px 0px 10px 0px;
		margin-top:5%;
		border-radius:10px;
		border-top:4px solid #666;
		border-left:4px solid #666;
		border-right:4px solid #666;	
		background-image:url(../images/bg.login.jpg);
		background-repeat:no-repeat;
		background-position:-50% 40%;
		background-size:110%;
	}
	#login{
		margin:0 auto;
		width:80%;	
		padding-top:10%;
		color:#FFFFFF;
		clear:both
	}
	.btn{
		float:left;
	}
	input, select, textarea{
		border:2px solid #7a7a7a;
		margin-top:5px;
		border-radius:3px;
		padding:5px;
		font-size:14px;
		font-fam-ily:'OpenSansRegular', Helvetica, sans-serif;
	}
	.tinyInput{
		width:95%
	}
	.smallInput{
		width:95%;
	}
	.medInput{
		width:95%;
	}
	.longInput{
		width:95%;
	}
	.xLongInput{
		width:95%;
	}
	#statusmsg{
		display:none;
	}
	#statusmsgMobile{
		width:80%;
		position:absolute;
		top:10px;
		border-radius:10px 10px 0px 0px;
		color:#FFFFFF;
	}
	.loginUnsuccessful{
		background-color:#CC0000;
		padding:20px 20px 20px 20px;
		color:#FFF;
		font-size:0.9em;
		border-radius:6px 6px 0px 0px;
		margin:10px 0px 0px 0px;
	}
}




/* FONTS */
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}