/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #bababa;
	font-size: 11px;
	padding: 0px;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color:#FFFF00;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

p {
	color:#FFFFFF;
	margin: 0px 0 0 10px;
	overflow: hidden;
	text-align: left;
	max-height:110px;
	
}


.container_bg {
	background: url(../img/tile.jpg) top center;	
}


/* `Headings
----------------------------------------------------------------------------------------------------*/


h1.about {
	width: 299px; height:38px;
	position: relative;
	text-align:left;
	padding:0px;
	margin: 30px 0px 0px 20px;
	}
h1.about span {
	background: url("../img/about.gif") top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


h1.title_s {width: 223px; height:40px;position: relative;text-align:left;padding:0px;margin:0px;}
h1.title_b {width: 223px; height:78px;position: relative;text-align:left;padding:0px;margin:0px;}

.span1 {background: url("../img/projects/title1.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span2 {background: url("../img/projects/title2.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span3 {background: url("../img/projects/title3.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span4 {background: url("../img/projects/title4.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span5 {background: url("../img/projects/title5.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span6 {background: url("../img/projects/title6.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span7 {background: url("../img/projects/title7.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span8 {background: url("../img/projects/title8.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span9 {background: url("../img/projects/title9.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span10 {background: url("../img/projects/title10.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span11 {background: url("../img/projects/title11.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span12 {background: url("../img/projects/title12.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span13 {background: url("../img/projects/title13.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span14 {background: url("../img/projects/title14.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span15 {background: url("../img/projects/title15.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span16 {background: url("../img/projects/title16.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span17 {background: url("../img/projects/title17.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span18 {background: url("../img/projects/title18.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span19 {background: url("../img/projects/title19.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span20 {background: url("../img/projects/title20.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span21 {background: url("../img/projects/title21.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span22 {background: url("../img/projects/title22.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span23 {background: url("../img/projects/title23.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span24 {background: url("../img/projects/title24.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}
.span25 {background: url("../img/projects/title25.gif") top left no-repeat;position: absolute;width: 100%;height: 100%;}

h1 {
	font-size: 14px;
	text-align: center;
}
h2.text {
	width:200px;
	font-size: 12px;
	padding: 0 0 0 14px;
	text-align: left;
}
h2.text a, a:active {
	text-decoration:none;
	font-size: 12px;
	border-bottom:dotted #bababa 1px;
	color: #bababa;
}
h2.text a:hover {
	text-decoration:none;
	font-size: 12px;
	border-bottom:dotted #000 1px;
	color: #999999;
}