html,body {
	background: #DBE7F6;
	color: #444;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align: left;
	/*height:100%;*/
	margin:0;
	padding: 0;
}

.page{
	margin:0 auto;
	padding: 0;
	width: 980px;
}
.clear{
	clear:both;
}
.col1{
	float:left;
	width:700px;
}
.col2{
	float:right;
	width:270px;
}


.logo {
	height: 80px;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: 0 0; background-repeat: no-repeat;
}
.logo img {
	display: block;
}


/* ##### HEADER AREA -------------------------------------------------- */
.header .hhead, .header .hbody, .header .hfoot{
	background: url('images/bg_header.png') repeat-y;
}
.header{
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}
	.header .hhead{
		background-position: -980px 0; background-repeat: no-repeat;
		height:8px;
	}
	.header .hbody{
		background-position: 0 0; background-repeat: repeat-y;
		padding-left:1px;
		padding-right:1px;
	}
		.header .hbody .caption{
			padding-left:20px;
			padding-right:20px;
			padding-top:8px;
			padding-bottom:5px;
			color:#FFF;
		}
		.header .hbody .text{
			padding-left:20px;
			padding-right:20px;
		}
	.header .hfoot{
		background-position: -1960px 100%; background-repeat: no-repeat;
		height:32px;
	}

/* ##### CONTENT AREA -------------------------------------------------- */
.content{
	font-family: Georgia,Roman,serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}
	.content .mhead{
		background: url('images/bg_content_head.png') repeat-y;
		background-position: 0 0; background-repeat: no-repeat;
		height:32px;
	}
		.content .mhead .caption{
			font-family: arial, verdana, helvetica, tahoma, sans-serif;
			color:#FFF;
			font-size:14px;
			font-weight: bold;
			vertical-align:top;
			line-height:130%;
			margin-bottom:0px;
			padding-left:20px;
			padding-right:20px;
			padding-top:8px;
			padding-bottom:5px;
		}
	.content .mbody{
		background: url('images/bg_content_body.png') repeat-y;
	}
		.content .mbody .text{
			vertical-align:top;
			line-height:170%;
			padding-left:20px;
			padding-right:20px;
		}
	.content .mfoot{
		background: url('images/bg_content_head.png') repeat-y;
		background-position: -700px 100%; background-repeat: no-repeat;
		height:22px;
	}

/* ##### MENU AREA -------------------------------------------------- */
.menu .mhead, .menu .mheads, .menu .mbody, .menu .mfoot{
	background: url('images/bg_menu.png') repeat-y;
}
.menu{
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}
	.menu .mhead{
		background-position: -270px 0; background-repeat: no-repeat;
		height:32px;
	}
		.menu .mhead .caption{
			color: #FFF;
			font-weight: bold;
			font-size: 14px;
			vertical-align:top;
			margin:0px;
			padding-left:10px;
			padding-right:10px;
			padding-top:8px;
			padding-bottom:5px;
		}
	.menu .mbody{
		background-position: 0 0; background-repeat: repeat-y;
		padding-top:10px;
	}
		.menu .mbody .text{
			font-size: 12px;
			vertical-align:top;
			line-height:170%;
			padding-left:10px;
			padding-right:10px;
		}
	.menu .mfoot{
		background-position: -540px 100%; background-repeat: no-repeat;
		height:12px;
	}


/* ##### NAVIGATION BAR -------------------------------------------------- */
.navigationbar {
	font-size: 14px;
	font-weight: bold;
	vertical-align:middle;
	text-align:left;
	padding:0px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
.navigationlink, .navigationlinkhover, .navigationlinkactive, .navigationlinkactivehover
{
	text-align:left;
	vertical-align:middle;
	cursor:pointer;

	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:0px;
}
.navigationlink {
	color: #444;
}
.navigationlinkhover {
	color: #648CD1;
}
.navigationlinkactive {
	color: #648CD1;
}
.navigationlinkactivehover {
	color: #648CD1;
}


/* ##### MENU NAVIGATION -------------------------------------------------- */
.menulink, .menulinkhover, .menulinkactive, .menulinkactivehover
{
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
	
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.menulink {
	color: #336699;
}
.menulinkhover {
	color: #FF6600;
}
.menulinkactive {
	color: #FF6600;
}
.menulinkactivehover {
	color: #FF6600;
}



td{
	vertical-align:top;
}

.image{
	padding-bottom:10px;
	font-size:12px;
	font-style:italic;
}
h1{
	padding:0;
	margin:0;
}

/* ##### LINK STYLE ------------------------------------------------------------------- */
a {
	color: #336699;
	text-decoration: none;
}
a:active {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* ##### IMAGE STYLE ------------------------------------------------------------------- */
img {
	vertical-align:top;
	border:1px solid #E0E0E0;
	margin-bottom:10px;
	margin-top:4px;
}

/* ##### GENERAL STYLE ------------------------------------------------------------------- */
.fborder {
	width:100%;
	padding-bottom:10px;
	padding-left:0;
	margin-left:0;
}
.fcaption {
	padding:0px;
	margin:0px;
	font-weight: bold;
	font-size: 14px;
	vertical-align:top;
}
.fcaption_small {
	padding:0px;
	margin:0px;
	font-weight: bold;
	font-size: 12px;
	color: #648CD1;
	vertical-align:top;
}
.forumheader{
	font-size: 10px;
	color: #5D6E75;
	padding: 0px;
	vertical-align:top;
	padding-bottom:5px;
}
.forumheader3{
	font-size: 12px;
	padding: 0px;
	vertical-align:top;
	line-height:170%;
}

/* ##### LIST STYLE ------------------------------------------------------------------- */
ul {
	margin:0;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	padding-left:15px;
}
.col2 ul{
	list-style-image:url('images/bullet2.gif');
}
li {
	padding:0;
	margin:0;
}

/* ##### STYLE ------------------------------------------------------------------- */
.indent{
	padding: 10px 10px 10px 10px;
	margin: 5px;
	font-size: 12px;
	font-style:italic;
	color: #838387;
	border: 1px solid #D6D6D6;
}
.code_highlight{
	padding: 10px 10px 10px 10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	color: #838387;
	border: 1px solid #D6D6D6;
}


/* ##### BORDERED -------------------------------------------------------------------- */
.listfborder{
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%;
}
.listforumheader, .listforumheader2, .listforumheader3, .listfcaption {
	padding: 4px;
	border: 1px solid #E0E0E0;
	vertical-align:top;
}
.listforumheader{
	background-color: #FBFBFD;
	vertical-align:top;
}
.listfcaption {
	background-color: #F7F7F9;
	vertical-align:top;
}
/* ----------------------------------------------------------------------------------------------- */


/* ##### INTRO PAGE -------------------------------------------------------------------- */
.index{
	font-size:14px;
	line-height:200%;
	text-align:justify;
}

/* ##### ABOUT PAGE -------------------------------------------------------------------- */
.about{
	font-size:14px;
	line-height:200%;
	text-align:justify;
}

/* ##### PROJECT PAGE -------------------------------------------------------------------- */
.project{
	font-size:14px;
	line-height:200%;
	text-align:justify;
}
.project.media{
	font-size:12px;
	text-align:left;
}
.fasci{
	font-size:14px;
	line-height:200%;
	text-align:justify;
}

/* ##### MEDIA PAGE -------------------------------------------------------------------- */
.media{
	font-size:14px;
	line-height:200%;
	text-align:justify;
}
.media.item{
	font-size:14px;
	line-height:150%;
	text-align:justify;
}