@import url(http://fonts.googleapis.com/css?family=Dosis:400,700);* { margin: 0; padding: 0; }html { height: 100%; }  html { overflow-y: scroll; }	html, body { width: 100%; height: 100%; } body {	xbackground-color: black;	margin: 0;	padding: 0;	xoverflow: hidden;	height: 100%;}.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0; }.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; xz-index: 1; _position: absolute; top: 0; left: 0; }.darken { background: url(../images/background1.png) repeat; xbackground-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ xbackground-color: rgba(0, 0, 0); /* For IE 5.5 - 7*/ xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ x-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; xfilter: alpha(opacity=50); x-moz-opacity: 0.70; xopacity: .70; xfilter: alpha(opacity=70); }.opaque { xbackground-color: #1A1A1A; /*darker*/ xbackground-color: #212121; }/*	 	 .d8888b.   .d88888b.  888b    888 88888888888 8888888888 888b    888 88888888888 		d88P  Y88b d88P" "Y88b 8888b   888     888     888        8888b   888     888     		888    888 888     888 88888b  888     888     888        88888b  888     888     		888        888     888 888Y88b 888     888     8888888    888Y88b 888     888     		888        888     888 888 Y88b888     888     888        888 Y88b888     888     		888    888 888     888 888  Y88888     888     888        888  Y88888     888     		Y88b  d88P Y88b. .d88P 888   Y8888     888     888        888   Y8888     888     	 	 "Y8888P"   "Y88888P"  888    Y888     888     8888888888 888    Y888     888     */                                                                              .story { margin: 163px 0px 0px 0px; line-height: .5em; }	.content { margin: 15px 0px 10px 8px; width: 445px; }.textheavy { padding: 40px 0px 80px 0px; }.content a { color: #932f2f; xcolor: #cb6565; xcolor: #d0d0d0; xtext-decoration: none; }.content a:hover { color: white; }.content p {	margin: 0px 0px 15px 0px;	color: #d0d0d0;	font-family: dosis, sans-serif;	line-height: 1.3em;	font-size: 1em;}.content h2 {	xcolor: #c24141;	color: white;	font-size: 1.3em;	font-family: dosis, sans-serif;	margin: 0px 0px 15px 0px;	text-transform: uppercase;	font-weight: normal;}.content h3 {	xcolor: #c24141;	color: white;	font-size: 1.2em;	font-family: dosis, sans-serif;	margin: 0px 0px 15px 0px;	xtext-transform: uppercase;	font-weight: normal;}.content h4 {	color: white;	font-size: 1.1em;	font-family: dosis, sans-serif;	margin: 10px 0px 8px 0px;	font-weight: normal;}.content ol { margin: 0px 0px 30px 0px; }.content ol li{ color: white; font-family: dosis, sans-serif; font-size: 1rem; margin: 0px 0px 3px 30px; }.content ul  { margin: 0px 0px 20px 0px; }.content ul li {	color: #d0d0d0;	font-family: dosis, sans-serif;	font-size: 1rem;	margin: 0px 0px 4px 30px;}.published ul li { list-style: none; margin: 0px 0px 30px 0px; }	blockquote, q { quotes: none; }blockquote {	quotes: none;	background: #1a1a1a;	border: none;	border-left: 4px solid #696969;	margin: 20px 20px 20px 10px;	overflow: auto;	padding: 15px 10px 5px 12px;}blockquote p {quotes: none; 	font-family:Georgia, "Times New Roman", Times, serif;	font-style:italic;	font-size:18px;	line-height:26px;}			* html #left-column { xheight: 100%; }#left-column {	z-index: 1;	position: fixed;	float: left;	width: 45%;	height: 100%;	min-height: 100%;	background-color: #1A1A1A;	xmin-width: 300px;	xposition: fixed;}#left-column-prime {	z-index: 1;	position: fixed;	float: left;	width: 45%;	height: 100%;	min-height: 100%;	xbackground-color: #1A1A1A;	xmin-width: 300px;	xposition: fixed;}.left-content {	margin: 50px 0 0px 0;	xmargin: 70px 35px 0px 0;	width: 400px;	float: right;	xbackground-color: pink;	}* html #right-column { xheight: 100%; }#right-column {	z-index: 10;	position: relative;	min-height: 100%;	width: 55%;	float: right;	xoverflow: scroll;	bxackground-color: #DDD;	xborder-left: 2px solid #666;	xborder-right: 2px solid #666;	xwidth: 676px;	xmargin: 0 auto;	xbottom: 0;	xtop: 0;	pxosition: fixed;	xdisplay: block;	min-width: 510px;	xmin-width: 80%;	xpadding: 0px 50px 0px 50px;}#right-column-prime {	z-index: 10;	position: relative;	min-height: 100%;	width: 55%;	float: right;	xbackground-color: #1A1A1A;	min-width: 510px;}.opacity-50 { background: url(../images/opacity-50.png) repeat; }.opacity-60 { background: url(../images/opacity-60.png) repeat; }.opacity-70 { background: url(../images/opacity-70.png) repeat; }.opacity-80 { background: url(../images/opacity-80.png) repeat; }.opacity-88 { background: url(../images/opacity-88.png) repeat; }.right-content { margin: 50px 0px 0px 45px; width: 485px; float: left; xborder: 1px solid red; }.processpage .content a {	color: #989898 !important;	}#container {margin: -19px 0px 0px 0px;	min-height: 100%;	xbackground-color: #DDD;	cborder-left: 2px solid #666;	cborder-right: 2px solid #666;	xwidth: 676px;	xmargin: 0 auto;}* html #container { height: 100%; }.left-content p {	line-height: 1.5em;	color: #d1d1d1;	font-size: 1rem;	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif !important;	font-size: 12px !important; 	padding: 0px 40px 0px 0px;	margin: 0px 0px 12px 0px;}.left-content h2 { color: white; font-family: dosis, sans-serif; font-weight: normal; font-size: 1.2em; margin: 20px 0px 10px 0px; text-transform: uppercase; }.credits {	xborder: 1px solid red;	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif !important;	font-size: 12px !important; 	color:#838383 !important;	}/*      8888888888 .d88888b.  8888888b.  888b     d888  .d8888b.        888       d88P" "Y88b 888   Y88b 8888b   d8888 d88P  Y88b       888       888     888 888    888 88888b.d88888 Y88b.            8888888   888     888 888   d88P 888Y88888P888  "Y888b.         888       888     888 8888888P"  888 Y888P 888     "Y88b.       888       888     888 888 T88b   888  Y8P  888       "888       888       Y88b. .d88P 888  T88b  888   "   888 Y88b  d88P       888        "Y88888P"  888   T88b 888       888  "Y8888P"  */  .form {	width: 360px;	xfloat: right;	margin: 0px 0px 0 0;	padding: 25px;	background-color: #2A2A2A;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	-khtml-border-radius: 10px;	 border-radius: 10px;}.field {	border: 0px solid #9E9E9E;	color: #9E9E9E;	width: 340px;	background-color: #303030;	border-bottom: 1px dotted #999aa2;	margin: 0 0 10px 0;	padding: 10px;	overflow: hidden;	overflow: none;	font-family: "Courier New", Courier, monospace;	font-size: 16px; }.email {	padding: 30px 0px 0px 0px; 	}input textarea {	background-color: #3e3e3e;	overflow: hidden;	overflow: none;	scroll: none;	padding: 10px;}.form p {	color: #c24141;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}/* ------------ submit button with rollover ------------ */	.submit {	background: url(../images/send.gif) no-repeat;	height: 25px;	width: 80px;	border: none;	padding-top: 17px;	float: left;	cursor: pointer;	margin: 10px 3px 0 0;}.submit:hover { background: url(../images/send.gif) no-repeat 0 -25px; }/*  SLIDES  */.slides { list-style: none; margin: 0px 0px 0px 9px; }	.slides li  { display: inline-block; float: left; margin: 0px 25px 20px 0px; }	/*		888    888 8888888888        d8888 8888888b.  8888888888 8888888b.  		888    888 888              d88888 888  "Y88b 888        888   Y88b 		888    888 888             d88P888 888    888 888        888    888 		8888888888 8888888        d88P 888 888    888 8888888    888   d88P 		888    888 888           d88P  888 888    888 888        8888888P"  		888    888 888          d88P   888 888    888 888        888 T88b   		888    888 888         d8888888888 888  .d88P 888        888  T88b  		888    888 8888888888 d88P     888 8888888P"  8888888888 888   T88b        */  .logo a {	width: 291px;	xwidth: 30%;	height: 59px;	display: block;	background: url(../images/brian-higley-logo.png) no-repeat 0px 0px;	text-indent: -999em;	margin: 30px 0px 50px 0px;	position: fixed;}.homelogo a {	width: 420px;	height: 80px;	display: block;	background: url(../images/brian-higley-white-logo.png) no-repeat 10px 0px;	text-indent: -999em;	margin: 175px 0px 15px 0px;}/*      888b    888        d8888 888     888       8888b   888       d88888 888     888       88888b  888      d88P888 888     888       888Y88b 888     d88P 888 Y88b   d88P       888 Y88b888    d88P  888  Y88b d88P        888  Y88888   d88P   888   Y88o88P         888   Y8888  d8888888888    Y888P          888    Y888 d88P     888     Y8P          RUST   rgb(147, 47, 47);*/      .nav .navhot a { color: #932f2f; }.nav .navhot a:hover { color: white; }.nav { margin: 30px 0px 20px 0px;list-style: none; }.nav li  { display: inline-block; float: left; }.nav li a { padding: 8px; color: white; text-transform: uppercase; font-size: .96rem; font-family: dosis, sans-serif; text-decoration: none; }/* This is the main color for the main nav */.nav li a:hover { xbackground-color: #792727; background-color: #832a2a; }		.subnav { xdisplay: block; list-style: none; margin: 10px 0px 20px -20px; float: left; }	.subnav li a {	display: block;	padding: 4px 0px 0px 8px;	color: #868686;	font-size: .8em;	xfont-family: dosis, sans-serif;	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	text-decoration: none;	height: 18px;	xbackground-color: green;	xwidth: 93px;	xmargin: 0px 0px 0px -10px;}.subnav li a:hover { display: block; xwidth: 90px; xmargin: 0px 0px 0px 0px; /* Fallback for web browsers that don't support RGBa */ background-color: black; /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.5); /* For IE 5.5 - 7*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; filter: alpha(opacity=90); xrposition: relative; }.subnav .hot a { color: white; }.one { xborder: 1px solid red; margin: 7px 0px 0px 4px; width: 110px; padding: 0px 0px 0px 3px; }.two { xborder: 1px solid red; margin: 7px 0px 0px 4px; width: 120px; }.three { xborder: 1px solid red; margin: 7px 0px 0px 6px; width: 105px; }.four { xborder: 1px solid red; margin: 7px 0px 0px 10px; width: 120px; }														img { border: none; }.xsmall { font-size: 85%; }.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }.quiet { color: #666; }.loud { color: #000; }caption { background:#eee;padding: 10px;}cite { text-decoration: none; }address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }abbr, acronym { xborder-bottom: 1px dotted #666; }sup, sub { line-height: 0; }	.floatleft { float: left; }	.floatright { float: right; }	.alignleft { text-align: left; }	.alignright { text-align: right; }.center { text-align: center; }.picleft { float: left; padding: 4px 8px 8px 0; }.picright { float: right; padding: 4px 0 8px 8px; }.clear {clear: both;}.hide { display: none; }.vcard { display: none; }/* NOTE: container div also specifies width and height (in head of demo) */div#wn {	position: absolute; /* scroll area div must be positioned */	width: 340px;	height: 370px; /* width and height required. adjust to suit */	overflow: hidden; /* required! */}div#scrollbar {	position: absolute;	/* include following if you don't want scrollbar hidden when insufficient content for scrolling */	/* visibility:visible !important; */	width: 11px;	height: 570px;	right: 0; /* at right edge in container div */	font-size: 1px; /* for ie cooperation */}div#scrollbar .up {    background-image:url('../images/btn-up.gif');    background-repeat: no-repeat;    width:11px; height:11px; /* specify width and height of your image */    position:absolute; top:0;    }        div#scrollbar .down {    background-image:url('../images/btn-dn.gif');    background-repeat: no-repeat;    width:11px; height:11px; /* specify width and height of your image */    position:absolute; bottom:0;    }div#scrollbar .track {	position: absolute; /* track must be positioned */	left: 0;	top: 12px; /* equal to height of .up image plus optional 1px for gap */	width: 11px;	height: 360px; /* height of scrollbar minus 2 X image height minus optional 2px for gap */	background-color: #932F2F;}div#scrollbar .dragBar {    position:absolute; /* dragBar must be positioned */    background-color:#ceced6; /* can use background-image if you like */    width:9px;     height:20px; /* code auto-sizes */    /* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */    top:1px; left:1px; /* optional, small gap between track and dragBar */    }/* for clutzy draggers */div#scrollbar {    -moz-user-select: none;    -khtml-user-select: none;    }