* {
	border: 0;
	margin: 0;
	padding: 0;
}

#wrap {
	width: 1175px;
	margin: 0px auto;
	text-align: center;
	background: transparent;
}

#banner {
	background: url('layout/main.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	width: 530px;
	height: 100%;
	position: fixed;
	float: left;
	display: inline-table;
}

body {
	font-size: 9.5pt; 
	font-family: roboto; 
	text-align:justify; 
	line-height:18.5pt;
	color:#666666; 
	overflow:auto;
	background: url('layout/bg.jpg') center;
	background-attachment: fixed;
}

input, select, textarea {
	font-size: 11pt; 
	font-family: roboto;
	padding: 8px; 
	margin: 0 2px 2px 2px;
	background: url('layout/bgbox.png');
	color: #7d796b;
}

a:link, a:visited, a:active { 
	color: #267bb6; 
	text-decoration:none; 
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

a:hover { 
	color: #3da3ea; 
}

.head {
	font-family: rockwell; 
	line-height: 25pt;
	font-size: 23pt; 
	color: #f3f3f3;  
	font-weight: bold; 
	text-align: left; 
	letter-spacing: -1px;
	padding: 0 0 0 80px;
	margin: 36pt 0 10pt 10pt; 
	background: url('layout/bghead.png') no-repeat;
}

p {
	margin: 0 0 15px 0;
}

b {
	color: #44c8c9; 
}

i {
	color: #f8f9f9;
}

u {
	color: #999999;
}

.content {  
	background: transparent;
	width: 625px;
	text-align: justify;
	padding: 0px;
	float: right;
	display: inline-table;
}

.navi {
	background: transparent;
	width: 480px;
	text-align: center;
	margin: 420px auto 0px auto;
	color: #444444;
}

.navi a {
	width: 65px;
	font-family: roboto; 
	font-size: 9pt;
	line-height: 12pt;
	display: inline-table;
	padding: 8px;
	margin: 3px 1px;
	text-transform: lowercase;
	border: 1px solid #2b2b2a;
	background: url('layout/bgimg2.jpg'); 
	color: #f8f9f9;
}

.navi a:hover {
	background: url('layout/bgbox.jpg'); 
	color: #2b2b2a;
}

.media {
	font-weight: normal; 
	width: 80%; 
	background: url('layout/bgimg2.jpg') center; 
	text-align: justify;
	margin: 25px auto;
	padding: 15px;
	border-radius: 0px;
	overflow: auto;
	height: 252px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

.media img {
	background: url('layout/bgbox.jpg') center;
	padding: 6px;
	margin: .5px 3px;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.media img:hover {
	background: url('layout/bgimg.jpg') center;
}

blockquote {
	margin: 0px auto;
	padding: 0 0px;
	font-family: rockwell;
	font-size: 14pt;
	letter-spacing: -1px;
	color: #999999;
}

.box {
	font-weight: normal; 
	width: 85%; 
	background: url('layout/bgbox.jpg') center; 
	text-align: justify;
	margin: 25px auto;
	padding: 12px 15px;
	border-radius: 15px;
}

.box i {
	color: #181818;
}

div.left {
	float: left; 
	width: 49%;
}

div.right {
	float: right; 
	width: 49%;
}

div.image img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	filter: gray;
	/* IE 6-9 */
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding: 11px;
	margin: 1px;
	background: url('layout/bgimg.jpg') center;
	border: 1px solid #2b2b2a;
}

div.image img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
	-webkit-filter: none;
	filter: none;
	background: url('layout/bgimg.jpg') center;
}

div.image2 img {
	background: url('layout/bgimg2.jpg') center;
	padding: 9px;
	margin: 1px;
	border: 1px solid #2b2b2a;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

div.image2 img:hover {
	background: url('layout/bgimg.jpg') center;
}

ul {
	list-style-type:katakana;
	margin: 10px 0 10px 75px !important;
}

li {
	text-align: justify;
}

@font-face {
    font-family: roboto;
    src: url('layout/roboto.ttf');
}

@font-face {
    font-family: rockwell;
    src: url('layout/rockwell.TTF');
}



#footer {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 30px 0 15px 0;
	background: url('layout/bgbot.png') top center no-repeat;
}

#footertext {
	background: transparent;
	text-align: center;
	font-size: 8pt;
	line-height: 12pt;
	text-transform: uppercase;
	color: #555555;
}