html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    background-repeat:no-repeat;
}
p
{
  margin: 0 0 1em 0;
}
img
{
    border:0;
}
:focus
{
    outline:0;
}

html, body, #bg, #bg table, #bg td
{
    height:100%;
    width:100%;
    overflow:hidden;
}
body
{
    background-color:white;
    padding:0;
    margin:0;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size:11px;
    overflow:auto; 
}
#bg div
{
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
    background: url('/img/ani.gif') center no-repeat;
    z-index:1;
}
#bg td 
{
    text-align:center;
    vertical-align:middle;
}
#bg img 
{
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}
#main
{
    z-index:100;
    position:absolute;  
    width:1000px;
    left:50%; 
    margin-left:-500px;
    top:40px; 
}
#main_navi
{
    width:100%;
}
#main_content
{
    width:100%; 
}
.markerbox
{
    float:left;
    width:250px;
    min-height:125px;
    height:auto !important;
    height:125px;
}
.markerbox span
{
    padding:0px;
	margin:0px;
    color:white;
}
.markerbox ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.markerbox ul li
{
    padding:0px;
    margin:0px;
	color:white;
	margin-bottom:5px;
}

.markerbox div p
{
    padding:0px;
    margin:0px 0px 10px 0px;
    font-style:italic;
}

.markerbox h1
{
    margin:0px;
    padding:0px;
    font-size:11px;
    font-weight:bold;
    font-family: Helvetica, Times New Roman, Times, serif;
    display:inline;
    font-style:normal;
}
.markerbox ul li a:link {text-decoration:none;color:white;}  
.markerbox ul li a:visited {text-decoration:none;color:white;}
.markerbox ul li a:hover {text-decoration:none;color:white;}
.markerbox ul li a:active {text-decoration:none;color:white;}
.markerbox ul li a:focus {text-decoration:none;color:white;}     
.colored
{
    background-color:#404040;
}
.markerbox ul li span
{
	padding:1px;
    margin:0px;
    font-style:italic;
}
.contentbox
{
    float:left;
    width:250px;
    min-height:150px;
    height:auto !important;
    height:150px;
}
.contentbox span
{
    padding:0px;
    margin:0px;
    color:white;
}
.contentbox ul
{
    list-style:none;
    margin:0px;
    padding:0px;
} 
.contentbox ul li
{
    padding:0px;
    margin:0px;
    color:white;
    margin-bottom:5px;
} 

.contentbox div p
{
    padding:0px;
    margin:0px 0px 10px 0px;
    font-style:italic;    
}

.contentbox h1
{
    margin:0px;
    padding:0px;
    font-size:11px;
    font-weight:bold;
    font-family: Helvetica, Times New Roman, Times, serif;
    display:inline;
    font-style:normal; 
}
.contentbox ul li span
{
    padding:1px;
    margin:0px;
    font-style:italic;
}
.contentbox ul li a
{
    text-decoration:underline;
    color:white;
}  

.imgbox
{
    margin-bottom:15px;
}

strong
{
    font-size:11px;
    font-weight:regular;
    font-family: Helvetica, Times New Roman, Times, serif;
    font-style:normal;
}


/* portfolio navigation */
#portfolio-next,
#portfolio-prev {
	bottom: 0px;
	cursor: pointer;
  display: block;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0px;
	width: 30%;
	z-index: -1;
}
#portfolio-next {
	left: auto;
	right: 0;
	width: 70%;
}

#portfolio-next .wrapper,
#portfolio-prev .wrapper {
  background: url(/img/portfolio-nav.png) 0 0 no-repeat;
	display: block;
	height: 40px;
	left: 30px;
	margin-top: -20px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 40px;
}
#portfolio-next .wrapper {
	background-position: 100% 0;
	left: auto;
	right: 30px;
}


.bg-enter {
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  text-indent: -9999px;
  top: 0;
  z-index: -1;
}


/*! jQuery Modalview - v0.1.0 - 2012-07-16
* https://github.com/bleech/jquery.modalview
* Copyright (c) 2012 bleech; Licensed MIT, GPL */

.modalview {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
}

.modalview .close {
  display: none;
}

.modalview .container,
.about-project #content {
  bottom: 0;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	left: 50%;
	line-height: 30px;
	margin-left: 10px;
	overflow: auto;
	position: absolute;
	top: 150px;
}
.about-project #content {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
  left: 217px;
  padding: 20px;
  top: 100px;
  width: 505px;
}
.modalview .container a,
.about-project #content a {
  color: #fff;
  text-decoration: underline;
}


a:link {text-decoration:none;color:black;}  
a:visited {text-decoration:none;color:black;}
a:hover {text-decoration:none;color:#404040;}
a:active {text-decoration:none;color:black;}
a:focus {text-decoration:none;color:black;} 

a.bg:link {text-decoration:none;background-color:#404040;color:white;}  
a.bg:visited {text-decoration:none;background-color:#404040;color:white;}
a.bg:hover {text-decoration:none;background-color:#404040;color:white;}
a.bg:active {text-decoration:none;background-color:#404040;color:white;}
a.bg:focus {text-decoration:none;background-color:#404040;color:white;} 

.clear:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* ie fixes */
.clear          {display: inline-block;clear:both;}
* html .clear   {height: 1%;overflow: hidden;margin:0px; padding:0px}
.clear          {display: block;}
.clear > *      {height:0;}