body {
	background:#FFF;
	scrollbar-3dlight-color:#222;
    scrollbar-arrow-color:#FFF;
    scrollbar-base-color:#000;
    scrollbar-darkshadow-color:#222;
    scrollbar-face-color:#222;
    scrollbar-highlight-color:#000;
    scrollbar-shadow-color:#000
	}
/* ---------- BEGIN  BANNERS ------------------*/

#banner {background-color:#151e28;}
#banner_projects {background-color:#0033ff;}
#banner_dead {background-color:#000;}
#banner_media {background-color:#ff9900;}
#banner_jeep {background-color:#00cc00;}
#banner_writing {background-color:#663366;}
#banner_other {background-color:#cc0000;}

#banner, #banner_projects, #banner_dead, #banner_media, #banner_jeep, #banner_writing, #banner_other
{
	position: absolute;
	width: 100%;
	height: 90px;
	margin-top: 10px;
	top: 0px;
	left: 0px;
	z-index: 3;
	}
/* ---------- END BANNERS ------------------*/

div.shadow {
	position: absolute;
	top: 105px;
	background-image: url("images/shadow.png");
	z-index:3;
	width: 100%;
	height: 25px;
	}
	
div.shadow_b {
	position: relative;
	bottom: 28px;

	right:25px;
	background-image: url("images/shadow_b.png");
	width: 100%;
	height: 25px;
	z-index:5;
	}	
	
div.boxtext {
	position: absolute;
	height: 16px;
	width: 360px;
	font-family: georgia, helvetica, sans serif;
	font-size: 12px;
	font-style:italic;
	text-align:justify;
	top: 59px;
	z-index: 3;
	left: 430px;
}

table,td,th
{
text-align:center;
font:Georgia, helvetica, sans-serif;
font-size:12px;
background:#ededed;
vertical-align:middle;
}
table
{
width:auto;
border:1px solid #151e28;
margin-left:8px;
}
th
{
height:auto;
padding:6px;
}
td{
	border:1px solid #151e28;
	padding:5px;}


/*blockquote:before, blockquote:after {
color: #333333;
display: block;
font-size: 400%;
font:Arial, Helvetica, sans-serif;
font-style:italic;
width: auto;
}
blockquote:before {
content: open-quote;
margin-top:10px;
height: 0;
margin-left: -0.55em;
}
blockquote:after {
content: close-quote;
height: 50px;
margin-top: -25px;
margin-left: 555px;
}*/

.quote_box {
	height:auto;
	width:650px;
	background:#CCC;
	font:Helvetica, sans-serif;
	font-style:italic;
	font-weight:light;
	padding:10px;
	padding-left:70px;
	padding-top:20px;
	border-left: thick solid #333;

}

.bqstart {
	float: left;
	height: 45px;
	margin-top: -80px;
	padding-top: 45px;
	margin-left:-65px;
	margin-bottom: -50px;
	font-size: 700%;
	color: #FFF;

 }

 .bqend {
	float: right;
	height: 25px;
	margin-top: -60px;
	padding-top: 0px;
	font-size: 700%;
	color: #fff;
	margin-right: 30px;
 }
 

/*
---------------------------------BEGIN PAGE CONTENT*/

#outer_writing        				 
{
	position:absolute;
	border:2px solid #663366;
	border-top-width: 18px;
	padding: 2px;
}
#outer_projects        				 
{
	position:absolute;
	border:2px solid #0033ff;
	border-top-width: 18px;
	padding: 2px;
}
#outer_dead       				 
{
	position:absolute;
	border:2px solid #000;
	border-top-width: 18px;
	padding: 2px;
}
#outer_jeep       				 
{
	position:absolute;
	border: 2px solid #00cc00;
	border-top-width: 18px;
	padding: 2px;
}
#outer_media      				 
{
	position:absolute;
	border:2px solid #ff9900;
	border-top-width: 18px;
	padding: 2px;
}
#outer_other     				 
{
	position:absolute;
	border:2px solid #cc0000;
	border-top-width: 18px;
	padding: 2px;
}


#outer_projects, #outer_dead, #outer_media, #outer_jeep, #outer_writing, #outer_other
{
	margin-top:15px;
	margin-left:8px;
	margin-right:15px;
	margin-bottom:25px;
	padding-left:60px;
	padding-right:65px;
	top:148px;
	width:87%;
	height: auto;
	font-family:verdana, helvetica;
	font-size: 17px;
	font-weight:lighter;
	color:black;
	text-align:justify;
	vertical-align: middle;
	float: none;
}

#outer_projects a {text-decoration: none; color:#333333;}
#outer_projects A:link {text-decoration: underline;}
#outer_projects A:visited {text-decoration: underline; color:#666666;}
#outer_projects A:active {text-decoration: none}
#outer_projects A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

#outer_dead a {text-decoration: none; color:#333333;}
#outer_dead A:link {text-decoration: underline;}
#outer_dead A:visited {text-decoration: underline; color:#666666;}
#outer_dead A:active {text-decoration: none}
#outer_dead A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

#outer_media a {text-decoration: none; color:#333333;}
#outer_media A:link {text-decoration: underline;}
#outer_media A:visited {text-decoration: underline; color:#666666;}
#outer_media A:active {text-decoration: none}
#outer_media A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

#outer_jeep a {text-decoration: none; color:#333333;}
#outer_jeep A:link {text-decoration: underline;}
#outer_jeep A:visited {text-decoration: underline; color:#666666;}
#outer_jeep A:active {text-decoration: none}
#outer_jeep A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

#outer_writing a {text-decoration: none; color:#333333;}
#outer_writing A:link {text-decoration: underline;}
#outer_writing A:visited {text-decoration: underline; color:#666666;}
#outer_writing A:active {text-decoration: none}
#outer_writing A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

#outer_other a {text-decoration: none; color:#333333;}
#outer_other A:link {text-decoration: underline;}
#outer_other A:visited {text-decoration: underline; color:#666666;}
#outer_other A:active {text-decoration: none}
#outer_other A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}


#inner {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.updated {
	font-family:verdana, helvetica, sans serif;
	font-size:15px;
	font-style:italic;
	color:#333333;
	}

div#outer div#inner a {text-decoration: none; color:#333333;}
div#outer div#inner A:link {text-decoration: underline;}
div#outer div#inner A:visited {text-decoration: underline; color:#666666;}
div#outer div#inner A:active {text-decoration: none}
div#outer div#inner A:hover {text-decoration: underline; color: #00cccc; cursor:crosshair;}

.titleblock_u {
	background-color: #ededed;
	width:102%;
	font-family:georgia, helvetica, sans serif;
	font-size:17px;
	color:black;
	font-weight:bold;
	padding-left:2%;
	margin-right:2px;
	margin-top:4px;
	margin-bottom:5px;
	margin-left:-2%;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #151e28;
	border-right-color: #151e28;
	border-bottom-color: #151e28;
	border-left-color: #151e28;
	letter-spacing: 1pt;
	word-spacing: normal;
	line-height: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
		}
.titleblock_u span {color:#00cccc}


#tooltip {
	position: absolute;
	width: auto;
	border: solid 1px white;
	padding: 4px;
	background-color: #336699;
    font-family:verdana;
 	font-size:12px;
    color:white;
	text-align:justify;
	visibility: hidden;
	z-index: 100;
}


div.img
{
	background-color:#ededed;
  	margin: 5px;
  	padding:6px;
  	border: 1px solid #151e28;
  	height: auto;
  	width: auto;
	float:center;
  	text-align: center;
}

div.img_left
{
	background-color:#ededed;
	display:inline;
	padding:6px;
	border: 1px solid #151e28;
	height: auto;
	width: auto;
	float:left;
	text-align: center;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.img_right
{
	background-color:#ededed;
	margin-left:10px;
	padding:6px;
	border: 1px solid #151e28;
	height: auto;
	width: auto;
	float:right;
	text-align: center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

div.column_right
{
	background-color:#ededed;
	margin-left:8px;
	padding:6px;
	border: 1px solid #151e28;
	height: auto;
	width: auto;
	float:right;
	text-align: center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	right: -4%;
}

div.img_container {
	float: left; 
	padding: 5px; 
	width: 98%;
	}


/*
------------------ PROJECTS ----------------*/

#head_projects {
	width: 280px;
	height: 120px;
	position:absolute;
	left:15px;
	top:120px;
	display: block;
	background-color:;
	padding: 0px;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;
	background-image: url(images/home/59.gif);
}

#head_projects img{
        position:absolute;
        top:18px;
        z-index:1; 
}

#projects {
	width: 280px;
	position:absolute;
	left:15px;
	top:175px;
	border:solid;
	border-width:1px;
	border-color:#151e28;
	padding-right:5px;
	padding-top: 0px;
	padding-bottom: 8px;
	background-color:#ededed;
	padding-left: 5px;
	margin: 0px;
}
.headline{
        position:relative;
        top:0px;
        left:0px;
        width:271px;
        z-index:56; 
        padding: 5px;
        background-color:#0af;
        color:#ccc;
        font-family: georgia, helvetica, sans serif;
        font-size: 20px;
        line-height: 18px;
        text-decoration:none;
        font-style:italic;
        margin-bottom:5px;
}
.info_box {
	position:relative;
	width:268px;
	height:135px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
}
a.info{
	position:absolute;
	z-index:54;
	background-color:#ccc;
	color:#000;
	text-decoration:none;
	border:none;
	font-size: 14px;
	line-height: 16px;
	top: 3px;
}
a.info h1{
	position:absolute;
	top:-8px;
	left:0px;
	width:269px;
	z-index:56;
	padding: 5px;
	background-color:#0af;
	color:white;
	font-family: georgia, helvetica, sans serif;
	font-size: 18px;
	line-height: 18px;
	text-decoration:none;
	font-style:italic;
	font-weight:normal;
	letter-spacing: 0.03em;
	cursor:cross;
}
a.info:hover h1{
        background-color:#00f;
}
a.info im{
        position:absolute;
        top:40px;
        left:0px;
}
a.info:hover{
        position:absolute; 
        z-index:55; 
        background-color:#ccc;
        border:none;
}
a.info span{
        display: none;
}
a.info:hover span{
        position:absolute;
        top:20px; left:0px; 
        width:269px;
        display: block;
        padding: 5px;
        padding-top:15px;
        background: rgb(128, 128, 128); /* fallback color */
        background: rgba(0, 0, 0, 0.7);
        color:white;
		text-align:justify;
        cursor:cross;
}

#projects .info_box a.info h1{background-color:#0033ff;}
#projects .info_box a.info:hover h1{background-color:#6699ff;}
#projects_nav .nav_container a.info h2{background-color:#0033ff;}
#projects_nav .nav_container a.info:hover h2{background-color:#6699ff;}

.titleblock_projects {
	position:relative;
	background-color:#0033ff;
	width:200px;
	height:12px;
	left:-15px;
	top:-22px;
	}

/* 
-------------- DEAD PROJECTS  --------------- */

#head_dead_projects {
	position:relative;
        width: 280px;
        height: 120px;
        position:absolute;
        display: block;
        padding: 0px;        
        background-image: url(images/home/59.gif);
}
#head_dead_projects img{
	position:absolute;
	top:18px;
	z-index:1;
}
#dead_projects {
	position:absolute;
	width: 280px;
	left:-1px;
	border:solid;
	border-width:1px;
	margin-top:-6px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right:5px;
	background-color:#e2e2e2;
}
#dead_projects .info_box a.info h1{background-color:#000;}
#dead_projects .info_box a.info:hover h1{background-color:#333;}
#dead_nav .nav_container a.info h2{background-color:#000;}
#dead_nav .nav_container a.info:hover h2{background-color:#333;}

.titleblock_dead {
	position:relative;
	font:#FFF;
	width:200px;
	height:12px;
	left:900px;
	top:-22px;
	}

/* 
-------------- MEDIA  --------------- */

#head_media {
        width: 280px;
        height: 120px;
        position:absolute;
        left:315px;
        top:120px;
        display: block;
        padding: 0px;        
        background-image: url(images/home/59.gif);
}
#head_media img{
	position:absolute;
	top:18px;
	z-index:1;
}
#media {
	position:absolute;
	width: 280px;
	left:315px;
	top:175px;
	border:solid;
	border-width:1px;
	border-color:#151e28;
	margin:0px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right:5px;
	background-color:#e2e2e2;
}
#media .info_box a.info h1{background-color:#ff9900;}
#media .info_box a.info:hover h1{background-color:#ffcc00;}
#media_nav .nav_container a.info h2{background-color:#ff9900;}
#media_nav .nav_container a.info:hover h2{background-color:#ffcc00;}

.titleblock_media {
	position:relative;
	width:175px;
	height:15px;
	left:160px;
	top:-22px;
	}

/* 
-------------- JEEP  --------------- */

#head_jeep {
        width: 280px;
        height: 120px;
        position:absolute;
        left:615px;
        top:120px;
        display: block;
        padding: 0px;        
        background-image: url(images/home/59.gif);
}
#head_jeep img{
	position:absolute;
	top:18px;
	z-index:1;
}
#jeep {
        position:absolute;
        width: 280px;
        left:615px;
        top:175px;
		border:solid;
		border-width:1px;
		border-color:#151e28;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 8px;
		padding-right:5px;
        background-color:#e2e2e2; 
}
#jeep .info_box a.info h1{background-color:#00cc00;}
#jeep .info_box a.info:hover h1{background-color:#66ff66;}
#jeep_nav .nav_container a.info h2{background-color:#00cc00;}
#jeep_nav .nav_container a.info:hover h2{background-color:#66ff66;}

.titleblock_jeep {
	position:relative;
	width:200px;
	height:15px;
	left:340px;
	top:-22px;
	}

/* 
-------------- WRITINGS LIST --------------- */

#head_writing {
        width: 280px;
        height: 120px;
        position:absolute;
        left:915px;
        top:120px;
        display: block;
        padding: 0px;        
        background-image: url(images/home/59.gif);
}
#head_writing img{
	position:absolute;
	padding-right:25px;
	top:18px;
	z-index:1;
}
#writing {
        position:absolute;
        width: 280px;
        left:915px;
        top:175px;
		border:solid;
		border-width:1px;
		border-color:#151e28;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 8px;
		padding-right:5px;
        background-color:#e2e2e2; 
}
#writing .info_box a.info h1{background-color:#663366;}
#writing .info_box a.info:hover h1{background-color:#cc33ff;}
#writing_nav .nav_container a.info h2{background-color:#663366;}
#writing_nav .nav_container a.info:hover h2{background-color:#cc33ff;}

.titleblock_writing {
	position:relative;
	background-color:#663366;
	width:175px;
	height:15px;
	left:520px;
	top:-22px;
	}

/* 
-------------- WRITINGS  --------------- */

#head_other {
        width: 280px;
        height: 120px;
        position:absolute;
        left:-1px;

        display: block;
        padding: 0px;        
        background-image: url(images/home/59.gif);
}
#head_other img{
	position:relative;
	padding-right:25px;
	top:18px;
	z-index:1;
}
#other {
	position:relative;
	width: 280px;
	left:-6px;
	top:53px;
	border:solid;
	border-width:1px;
	border-color:#151e28;
	margin:0px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right:5px;
	background-color:#e2e2e2;
}
#other .info_box  a.info h1{background-color:#cc0000;}
#other .info_box a.info:hover h1{background-color:#ff6633;}
#other_nav .nav_container a.info h2{background-color:#cc0000;}
#other_nav .nav_container a.info:hover h2{background-color:#ff6633;}

.titleblock_other {
	position:relative;
	width:225px;
	height:15px;
	left:710px;
	top:-22px;
	}




.titleblock_projects, .titleblock_media, .titleblock_jeep, .titleblock_writing, .titleblock_other, .titleblock_dead
{
	font-family:georgia, helvetica, sans serif;
	font-size:15px;
	font-weight:800;
	text-decoration:underline;
	color:white;
	margin-top: 1px;
}

/*
--------------------------------------Article Titles-------*/

a.info{
	position:absolute;
	z-index:54;
	background-color:#ccc;
	color:#000;
	text-decoration:none;
	border:none;
	font-size: 14px;
	line-height: 16px;
	top: 3px;
}
a.info h2{
	position:absolute;
	top:-8px;
	left:0px;
	width:175px;
	z-index:56;
	padding: 5px;
	background-color:#0af;
	color:white;
	font-family: georgia, helvetica, sans serif;
	font-size: 18px;
	line-height: 18px;
	text-decoration:underline;
	text-shadow:#000;
	font-style:italic;
	font-weight:normal;
	letter-spacing: 0.03em;
	cursor:cross;
}
a.info:hover h2{
        background-color:#00f;
}
a.info im{
        position:absolute;
        top:40px;
        left:0px;
}
a.info:hover{
        position:absolute; 
        z-index:55; 
        background-color:#ccc;
        border:none;
}
a.info span{
        display: none;
}

.nav_container {
	position:relative;
	width:180px;
	height:35px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
}


#projects_nav {
	width: 50px;
	position:absolute;
	left:3px;
	top:135px;
	padding-left: 5px;
	margin: 0px;
}
#media_nav {
	width: 50px;
	position:absolute;
	left:186px;
	top:135px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
	height: 10px;
}
#jeep_nav {
	width: 50px;
	position:absolute;
	left:369px;
	top:135px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
	height: 10px;
}
#writing_nav {
	width: 50px;
	position:absolute;
	left:552px;
	top:135px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
	height: 10px;
}
#other_nav {
	width: 50px;
	position:absolute;
	left:736px;
	top:135px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
	height: 10px;
}
#dead_nav {
	width: 50px;
	position:absolute;
	left:918px;
	top:135px;
	padding-left: 5px;
	margin: 0px;
}

/*
--------------------------------BEGIN FOOTER----------*/
* {
 margin: 0;
}

 html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.push {
height: 3em;
}

.push2 {
	bottom:0px;
height: 30em;
}

#footer {

	position: fixed;
	background-color:#151e28;
	width: 100%;
	height: auto;
	bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:center;
	z-index:6;}
	
#footer_style {

	position: absolute;
	background-color:#151e28;
	width: 100%;
	height: auto;
	top: -14px;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana, helvetica, sans serif;
	font-size: 11px;
	color:#ededed;
	text-align:center;
	padding-bottom:6px;
	z-index:;
	}
#footer_style a:hover{background: none; cursor:crosshair; text-decoration:underline;}
#footer_style a span {display: none;}
#footer_style a:visited span {display:none;}
#footer_style a {text-decoration: none; color:#4758A7;}
#footer_style a:link a:visited {text-decoration:none;}
#footer_style a:hover {text-decoration:underline;}