html { 
border: 0; 
margin: 0; 
padding: 0; 
} 

body {
margin: 0;
padding: 0;
background: #fff;
color: #999;
font-family: Verdana, Arial, sans-serif;
}

p, blockquote, li, table {
margin: 0 auto;
padding: 10px 0;
font-size: 0.8em;
line-height: 1.4em;
}

blockquote {
margin-left: 20px;
margin-right: 0px;
}

h1 {
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: left;
text-decoration: underline;
display: inline;
}

h2 {
font-weight: normal;
font-size: 1.0em;
color: #000;
text-align: left;
text-decoration: underline;
display: inline;
}

a {
color: #fff;
text-decoration: underline;
font-weight: normal;
font-size: 1.0em;
line-height: 1.2em;
}

a:link {
color: #fff;
text-decoration: underline;
font-weight: normal;
font-size: 1.0em;
line-height: 1.2em;
}

a:visited {
color: #999;
}

a:hover {
color: #fff;
background-color: #000;
text-decoration: none;
}

#about img {
border: 1px solid #000;
}

#about img:hover {
border: 1px solid #fff;
}

#about p {
color: #999;
}

/* LAYOUT */

#container-home {
margin: 0;
padding: 0;
background: #fff;
width: 100%;
clear: both;
overflow: hidden;
}

#home {
margin: 0 auto;
padding: 0;
background: #fff;
width: 1040px;
\width: 1050px;
w\idth: 1040px;
}

#home-left {
margin: 0;
padding: 0;
width: 520px;
\width: 530px;
w\idth: 520px;
text-align: left; 
float: left;    
}

#home-right {
margin: 0;
padding: 0;
width: 520px;
\width: 530px;
w\idth: 520px;
text-align: left; 
float: right;    
}

#container-about {
margin: 0;
padding: 0;
background: #000;
width: 100%;
clear: both;
overflow: hidden;
}

#about {
margin: 0 auto;
padding: 0;
width: 1020px;
\width: 1030px;
w\idth: 1020px;
}

#about-left {
margin: 0;
padding: 57px 10px;
width: 220px;
\width: 230px;
w\idth: 220px;
float: left;
}

#about-right {
margin: 0;
padding: 0;
width: 760px;
\width: 770px;
w\idth: 760px;
float: right;
}

#about-right-top {
margin: 0;
padding: 0;
height: 37px;
width: 760px;
\width: 770px;
w\idth: 760px;
}

#about-right-bottom {
margin: 0;
padding: 20px;
width: 700px;
\width: 710px;
w\idth: 700px;
}

#container-work {
margin: 0;
padding: 0;
background: #000;
width: 100%;
clear: both;
overflow: hidden;
}

#work {
margin: 0 auto;
padding: 0;
width: 1040px;
\width: 1050px;
w\idth: 1040px;
}

#work-top {
margin: 0;
padding: 0;
height: 37px;
width: 1040px;
\width: 1050px;
w\idth: 1040px;
}

#work-bottom {
margin: 0;
padding: 20px 0;
width: 1040px;
\width: 1050px;
w\idth: 1040px;
}

#container-contact {
margin: 0;
padding: 0;
background: #fff;
width: 100%;
clear: both;
overflow: hidden;
}

#contact {
margin: 0 auto;
padding: 0;
width: 1040px;
\width: 1050px;
w\idth: 1040px;
text-align: left;    
}

#contact-left {
margin: 0;
padding: 0;
width: 520px;
\width: 530px;
w\idth: 520px;
float: left;
}

#contact-right {
margin: 0;
padding: 0;
width: 520px;
\width: 530px;
w\idth: 520px;
float: right;
text-align: center;
}

#foot {
margin: 0 auto;
padding: 0;
background: #fff;
height: 20px;
width: 100%;
text-align: center;
clear: both;
}

/* NAVIGATION */

ul.home-nav {
margin: 0;
padding: 0;
height: 37px;
width: 360px;
list-style: none;
}

ul.home-nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}

ul.home-nav li a {
margin: 0;
padding: 0;
height: 37px;
float: left;
display: block;
list-style: none;
text-indent: -9999px;
background-image: url(/images/37.jpg);
}

ul.home-nav li.about a {
width: 120px;
background-position: 0 0;
}

ul.home-nav li.about a:hover {
width: 120px;
background-position: 0 -37px;
}

ul.home-nav li.about a:active {
width: 120px;
background-position: 0 -74px;
}

ul.home-nav li.work a {
width: 102px;
background-position: -120px 0;
}

ul.home-nav li.work a:hover {
width: 102px;
background-position: -120px -37px;
}

ul.home-nav li.work a:active {
width: 102px;
background-position: -120px -74px;
}

ul.home-nav li.contact a {
width: 138px;
background-position: -222px 0;
}

ul.home-nav li.contact a:hover {
width: 138px;
background-position: -222px -37px;
}

ul.home-nav li.contact a:active {
width: 138px;
background-position: -222px -74px;
}

ul.about-nav {
margin: 0;
padding: 0;
height: 37px;
width: 360px;
float: right;
list-style: none;
}

ul.about-nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}

ul.about-nav li a {
margin: 0;
padding: 0;
height: 37px;
float: left;
display: block;
list-style: none;
text-indent: -9999px;
background-image: url(/images/38.jpg);
}

ul.about-nav li.about a {
width: 120px;
background-position: 0 -74px;
}

ul.about-nav li.about a:hover {
width: 120px;
background-position: 0 -74px;
}

ul.about-nav li.about a:active {
width: 120px;
background-position: 0 -74px;
}

ul.about-nav li.work a {
width: 102px;
background-position: -120px 0;
}

ul.about-nav li.work a:hover {
width: 102px;
background-position: -120px -37px;
}

ul.about-nav li.work a:active {
width: 102px;
background-position: -120px -74px;
}

ul.about-nav li.contact a {
width: 138px;
background-position: -222px 0;
}

ul.about-nav li.contact a:hover {
width: 138px;
background-position: -222px -37px;
}

ul.about-nav li.contact a:active {
width: 138px;
background-position: -222px -74px;
}

ul.work-nav {
margin: 0;
padding: 0;
height: 37px;
width: 360px;
float: left;
list-style: none;
}

ul.work-nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}

ul.work-nav li a {
margin: 0;
padding: 0;
height: 37px;
float: left;
display: block;
list-style: none;
text-indent: -9999px;
background-image: url(/images/38.jpg);
}

ul.work-nav li.about a {
width: 120px;
background-position: 0 0;
}

ul.work-nav li.about a:hover {
width: 120px;
background-position: 0 -37px;
}

ul.work-nav li.about a:active {
width: 120px;
background-position: 0 -74px;
}

ul.work-nav li.work a {
width: 102px;
background-position: -120px -74px;
}

ul.work-nav li.work a:hover {
width: 102px;
background-position: -120px -74px;
}

ul.work-nav li.work a:active {
width: 102px;
background-position: -120px -74px;
}

ul.work-nav li.contact a {
width: 138px;
background-position: -222px 0;
}

ul.work-nav li.contact a:hover {
width: 138px;
background-position: -222px -37px;
}

ul.work-nav li.contact a:active {
width: 138px;
background-position: -222px -74px;
}

ul.contact-nav {
margin: 0;
padding: 0;
height: 37px;
width: 360px;
float: right;
list-style: none;
}

ul.contact-nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}

ul.contact-nav li a {
margin: 0;
padding: 0;
height: 37px;
float: left;
display: block;
list-style: none;
text-indent: -9999px;
background-image: url(/images/37.jpg);
}

ul.contact-nav li.about a {
width: 120px;
background-position: 0 0;
}

ul.contact-nav li.about a:hover {
width: 120px;
background-position: 0 -37px;
}

ul.contact-nav li.about a:active {
width: 120px;
background-position: 0 -74px;
}

ul.contact-nav li.work a {
width: 102px;
background-position: -120px 0;
}

ul.contact-nav li.work a:hover {
width: 102px;
background-position: -120px -37px;
}

ul.contact-nav li.work a:active {
width: 102px;
background-position: -120px -74px;
}

ul.contact-nav li.contact a {
width: 138px;
background-position: -222px -74px;
}

ul.contact-nav li.contact a:hover {
width: 138px;
background-position: -222px -74px;
}

ul.contact-nav li.contact a:active {
width: 138px;
background-position: -222px -74px;
}

/* SLIMBOX */

#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(/images/41.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(/images/43.gif) no-repeat 0 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(/images/42.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/images/40.gif) no-repeat center;
margin: 5px 0;
outline: none;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}

/* SLIDING BOXES */

.boxgrid{ 
margin: 10px;
padding: 0;
width: 450px; 
height: 300px; 
float: left; 
background: #000; 
border: 2px solid #fff; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
margin: 0;
padding: 100px 0; 
color: #fff; 
font-weight: bold; 
text-align: center; 
}

/* CONTACT FORM */

.zemContactForm {
margin: 0;
padding: 10px 0 0 0;
}

.zemLabel { 
border: none; 
} 

.zemText, .zemTextarea { 
background: #fff; 
border-style: solid;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
color: #000; 
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em; 
margin: 5px 0 10px; 
padding : 2px 3px; 
width: 460px; 
} 

.name:focus, #name:focus, .email:focus, #email:focus, .message:focus, #message:focus { 
background : #fff; 
color : #000000; 
} 

#message { 
height: 100px; 
overflow: auto; 
} 

#zemContactForm legend { 
color : #000000; 
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em; 
font-weight: normal; 
margin: 0 0 15px; 
} 

input.button, #zemSubmit, .zemSubmit { 
background: #000; 
border-style: solid;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
color: #fff; 
cursor: pointer; 
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em; 
overflow: visible; 
padding: 4px 5px; 
width: auto; 
}