/* CSS Document */

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

#container{
	position: relative;
	top: 0px;
	float:left;
	background-color:#FFFFFF;
	width: 890px;
	margin-bottom: 200px;
	}
	
.main_image{
	float: right;
	position: relative;
	padding-left: 15px;
}
.sample2{
	float:left;
	margin-bottom: 15px;
	margin-right: 15px;
}
.sample3{
	float:right;	
}

#box
	{
	position: relative;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 240px;
	height:inherit;
	background-color: #f2f1f7;
	margin-bottom: 5px;
	}
	
#boxsmall
	{
	position: relative;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 160px;
	height:auto;
	background-color: #f2f1f7;
	margin-bottom: 5px
	}
	
#boxfront
	{
	position: relative;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 215px;
	height:auto;
	background-color: #f2f1f7;
	margin-bottom: 5px
	}
	
#boxwide
	{
	position: relative;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 700px;
	height:auto;
	background-color: #f2f1f7;
	margin-bottom: 5px
	}
 	
#catagories
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1E4253; 
	line-height: 160%;
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 15px;
	

}
#project
{
	width: 705px;
}

#details
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #1E4253;
	float: right;
	width: 450px;
	line-height: 16px;
	margin-top: 5px;
}

#info
{
	color: #5CAFAF;
	width: 40px;
	height: 50px;
	float:left;
	padding-bottom: 20px;
	text-align: right;
	padding-right: 7px;
	}	
#infosmall
{
	color: #5CAFAF;
	width: 40px;
	height: 35px;
	padding-bottom: 10px;
	float:left;
	}
	
#infowide
{
	color: #5CAFAF;
	width: 45px;
	float:left;
	}	
#skillset
{
	color: #5CAFAF;
	width: 50px;
	float:left;
	height: 250px;
	text-align: right;
	padding-right: 7px;
	}
	
#enlarge
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #2792C6;
	padding-bottom: 15px;
	padding-top: 7px;
	padding-left: 30px;
	background-image:url(../images/enlarge.gif);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	width: 200px;
	}

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/panel/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/panel/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/panel/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/panel/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/panel/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/panel/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/panel/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../images/panel/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
.test {
	position: fixed;
	top: 800px;
}