body {
	font-family: verdana, tahoma, serif;
	font-size: 14px;
	color: #000000;
	background: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


/* #### LINK ATTRIBUTES #### */

#contentright a:link {
	color: #335588;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
#contentright a:visited {
	color: #335588;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
#contentright a:hover {
	color: #800000;
	border-bottom: 1px solid;
	text-decoration: none;
	}

#contentleft a:link {
	color: #808080;
	text-decoration: none;
	
	}
#contentleft a:visited {
	color: #808080;
	text-decoration: none;
	}
#contentleft a:hover {
	color: #808080;
	border-bottom: 1px solid;
	text-decoration: none;
	}

p#contentText
{
margin: 0px 0px 0px 30px;
}

/* ##### COMMON SHIT #####  */



abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}


#logo {
	position: relative;
	left: 25px;
	background: url(/fwk/public/img/logo.png) no-repeat top left;
	background-repeat: no-repeat;
	height: 118px;
	padding: 0 0;
	margin: 0;
	}





/* #### NAVIGATION BAR ##### */


#nav {
	position: relative;
	left: 25px;
	width: 725px;
	margin: 0 0;
	padding: 0px;
	height: 34px;
	
	font-size: 80%;
	background: #fff url(/fwk/public/img/button.png) repeat-x top left;
	}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 105px;
	background:white url(/fwk/public/img/button.png) no-repeat; 
	}

#nav a {

   	font : bold 12px verdana; 
  	color:black; 
  	width:105px; 
  	height:24px; 
   	background:white url(/fwk/public/img/button.png) no-repeat; 
 	text-align:center; 
  	padding-top: 10px;
 	display:block; 
  	text-decoration:none; 
	
	}

#nav a:hover {
	font: bold 9pt verdana; 
	width: 105px;
	height: 24px;
	color: #FFFFFF;
	background-color: #fff;
	background:white url(/fwk/public/img/hilite.png) no-repeat; 
	padding-top: 10px;
	}

#nav a.active {
	font: bold 9pt verdana; 
	width: 105px;
	height: 24px;
	color: #599ED7;
	background-color: #fff;
	
	padding-top: 10px;
	font-weight: bold;
	}


/* ---( top )------------------------------- */

#FRAME {
	margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
	font-size: 95%;

	background: url(/fwk/public/img/bg.png) repeat-y;
	width: 775px;
}

p#main {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}
h1#title {
text-transform: lowercase;
padding-bottom: 5px;
}

h2#welcome {
text-transform: lowercase;
padding-bottom: 5px;
}


#contentleft h3 {
	color: #336699;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 15px;
}

h1, h2, h3, h4 {
	color: #336699;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

ul{
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
}

ul li{
	padding: 0 0 8px 17px;
	margin: 0 0 5px 0;
	/* background: url(img/bullet_double.gif) no-repeat left top; */
}

#contentleft li{
	padding: 0 0 0 17px;
	margin: 0 0 5px 0;
	background: url(/fwk/public/img/bullet_double.gif) no-repeat left top;
}
#contentright li{
	padding: 0 0 0 20px;
	margin: 0px 40px 10px 60px;
	background: url(/fwk/public/img/barrow.gif) no-repeat left top;
}


blockquote {
	font-size: 100%;
	font-style: italic;
	color: #D2CFCC;
	margin: 0;
	padding: 0 0 0 6px;
	border-left: 1px dotted #EEEEEE;
}

cite {
	text-transform: uppercase;
	color: #CC9999;
}

div.holdcode {
	width: auto;
	height: auto;
	overflow: auto;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #EEEEEE;
}

code {
	color: #99B3CC;
	font: 100% monospace;
}

input {
	background: #eeeeee;
	border: 1px solid #dddddd;
}

input:focus {
	background: #CCE5FF;
}

fieldset {
	padding: 6px;
	border: 1px solid #CCCCCC;
}

legend {
	color: #cccccc;
	text-transform: uppercase;
}

.formlogin {
	color: #336699;
	background: #F6F6F6;
	margin: 10px 0 0 0;
	font-family: verdana, tahoma, serif;
	font-size: 11px;
}


.port dd {

}
.port dt {

margin: 0 0 0 25px;
text-transform: lowercase;
padding-bottom: 5px;

	

}


h2#portfolio {
text-transform: lowercase;
padding-bottom: 5px;
}

h3#portitem {
font-size: 12px;
margin: 0px 0px 0 0px;
text-transform: lowercase;
padding-bottom: 5px;
 background: url(/fwk/public/img/barrow.gif) no-repeat left top;
}
.port dd {


}



#contentmain {
	width: 695px;
	padding: 10px 40px;
	
}

#contentleft {
font-size: 11px;
	width: 185px;
	float: left;
	
	padding: 10px 1px 10px 5px;
}

#contentright {
	width: 450px;
	float: right;
	background: white;
	padding: 10px 5px 10px 0px;
}

#featuredpic {
	position: relative;
	background: url(/fwk/public/img/cudem.png) no-repeat top left;
	background-repeat: no-repeat;
	height: 100px;
margin-left: 20px;

	padding-bottom: 10px;

	width: 290px;

	}
#featuredpic p {
	position: relative;
	left: 170px;
}

#mainpic {
	position: relative;

	background: url(/fwk/public/img/main2.png) no-repeat top left;
	background-repeat: no-repeat;
	height: 201px;
	padding-bottom: 10px;
	margin: 0;
	}
#content .entry {
	margin: 0;
	padding-top: 12px;
	border-top: 1px solid #ddd;
	}
#content .single {
	border-top: none;
	padding-top: 0;
	}

/* figures */


#contentright h4
{
padding: 0px 0px 0px 10px;
}
#viewTopic
{
margin: 10px 0px 30px 10px;
}

#viewTopic ul
{

}

#viewTopic li
{
	background: url(/fwk/public/img/barrow.gif) no-repeat left top;
margin: 5px 0px 5px 30px;

}



/* ---( footer )----------------------------------- */

#footer {
	position: relative;
	margin: 6px 0 6px 0;
	line-height: normal;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-size: 9px;
	left: 25px;
	margin: 0 0 0 0;
	clear: both;
	width: 725px;
	padding: 0;
	color: #666;
	background: #cfcfcf;
	border-top: 1px solid #000;
	}
#footer p {
	margin: 0;
	padding: 8px 20px;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	color: #7e7e7e;
	}
#footer a:hover {
	color: #145B87;
	}



a img {
	border: none;
	}