html, body, form {width:100%;}
body {margin:0; padding:0; background:#fff; font-family:sans-serif;}
table {border-collapse:collapse; border:none; border-spacing:0;}
th, td {padding:0; text-align:left; vertical-align:top;}
img, fieldset {border:none;}
p, h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a, a:hover {text-decoration:none;}
.nowrap {white-space:nowrap;}
.clr {clear:both;}

.rmark {font-size:0.76em; vertical-align:top;}

form, fieldset, label, input, select {margin:0; padding:0;}
label, input, select, textarea {float:left;}
input.selector {width:0; height:0; width:auto; height:auto; border:none;}


body {font:12px/16px Arial; font-weight:normal; color:#363636;}
a {color:#069; font-weight:bold; -webkit-transition:color .5s ease-in;}
a:hover {color:#f03; -webkit-transition:color .5s ease-out;}

footer {border-top:1px solid #999; font-size:10px; font-weight:normal; color:#999;}

.wrapper {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background:#fff; display:block;}

.home {width:290px; margin:130px auto 0 auto;}
.home .tag {width:auto; margin: -12px 0 0 12px;}

.home ul.links {width:260px; margin:52px 0 0 12px;}
.home ul.links li {display:table-cell; width:130px; font-size:16px; line-height:24px;}
.home ul.links li:last-child {text-align:right;}

.home footer {width:260px; margin:6px 0 0 12px;}


.page {margin:20px 50px; position:relative; z-index:1;}
.page footer {width:100%; margin:24px 0 12px 6px;}
.page form footer {width:100%; margin:24px 0 12px 0;}

.clients, .projects, .column {float:left;}
.clients {margin-left:6px; width:300px;}
.projects {width:500px;}
form {margin-left:6px; width:447px;}

h2 {font:bold 16px/40px Arial; color:#069; margin-top:10px;}
h3 {font:bold 14px/20px Arial; color:#fff; background:#069; padding:4px 8px; margin-bottom:6px;}
h4 {font:bold 14px/30px Arial; color:#999;}
li {font-weight:normal;}

.thumbs .column div {width:51px; height:51px; cursor:pointer;}
.thumbs img {width:50px; height:50px; border:1px solid #069;}


.shade {position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;  background:#000; opacity:0.8; filter:alpha(opacity=80); display:none; z-index:2;}

.sample {position:absolute; top:50px; left:-310px; margin-left:50%; width:640px; height:540px; text-align:center; background:transparent; display:none; z-index:3;}
.sample table {width:100%; height:100%; display:none;}
.sample table td {text-align:center; vertical-align:middle;}

.sample .close {position:relative; top:0; display:none;}

.sample .image {width:auto; max-height:0; text-align:center; background:transparent; overflow:hidden; display:none;}



p {margin:8px 0; padding:4px 8px; font:bold 13px/18px Arial;}
p.note {margin-top:0; padding-top:0; font:normal 12px Arial; color:#f00;}
.noerror {color:#fff; background:#069; width:384px;}
.error {color:#f00; background:#fff;; width:384px;}

fieldset {margin:0; width:100%;}
label, input, textarea {float:right;}
label {width:100px; text-align:right; padding:0 8px 8px 0; font:bold 14px/20px Arial; color:#069;}
fieldset input, textarea {width:294px; text-align:left; padding:3px; border:1px solid #ddd;}
textarea {height:100px;}

input.button {width:80px; height:auto; text-align:center; margin:10px 0 0 10px;}
input.button.clear {margin-right:133px;}
input[type="submit"] {display:none;}

.g-recaptcha {float:right; margin:20px -2px 5px 0;}
