BODY { background:#000000 url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; padding:0px; margin:0px;}

@font-face {
    font-family: 'BorisBlackBloxx';
    src: url('fonts/BorisBlackBloxx.eot');
    src: url('fonts/BorisBlackBloxx?#iefix') format('embedded-opentype'),
         url('fonts/BorisBlackBloxx.woff2') format('woff2'),
         url('fonts/BorisBlackBloxx.woff') format('woff'),
         url('fonts/BorisBlackBloxx.ttf') format('truetype'),
         url('fonts/BorisBlackBloxx.svg#dosisextralight') format('svg');
    font-weight: normal;
    font-style: normal;}

hr { border:0px; border-bottom:#999999 1px dotted;}

ul {list-style:none;margin:20px 0px;padding:0}
li {margin:0;padding:0;padding-left:30px;background-image:url(images/list.png);background-repeat:no-repeat;background-position:12px 2px;color:#01aef0}

.copyright {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF; font-size:12px;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; padding:0px; margin:0px; font-weight:normal;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff; padding:0px; margin:0px; font-weight:normal;}

a:link {font-family: Arial, Helvetica, sans-serif;font-size:18px;color: #ff0000;text-decoration:none;font-weight:normal;}
a:visited {font-family: Arial, Helvetica, sans-serif;font-size:18px;color: #ff0000;text-decoration:none;font-weight:normal;}
a:hover {font-family: Arial, Helvetica, sans-serif;font-size:18px;color: #FFFFFF;text-decoration:underline;font-weight:normal;}
a:active {font-family: Arial, Helvetica, sans-serif;font-size:18px;color: #FFFFFF;text-decoration:underline;font-weight:normal;}

.subtext {font-family:Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;font-weight:normal;}

.formfield {
		width:260px;
		border:1px solid #999999;
		background:#FFFFFF;
		padding:3px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;}
.formfield2 {
		height:133px;
		overflow:auto;
		width:260px;
		border:1px solid #999999;
		background:#FFFFFF;
		padding:3px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;}
.formbutton{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(images/form_button.png) no-repeat 0 0;
		color:#000000;
		cursor:pointer;
		text-align:center;
		}	
		
/*---- Sliding Boxes and Captions with JQuery ----*/
.boxgrid{ 
				width: 200px; 
				height: 150px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 1px #333333; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:12px Arial, Helvetica, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
/*--end--*/				
/*--Tooltip--*/
.tip {
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:5px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*--end--*/