html, body {
margin : 0;
padding : 50px;
background-color : #666;
font-family : Verdana, Arial, Helvetica, sans-serif;
}


#wrapper {
width : 900px;
border : 1px solid #000;
background : #fff;
height : 790px;
margin : 0 0 10px 0;
}

img {
	border:none;
}


/* Banner */

#banner {

}

#banner img a{
	border:none;
}


body {
margin : 0;
padding : 0;
}

/* Navbar */

#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;
color:#000;
}



#navbar a:hover {
color : #333;
}


#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 : #000;
}

/* Content */

#content {
width:900px;
background:#fff;
}

/* About Slideshow */

#computers {
float:left;
margin:0 0 0 35px;
}


/* About */

#about {
	
	
}

#abouttext {
margin:0 0 0 40px;	
float:left;
width : 400px;
font-size:12px;
}

#about p a{
text-decoration:none;
color:#666;
}

#about p a:hover{
color:#3C6;
}


#abouttext p{
margin:30px 0 0 0;
}

#abouttext h1 {
font-size : 15px;
}

#abouttext ul li {
margin : 12px 0 0 0;
}


/* Work  */


#work {
	
}

#workbanner{
	width:850px;
	padding:0 25px;	
}

#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;
}


/*  Wireframe */

#wireframe {
	padding:0 25px;
	
	
}

#wireframe p{
	font-size:12px;
	
}


#wireframe h1{
	font-size:15px;
}

#wireframethumb{
	width:175px;
	margin:25px 0 0 60px;

}

#wireframethumb img{
	border: 1px solid #ccc;
}

#wireframethumb:hover img {
	border: 1px solid #06C;
}

.hidden {
	display:none;
}




/* Seo */

#seo {
	margin:0 25px;
}

#seo h1{
font-size:15px;	
}

#seo p{
font-size:12px;	
}

#seopic {
	float:right;
	padding:0 0 30px 30px;
	
}


/* Thanks */

#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;
}

/* Contact */


#conact{
	
	
}

#contact h1 {
margin:0 0 10px 35px;
font-size:15px;
}

#contactform {
	margin:25px 0 0 35px;
	float:left;

}
#contact img {
float : right;
padding : 0 100px 0 0;
}
.contact {
color : #00ff00;
}

input{
background:#CCC;
}

textarea{
width:300px;
background:#CCC;
}


/* Footer */

#footer {
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;
}




#footername {
	float:right;
	
}

#footercontact {
	margin:0 0 0 4px;
	float:right;
}


#footercontact a {
text-decoration:none;
color:#0F0;
}

#footercontact a:hover {
	color:#FF0;
	text-decoration:underline;
}



#valid {

float : left;
margin : 0 0 0 5px;
}

.clear {
	clear:both;
}

.right {
	float:right
}

.left {
	float:left;
}