@charset "UTF-8";
*{
margin: 0;
padding: 0;
}
img{
border:none;
}
a:link {
text-decoration:none;
color:#cc0000;
outline-width:0;
}
a:visited {
text-decoration:none;
color:#cc0000;
}
a:hover {
color:#ff0000;
text-decoration: underline;
}
a:active {
outline-width:0;
}

#menu a:link {
text-decoration:none;
color:#ff99ff;
outline-width:0;
}
#menu a:visited {
text-decoration:none;
color:#cc0000;
}
#menu a:hover {
color:#fff;
background-color:#cc0000;
}
#menu a:active {
outline-width:0;
}

html{
height:100%;
overflow-y: scroll;
}


body {
	font: 100%  "Times New Roman", Times, serif;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: center; 
	color: #000000;
	height:100%;
	line-height:1.5;
}
h1 img{
margin:30px 0 0;
}
h2{
margin:10px 0 20px 0;
font-family: Georgia, serif;
font-size:18px;
}
h3{
margin:5px 0 5px 0;
font-family: Georgia, serif;
font-size:14px;
}
h4{
margin:10px 0;
padding:0 0 10px;
font-family: Georgia, serif;
font-size:12px;
border-bottom:#CCCCCC 1px dotted;
}
p{
margin:1em 0;
}
#container {
	width: 480px;
	background: #FFFFFF;
	margin: 0 auto;
	min-height:100%;
	text-align:left;
}
#mainContent {
	padding: 0 20px;
	font-size:75%; 
}

#menu{
margin:10px 0;
width:100%;
text-align:left;
padding:10px 0;
border-top:#CCCCCC 1px dotted;
border-bottom:#CCCCCC 1px dotted;
}
#menu ul{
list-style-type:none;
padding:0;
margin:0;
}

#menu li{
display:inline;
list-style-type:none;
padding:0 2em 0 0;
}

#footer{
font-size:65%;
margin:20px;
text-align:left;
border-top:#CCCCCC 1px dotted;
padding:10px 0;
}
#works ul, li{
list-style-type:none;
display:inline;
margin:0;
padding:0;
line-height:0;
}
#works ul{
margin-bottom:10px;
padding-bottom:10px;
line-height:2em;
font-size:10px;
}
#works li{
margin:5px;
}
#works li a img{
padding:5px;
margin-bottom:10px;
width:60px;
height:60px;
border:1px #ccc solid;
}
#works li a:hover img{
width:60px;
height:60px;
border:1px #cc0000 solid;
background-color:#FFFFFF;
}

.toPageTop{
width:10px;
height:10px;
text-indent:-9999px;
display:block;
background: url(../images/top.gif) top left;
}

.toPageTop a{
width:10px;
height:10px;
text-indent:-9999px;
display:block;
background: url(../images/top.gif) top left;
}
.toPageTop a:hover{
width:10px;
height:10px;
text-indent:-9999px;
display:block;
background: url(../images/top.gif) bottom left;
}
iframe{
width:440px;
height:350px;
}