html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
h1 {
font-size:180%;
color:#1E628C;
line-height:110%;
margin:0 -15px 15px;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
line-height:1;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
font-weight:400;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-body.png) repeat scroll left top;
color:#515151;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
position:relative;
}
html > body {
position:inherit;
}
strong {
font-weight:700;
}
em {
font-style:italic;
}
a {
color:#0000FF;
}
p {
line-height:16px;
margin-bottom:10px;
}
p1 {
line-height:16px;
margin-bottom:10px;
color:#1E628C;
}
.bordered {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #CFCFCF;
padding:9px;
}
.img-float-left {
float:left;
margin:0 20px 0 0;
}
.img-float-right {
float:left;
margin:0 0 0 20px;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
.align-justify {
text-align:justify;
}
.fixed:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.fixed {
display:block;
}
.fixed {
min-height:1%;
}
* html .fixed {
height:1%;
}
#lighten {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-lighten.png) no-repeat scroll right bottom;
height:750px;
width:751px;
z-index:1;
}
* html #lighten {
position:absolute;
}
body > #lighten {
bottom:0;
position:fixed;
right:0;
}
#container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-container.png) no-repeat scroll left top;
height:360px;
margin:150px auto 0;
position:relative;
width:680px;
z-index:2;
}
#logo {
height:108px;
left:50px;
position:absolute;
top:25px;
width:108px;
}
#logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-logo.png) no-repeat scroll left top;
display:block;
height:108px;
text-indent:-9999px;
}
#nav {
left:50px;
position:absolute;
top:180px;
}
#nav li a {
color:#515151;
display:block;
font-size:17px;
line-height:28px;
padding-right:20px;
text-align:right;
text-decoration:none;
width:108px;
}
#nav li a.active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-nav-active.png) no-repeat scroll right center;
}
#nav li a:hover {
text-decoration:underline;
}
#container-inner {
height:240px;
overflow:hidden;
position:absolute;
right:40px;
top:76px;
width:440px;
}
#about {
float:left;
height:240px;
overflow:hidden;
position:relative;
width:440px;
}
#work {
float:left;
height:240px;
overflow:hidden;
position:relative;
width:440px;
}
#slider ul.slide-wrapper {
background-color:#FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#slider li.slide {
background-color:#FFFFFF;
height:220px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:440px;
}
.slide-items li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.slide-items li a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #CFCFCF;
display:block;
float:left;
height:80px;
margin-bottom:12px;
margin-left:12px;
padding:9px;
width:80px;
}
.slide-items li a img {
border:medium none;
}
.slide-items li a:hover {
background-color:#F4F4F4;
}
.slide-items li a.first {
margin-left:0;
}
ol#controls {
float:right;
height:28px;
margin-top:-5px;
padding:0;
}
ol#controls li {
float:left;
height:28px;
line-height:28px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 0;
padding:0;
}
ol#controls li a {
color:#515151;
float:left;
font-size:14px;
height:25px;
line-height:25px;
padding:0 5px;
text-decoration:none;
}
ol#controls li.current a {
text-decoration:underline;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#social {
float:left;
height:240px;
overflow:hidden;
position:relative;
width:440px;
}
#social li {
display:inline;
}
#social li a {
color:#515151;
display:block;
float:left;
font-size:12px;
height:50px;
margin-bottom:10px;
text-decoration:none;
width:220px;
}
#social li a img {
float:left;
margin:0 16px 0 10px;
}
#social li a:hover img {
margin-left:4px;
}
#social li a strong {
display:block;
font-size:18px;
padding-top:6px;
}
#contact {
float:left;
height:240px;
overflow:hidden;
position:relative;
width:440px;
}
#contact-form {
float:left;
width:210px;
}
form p {
clear:both;
margin-bottom:10px;
}
input, textarea {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#515151;
padding:5px;
width:200px;
}
textarea {
height:50px;
}
.btn {
width:80px;
}
#formstatus {
clear:both;
font-size:10px;
font-weight:700;
line-height:10px;
}
.formstatuserror {
color:red;
}
.formstatusok {
color:#00CC33;
}
#contact-details {
float:left;
margin-left:25px;
width:200px;
}
#contact-details h4 {
font-size:18px;
}