body {
 background-color:#717371;
 margin:0px;
 }
 a {
 text-decoration:none;
 color:#FFFFFF;
 }
 a:hover {
 text-decoration:none;
 color:#00f0ff;
 }
#keyword {
 clear:both; 
 width:100%; 
 background-color:#FFFFFF; 
 height:15px; 
 color:#aaaaaa; 
 font-size:0.7em
}
#page {
 width:100%; 
 color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
#header {
 background-image:url(../images/headerbg.jpg);
 background-repeat:repeat-x;
 text-align:center;
 }
#header img {
 border:none;
 }
#leftbar {
 float:left;
 width:30%;
 height:auto;
 background-image:url(../images/leftbg.jpg);
 background-repeat:repeat-x;
 background-position:top;
 background-color:#000000;
 text-align:center;
 padding-top:5px;
 }
#leftbar img {
 border:none;
 }
.leftitem {
 display:block;
 background:#000000;
 border:#00f0ff solid 1px;
 margin:5px auto auto auto;
 width:230px;
 height:100px;
 vertical-align:middle;
 }
#right {
 float:right;
 width:69%;
 height:auto;
 }
#portfolio {
 width:100%;
 height:auto;
 padding:10px;
 }
.group{
 clear:both;
 width:100%;
 height:auto;
 margin:10px auto 10px auto;
 }
#workdetail {
 width:45%;
 height:170px;
 float:left;
 text-align:left;
 font-size:0.75em;
 margin:5px;
 }
#detail {
 width:auto;
 text-align:left;
 height:170px;
 }
.itemb {
 width:140px;
 height:170px;
 text-align:center;
 float:left;
 font-size:0.75em;
 }
.itemb a {
 text-decoration:none;
 color:#FFFFFF;
 }
.itemb a:hover {
 text-decoration:none;
 color:#00f0ff;
 }
.itempic {
 background-image:url(../images/itembg.jpg);
 background-repeat:no-repeat;
 padding-top:16px;
 border:none;
 width:138px;
 height:138px;
 float:left;
 text-align:center;
}
.item {
 color:#ffffff;
 font-size:0.75em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
 float:right;
 margin:auto 10px auto auto;
  background-color:#272A27;
 border:#9B9E9B 1px solid;
 padding:5px;
 }
.item:hover{
 color:#272A27;
 font-size:0.75em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
 float:right;
 margin:auto 10px auto auto;
  background-color:#ffffff;
 border:#9B9E9B 1px solid;
 padding:5px;
 }
#profiles {
 clear:both;
 width:100%;
 background-color:#000000;
 }
.links {
 width:20%;
 height:auto;
 margin:5px auto 5px 10%;
 text-align:center;
 float:left;
}
.linksitem {
border:#FFFFFF 1px solid;
margin:5px auto auto auto;
display:block;
}
#footer {
 background-image:url(../images/footerbg.jpg);
 background-repeat:repeat-x;
 background-position:top;
 background-color:#000000;
 border-top:#00f0ff 2px solid;
 }
#contact {
 width:40%;
 height:auto;
 float:left;
 margin:5px auto auto 2%;
}
.title {
 float:left;
 font-size:1.5em;
}
.form{
 float:left;
 background-image:url(../images/formbg.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#FFFFFF;
 height:25px;
 width:auto;
 border:#00f0ff 1px solid;
 margin:5px 0px 5px 0px;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 font-size:0.8em;
 font-weight:bold;
 color:#717371;
 display:block;
 clear:both;
}
.form:hover{
 color:#000000;

}
.formtextarea{
 float:left;
 background-image:url(../images/formbg.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#FFFFFF;
 height:85px;
 width:75%;
 border:#00f0ff 1px solid;
 margin:5px 0px 5px auto;
 clear:none;
 color:#717371;
 font-weight:bold;
}
#ad {
 width:20%;
 height:auto;
 float:left;
 margin:5px auto auto 5%;
}
.ad {
 display:block;
 background-color:#272A27;
 border:#9B9E9B 1px solid;
 margin:5px auto auto auto;
 text-align:center;
}
#useful {
 width:20%;
 height:auto;
 float:left;
 margin:5px auto auto 5%;
 text-align:center;
 }
#useful a {
 background-color:#717371;
 border:#9B9E9B 1px solid;
 color:#FFFFFF;
 font-size:0.70em;
 display:block;
 width:75%;
 height:20px;
 margin:5px auto auto auto;
 padding-top:5px;
 text-align:center;
 text-decoration:none;
 }
#useful a:hover {
 background-color:#000000;
 border:#9B9E9B 1px solid;
 color:#FFFFFF;
 display:block;
 width:75%;
 height:20px;
 margin:5px auto auto auto;
 text-align:center;
 text-decoration:none;
 }
#copy {
 display:block;
 text-align:center;
 clear:both;
 color:#00f0ff;
 font-weight:bold;
 font-size:0.75em;
 padding-top:10px;
 padding-bottom:10px;
}