html, body {
margin : 0;
padding : 50px 50px;
background-color : #666;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
width : 900px;
border : 1px solid #000;
background : #fff;
height : 660px;
margin : 0 0 10px 0;
}
#top img {
border : 0;
}
body {
margin : 0;
padding : 0;
}
#navbar {
margin : 0 0 35px 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
float : left;
width : 100%;
font-size : 93%;
line-height : normal;
background : #dae0d2 url(../asset/sliding_door/door_bg.gif) repeat-x bottom;
clear : both;
}
#navbar ul {
margin : 0;
padding : 0;
list-style : none;
padding : 10px 10px 0;
}
#navbar li {
background : url(../asset/sliding_door/right_door.gif) no-repeat right top;
float : left;
margin : 0;
padding : 0;
}
#navbar a {
background : url(../asset/sliding_door/left_door.gif) no-repeat top left;
display : block;
padding : 5px 15px 4px;
text-decoration : none;
}
#navbar a:link {
color : #666;
}
#navbar a:hover {
color : #333;
}
#navbar a:visited {
color : #000;
}
#navbar #current {
background : url(../asset/sliding_door/right_door_on.gif) no-repeat right top;
}
#navbar #current a {
background : url(../asset/sliding_door/left_door_on.gif) no-repeat top left;
padding-bottom : 5px;
}
#navbar #current a:link {
color : #000000;
}
#content {
background : #fff;
margin : 0 0 0 35px;
}
#about {
margin:10px 0 0 0;
}
#about p a{
text-decoration:none;
color:#666;
}
#about p a:hover{
color:#3C6;
}
#abouttext {
width : 400px;
font-size:12px;
}
#abouttext p{
margin:30px 0 0 25px;
}
#abouttext h1 {
font-size : 15px;
}
#abouttext ul li {
margin : 12px 0 0 0;
}
#computers {
float : right;
margin : 15px 75px 0 0;
}
#workwin {
width : 200px;
float : left;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.workwin {
width : 200px;
height : 200px;
overflow : hidden;
float : left;
margin : 0 0 10px 0;
}
.workwin a {
text-decoration : none;
display : block;
width : 400px;
}
.workwin a img {
border : 0;
}
.workwin a:hover {
margin-left : -200px;
}
#worktext {
width : 200px;
text-align : center;
margin : 10px 0 0 0;
}
#click {
width : 200px;
text-align : center;
margin : 10px 0 0 0;
}
#worktable {
float : right;
margin : 0 35px 0 0;
}
.workcell {
width : 100px;
height : 100px;
overflow : hidden;
}
.workcell a {
text-decoration : none;
display : block;
width : 200px;
}
.workcell a img {
border : 0;
}
.workcell a:hover {
margin-left : -100px;
}

#thanks {
font-size : 16px;
}
#thankstext {
margin : 100px 0 0 50px;
float : left;
}
#thanks h1 {
font-size : 16px;
}
#thanks img {
float : right;
margin : 5px 0 10px 100px;
}
.valid {
float : left;
margin : 0 0 0 5px;
}

#conact{
	
}

#contact h1 {
margin : 0 0 5px 14px;
font-size : 15px;
}
#contactform {
float : left;
width : 350px;
}
#contact img {
float : right;
padding : 0 100px 0 0;
}
.contact {
color : #00ff00;
}

fieldset {
background:#FFF;
width : 400px;
border:0;
padding: 1em;
font:80%/1 sans-serif;
}
label {
color:#000;
text-align:right;
font-weight:bold;
}
legend {
color:green;
font-size:90%;
}

input{
margin:5px 0 5px 0;
background:#CCC;
}

textarea{
width:350px;
margin:5px 0 5px 0;
background:#CCC;
}

#footer {
text-align : right;
width : 900px;
background : #666;
border-top : 1px solid #999;
font-family : Arial, Helvetica, sans-serif;
color:#999;
padding: 5px 0 0 0;
margin : 0 0 0 0;
font-size : 11px;
}
#footer a {
text-decoration:none;
color:#0F0;
}

.grey{
color:#999;
}