body, p, blockquote,
h1, h2, h3, h4, h5, h6,
form, ol, ul, li, dl, dt, dd, hr {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

.magnify {
	cursor: url(/page/images/sys/magnify.cur);
}

	* > .magnify {
		cursor: pointer;
		cursor: hand;
	}


/* === Clearing browser style === */

body, td, th, input, textarea, select {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

body.index {
	background: #fefefe url(../images/bg-line-right.gif) repeat-x 0px 154px;
	height: 100%;
	padding: 0px;
}

body.page {
	background: #fefefe;
	height: 100%;
	padding: 0px;
}

html {
	height: 100%;
}

/* === Links === */

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

a:hover {
	text-decoration: underline;
}

a.link {
	color: #959595;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}

/* === Main === */

.index #layout {
	width: 100%;
	height: 100%;
}

.page #layout {
	width: 100%;
}

	.index #left {
		background: url(../images/bg-line.gif) repeat-x 0px 154px;
		width: 50%;
	}
	
		#leftBg {
			background: url(../images/bg-left.jpg) no-repeat right top;
			height: 468px;
		}
	
	.page #left {
		width: 50%;
	}
	
	.index #middle {
		background: url(../images/bg-middle.jpg) no-repeat 0px 171px;
	}
	
	.page #middle {
		background: url(../images/clip-bottom.gif) no-repeat right top;
		padding: 0px 30px 40px 30px;
		border-right: 2px solid #78001e;
		border-left: 2px solid #78001e;
	}
	
	.index #right {
		background: url(../images/bg-right.jpg) no-repeat 0px 171px;
		width: 50%;
	}
	
	.page #right {
		width: 50%;
	}
	
	/* Lang */
	
		/* ... */
	
	/* Menu */
	
	.nav a {
		display: block;
		background: url(../images/menu-bullet.gif) no-repeat;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
		padding: 14px 10px 15px 17px;
	}
	
		.nav a.first {
			background: none;
		}
		
	.nav a:hover {
		color: #ffc000;
		text-decoration: none;
	}
	
	.nav a.selected {
		color: #ffc000;
		text-decoration: none;
	}
	
	.nav a.selected:hover {
		color: #ffc000;
		text-decoration: none;
	}
	
	/* Submenu */
	
	.subnav,
	.subnav ul {
		list-style: none;
	}
	
		.subnav a {
			display: block;
			font-size: 10px;
			font-weight: bold;
			color: #040404;
			line-height: 14px;
			text-decoration: none;
			padding: 0px 0px 20px 10px;
		}
		
		.subnav a:hover {
			background: url(../images/submenu-bullet.gif) no-repeat;
			color: #78001e;
			text-decoration: none;
		}
		
		.subnav a.selected {
			background: url(../images/submenu-bullet.gif) no-repeat;
			font-weight: bold;
			color: #78001e;
			text-decoration: none;
		}
		
		.subnav a.selected:hover {
			color: #78001e;
			text-decoration: none;
		}
	
	/* Quick menu */
	
		/* ... */
	
	/* Icons */
	
	.icons td {
		background: url(../images/menu-bullet.gif) no-repeat;
		padding-left: 7px;
	}
	
		.icons td.first {
			background: none;
		}
	
	/* --- */
	
	.index #header {
		background: url(../images/bg-header.gif) no-repeat left bottom;
		height: 171px;
	}
	
	.page #header {
		background: url(../images/bg-header-page.gif) no-repeat right bottom;
		height: 154px;
	}
	
		#logo {
			padding: 20px 48px 10px 48px;
		}
		
		#navBox {
			padding: 0px 37px;
		}
		
		#iconsBox {
			padding-right: 47px;
		}
	
	#flashBox {
		height: 180px;
	}
	
	#boxes {
		height: 215px;
		padding-left: 95px;
	}
	
		#box1 {
			background: url(../images/box1.gif) no-repeat;
			width: 185px;
			height: 155px;
			margin-right: 28px;
		}
		
		#box2 {
			background: url(../images/box2.gif) no-repeat;
			width: 185px;
			height: 155px;
			margin-right: 28px;
		}
		
		#box3 {
			background: url(../images/box3.gif) no-repeat;
			width: 185px;
			height: 155px;
			margin-right: 28px;
		}
		
			.projectImg {
				padding: 12px 13px 8px 11px;
			}
			
			.projectTitle {
				background: url(../images/project-bullet.gif) no-repeat;
				font-size: 10px;
				font-weight: normal;
				color: #ffffff;
				/*text-transform: uppercase;*/
				padding-left: 9px;
				margin: 0px 15px 0px 13px;
				padding-left: 12px;
			}
			
				.projectTitle a {
					color: #ffffff;
					text-decoration: none;
				}
				
				.projectTitle a:hover {
					text-decoration: underline;
				}
	
	#planAngle {
		background: url(../images/plan-angle.gif) no-repeat;
		height: 21px;
	}
	
	.cMaroon {
		background: #78001e;
	}
	
	#hLine1 {
		background: #78001e url(../images/clip-middle.gif) no-repeat right top;
		height: 17px;
	}
	
	#hLine2 {
		background: #78001e;
		height: 21px;
	}
	
	#bottomLine {
		background: url(../images/bg-bottom-line.gif) no-repeat;
		height: 27px;
	}
	
	.side {
		background: #ffc300 url(../images/bg-side.gif) repeat-x;
		height: 260px;
	}
	
	#subnavBox {
		padding: 70px 0px 48px 0px;
	}
	
	#subnavLine {
		background: url(../images/pix-maroon.gif) repeat-y right top;
		width: 21px;
	}
	
	#infoBox {
		padding: 28px 30px 40px 22px;
	}
	
	#txtBox {
		line-height: 15px;
	}
	
	#illustration {
		background: #070906;
		padding: 0px 1px 1px 1px;
		margin: 29px 0px 40px 0px;
		border: 10px solid #78001e;
		border-top: none;
	}
	
	#addr {
		font-size: 10px;
		color: #808080;
		line-height: 18px;
		width: 100%;
		padding: 0px 10px 0px 30px;
	}
	
		/*#addr a {
			color: #808080;
			text-decoration: underline;
		}
		
		#addr a:hover {
			text-decoration: underline;
		}*/
	
	#created {
		padding: 21px 70px 8px 0px;
	}
	
	/* content images */
	
	.imgContainer {
	}
	
		.imgContainer table tr.image td {
			background: #ffffff;
			padding: 1px;
			border: 1px solid #c5af6a;
		}
		
		.imgContainer table tr.title {
			display: none;
		}
		
			.imgContainer table tr.title td {
				text-align: center;
			}

/* === Txt === */
h1.title {
	font-size: 18px;
	font-weight: normal;
	color: #78001e;
	padding-right: 20px;
}

h2.title {
	font-size: 11px;
	font-weight: bold;
}

span.copyright {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	color: #030303;
	cursor: default;
}

span.copyright a {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	color: #030303;
	text-decoration: none;
}

span.copyright a:hover {
	color: #030303;
	text-decoration: none;
}

/* === Other === */

.w33 {
	width: 33%;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}