@charset "utf-8";

/*General*/

body
{
background-color:#000000;
font-size:0.8em;
color:#CCCCCC;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
text-align:center;
}


p
{
margin:0px;
}


img
{
margin-bottom:10px;
}



/* Page structure*/

.wrapper {
	width: 552px;
	position: relative;
	text-align:left;
	margin: 0 auto;
}

.headernav
{
position:relative;
width:100%;
color:#999999;
text-align:right;
}




/*Links*/
a 
{
	text-decoration: none;
	color:#CCCCCC;
}

a.visited
{
	text-decoration:none;
	color:#CCCCCC;
}

a.hover
{
	color:#cc99ff;
}


/*Text Styles*/
h1
{
color:#cc99ff;
font-size:1.5em;
font-weight:bold;
}

h2
{
color:#cc99ff;
font-size:0.9em;
font-weight:bold;
margin:0px;
}

.infoPurple
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#cc99ff;
}
.infoWhite
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#ffffff;
}

/* Portfolio Infomation Layout*/

.contentWrapper
{
position:relative;
width:100%;
padding-bottom:5px;
margin-bottom:10px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cc99ff;
}
.contentInfo
{
float:left;
width:148px;
padding-right:3px;
}

.contentImg
{
float:right;
width:401px;
}

/* Clear - This is for the floats */

.clear
{
clear:both;
}