@charset "utf-8";

body {	
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#444444;
}

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
}
a {
	color:#cd0000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	line-height:1.6;
}

#container {
	width:100%;
	margin:0 auto;
	background:url("../img/bk.gif") repeat-x top;
}

#header {
	width:780px;
	height:100px;
	margin:0 auto;
	padding:0;
}

#logo {
	width:280px;
	margin:30px 0;
	padding:0;
	float:left;
	text-align:left;
}
#logo h1 {
	text-indent:-9999px;
}
#logo h1 a {
	display:block;
	width:260px;
	height:40px;
	background:url("../img/logo.gif") no-repeat;
}

#menu {
	width:500px;
	margin:0;
	padding:0;
	float:right;
}
#menu ul {
	display:block;
	width:500px;
	margin:10px 0;
	text-indent:-9999px;
}
#menu li {
	display:block;
	width:100px;
	height:80px;
	float:left;
}
.home a {
	display:block;
	width:100px;
	height:80px;
	margin:0;
	padding:0;
	background:url("../img/home.gif") no-repeat;
}
.home a:hover {
	background-position:0 -80px;
}
.about a {
	display:block;
	width:100px;
	height:80px;
	margin:0;
	padding:0;
	background:url("../img/about.gif") no-repeat;
}
.about a:hover {
	background-position:0 -80px;
}
.design a {
	display:block;
	width:100px;
	height:80px;
	margin:0;
	padding:0;
	background:url("../img/design.gif") no-repeat;
}
.design a:hover {
	background-position:0 -80px;
}
.download a {
	display:block;
	width:100px;
	height:80px;
	margin:0;
	padding:0;
	background:url("../img/download.gif") no-repeat;
}
.download a:hover {
	background-position:0 -80px;
}
.contact a {
	display:block;
	width:100px;
	height:80px;
	margin:0;
	padding:0;
	background:url("../img/contact.gif") no-repeat;
}
.contact a:hover {
	background-position:0 -80px;
}

#img {
	width:780px;
	height:270px;
	margin:0 auto;
	padding:0;
}
#img img {
	margin:10px 0;
}

#contents {
	width:780px;
	margin:0 auto;
	padding:0;
}
#contents h2 {
	margin:5px 10px 20px 10px;
	color:#000099;
	font-size:160%;
}
#contents p {
	text-align:left;
	margin:5px 10px;
	font-size:85%;
}

#maincontents {
	width:780px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/conbk.gif") repeat-y;
}

#main {
	width:520px;
	margin:0;
	padding:0;
	float:left;
}

#left {
	width:260px;
	margin:0;
	padding:0;
	float:left;
}

#center {
	width:260px;
	margin:0;
	padding:0;
	float:right;
}

#right {
	width:260px;
	margin:0;
	padding:0;
	float:right;
}

#footer {
	clear:both;
	margin:0 auto;
	padding:0;
	width:780px;
}

#footcontents {
	width:780px;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	float:left;
	background:url("../img/conbk.gif") repeat-y;
	border-top:solid 5px #cccccc;
}
#footcontents p {
	text-align:left;
	margin:5px 10px;
	font-size:85%;
}
#footcontents h3 {
	margin:5px 10px 20px 10px;
	color:#0099d9;
	font-size:160%;
}

#footmain {
	width:520px;
	margin:0;
	padding:0;
	float:left;
}

#footleft {
	width:260px;
	margin:0;
	padding:0;
	float:left;
}
#footleft ul {
	display:block;
	width:240px;
	margin:10px;
	padding:0;
	text-align:left;
}
#footleft li a {
	display:block;
	width:230px;
	margin:0;
	padding:5px;
	border-bottom:solid 1px #cccccc;
}
#footleft li a:hover {
	background:#f0f0f0;
}

#footcenter {
	width:260px;
	margin:0;
	padding:0;
	float:right;
}

#footright {
	width:260px;
	margin:0;
	padding:0;
	float:right;
}
#footright a img {
	display:block;
	border:solid 2px #cccccc;
}
#footright a:hover img {
	border:solid 2px #0099d9;
;
}