body {
	background: #5f5d5d url(../images/bg2.gif) repeat;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.hide {
	display:none;
}

p, li, .contact {
	color: #000000;
	font-size: 1em;
}
strong {
	font-size: 1.1em;
}
#content li{font-size: 12px;}

h2 {
	color:#3399cc;
	font-weight: bold;
	font-size: 18px;
}

h3 {
	color:#000000;
	font-weight: bold;
	font-size: 15px;
}

h4 {
	color:#000000;
	font-weight: bold;
	font-size: 12px;
}
.capitalize { text-transform: capitalize;}
.lowercase { text-transform: lowercase;}
.grey {color: #666666;}
a { color: #8f0000; text-decoration: none; }
a:hover{ text-decoration: underline; }
td {font-size: 12px;}

.blue {color: #003399; font-weight: bold;}
.red {color: #CC0000; font-weight: bold;}

.error {
	color: #FF0000;
	font-weight: bold;
}

/***********************************/
/***********************************/
/***********************************/
/***********************************/
/***********************************/
/* MAIN CONTENT FIELD FOR THE PAGE */
/***********************************/

#main {
	width: 875px;
	/*background: url(../images/bg.gif) repeat-y;*/
	height: 820px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	display: block;

}

#left {
	/*position: relative;*/
	position:static;
	width: 170px; 
	height: 570px;
	/*background: url(../images/left_portfolio.png) no-repeat;*/
	margin: 0;
	padding: 250px 0 0 0;
	display: block;
	float: left;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/left_portfolio.png');
	z-index: 0;
}
	/* IE ignores styles with [attributes], so it will skip the following. */
#left[id] {
  	background: url(/images/left_portfolio.png) no-repeat;
}

#left_nobar {
	/*position: relative;*/
	position:static;
	width: 170px; 
	height: 570px;
	/*background: url(../images/left_portfolio.png) no-repeat;*/
	margin: 0;
	padding: 250px 0 0 0;
	display: block;
	float: left;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/left_nobar.png');
	z-index: 0;
}
	/* IE ignores styles with [attributes], so it will skip the following. */
#left_nobar[id] {
  	background: url(/images/left_nobar.png) no-repeat;
}

#left #portfolio_nav a{
	width: 125px;
	height: 20px;
	position: relative;
}
#portfolio_nav p{
	/*position: relative;*/
	width: 125px;
	height: 300px;
	color: #000000;
	/*font-size: 12px;*/
	margin: 0;
	padding: 0 0 0 45px;
	display: block;
	float: left;
	z-index: 20000;
	line-height: 1.5em;
}


#content {
	display: block;
	position:static;
	/*background: url(../images/content_bg.png) no-repeat;*/
	width: 555px;
	height: 637px;
	margin: 0;
	padding: 183px 0 0 0;
	float: left;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content_bg.png');
	}
	/* IE ignores styles with [attributes], so it will skip the following. */
	#content[id] {
  	background: url(../images/content_bg.png) no-repeat;
}

#content_pic {
	display: block;
	position: relative;
	width: 385px;
	margin: 0;
	padding: 0 0 0 25px;
	float: left;
	/*overflow: auto;
	z-index: 1;*/
}

#content_skills {
	display: block;
	position: relative;
	width: 335px;
	margin: 0;
	padding: 0 0 0 75px;
	float: left;
	/*overflow: auto;
	z-index: 1;*/
}

#lefttext {
	width: 117px;
	position: relative;
	text-align: left;
	float: left;
	color: #8f0000;
}
#centertext {
	width: 139px;
	position: relative;
	text-align: center;
	float: left;
	color: #000000;
}
#centertext a {
	font-size: 0.9em;
	color: #000000;
	text-decoration: underline; 
}
#centertext a:hover {
	text-decoration: none; 
}

#righttext {
	width: 110px;
	position: relative;
	text-align: right;
	float: left;
	color: #8f0000;
}


#content_desc {
	display: block;
	position: relative;
	width: 120px;
	margin: 0;
	padding: 0 10px 0 15px;
	float: left;
	/*overflow: auto;
	z-index: 1;*/
}
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/******************RIGHT NAVIAGTION*************************/

#right {
	position:static;
	width: 150px;
	height: 820px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;	
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/right_bg.png');
	}
	/* IE ignores styles with [attributes], so it will skip the following. */
	#right[id] {
  	background: url(../images/right_bg.png) no-repeat;
}

#right ul{
	position: relative;
	width: 150px;
	height: 820px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
}

#right ul li {
	position: relative;
	width: 150px;
	height: 820px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#right ul li ul{
	/*background: url(../images/right_nav2.png) no-repeat;*/
	position: relative;
	width: 150px;
	height: 620px;
	margin: 0;
	padding: 200px 0 0 0;
	display: block;
	float: left;
	position: absolute;
	/*left: -999em;*/
	display: none;
}
#right ul li ul.nav {
	position:static;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/right_nav2.png');
	}
	/* IE ignores styles with [attributes], so it will skip the following. */
	#right[id] ul li ul.nav {
  	background: url(../images/right_nav2.png) no-repeat;
}


#right li ul li{
	position: relative;
	width: 150px;
	height: 18px;
	margin: 0;
	padding: 0;
	display: block;
}
#right li ul li a {
	position: relative;
	width: 130px;
	height: 18px;
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 1em;
	display: block;
}
#right li:hover ul, #right li.sfhover ul {
	position: relative;
		/*left: auto;*/
		display: block;
}

#noRoll #right ul li ul{
	position: relative;
	width: 150px;
	height: 620px;
	margin: 0;
	padding: 200px 0 0 0;
	display: block;
	float: left;
	position: static;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/right_nav2.png');
	}
	/* IE ignores styles with [attributes], so it will skip the following. */
#noRoll #right[id] ul li ul.nav {
	position: absolute;
  	background: url(../images/right_nav2.png) no-repeat;
}