/* ---------------------------------------------------------- CSS RESET */

html, body, div, span, applet, object, iframe, h1, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, select {margin:0; padding:0;} a {text-decoration:none;}

/* ---------------------------------------------------------- GLOBAL */

html{overflow:-moz-scrollbars-vertical;height: 100%; margin-bottom: 1px;}

body{font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#616161; background:white;}

h1, h2 {text-transform:uppercase; color:black;}
h1{font-size:28px; padding-bottom:40px;}
h2{font-size:18px;}
p{line-height:150%;}
a{color:#0099ff;}
a:hover, a:active{text-decoration:underline;}

.loading_image{
position:absolute;
top:125px;
left:398px;
}

/* ---------------------------------------------------------- HEADER */

#header{
position:relative;
height:125px;
width:100%;
z-index:9;
}

#utility_container{
border-top:solid 5px black;
border-bottom:solid 1px #a6a6a6;
height:80px;
background:white;
}

#search_container{
float:right;
}

#search_container ul{
padding:5px 0 15px;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
text-align:right;
}

#search_container li{
display:inline;
padding-left:10px;
}

#search_container li a{
color:black;
}

#search_container form fieldset input{
width:165px;
height:18px;
padding:3px 0 0 10px;
background:#e5e5e5;
border:0;
font-size:11px;
text-transform:uppercase;
}

#search_container form fieldset a{
display:inline-block;
margin-left:3px;
width:175px;
background:#e5e5e5;
height:18px;
width:20px;
text-align:center;
background:black;
color:white;
font-weight:bold;
padding:1px 0 2px 0;
}

#search_container form fieldset a:hover{
text-decoration:none;
}

.logo{float:left; margin-top:20px;}

#navigation_container{
position:relative;
}

#navigation_container p{
width:209px;
height:21px;
background:url(/images/activate_menu.png) top left no-repeat;
margin-top:14px;
padding:1px 0 0 10px;
text-transform:uppercase;
color:white;
cursor:pointer;
}

#navigation{
position:absolute;
top:29px;
left:0px;
width:209px;
height:auto;
padding:7px 0 8px 0;
background:white;
border:solid 1px #c1c1c1;
}

#navigation li{

}

#navigation li:hover{

}

#navigation li a{
display:block;
width:199px;
height:100%;
padding:8px 0 7px 10px;
color:#4d4d4d;
text-decoration:none;
text-transform:uppercase;
}

#navigation li a:hover{
color:white;
background:#0099ff;
}

/* ---------------------------------------------------------- NEWS */

.news p {padding-top:3px;}

/* ---------------------------------------------------------- CONTENT */

#content, #utility_container, #navigation_container, #footer{
width:900px;
margin:0 auto;
}

#content{
position:relative;
height:auto;
min-height:310px;
padding:50px 0 60px 0;
}

.client_list{
float:left;
width:420px;
height:210px;
}

#contact_note{
width:192px;
height:215px;
float:left;
background:white url(/images/postit.jpg) top left no-repeat;
color:#666;
font-size:12px;
padding-left:15px;
}

#contact_note p{
margin-top:5px;
}

.contact_header{
padding-top:50px;
text-transform:uppercase;
color:black;
}

#content form {
float:left;
margin-left:59px;
}

#content form p{
margin-bottom:10px;
}

#content form label{
display:block;
text-transform:uppercase;
color:#666;
font-size:11px;
padding-bottom:4px;
}

#content form input{
width:155px;
}

#content form textarea{
width:330px;
}

#content form input, #content form textarea{
vertical-align:top;
border:solid 1px #e5e5e5;
background:#e5e5e5;
padding:2px 8px 2px 8px;
}

.button{
display:inline-block;
padding:4px 10px 4px 10px;
color: white;
background:#0099ff;
text-transform:uppercase;
}

/* ---------------------------------------------------------- WORK */

#work_info{
float:left;
width:230px;
}

#work_info p{
width: 175px;
padding-top:20px;
}

#work_illustration{
float:right;
width:605px;
}

#work_image{
float:right;
padding-bottom:60px;
}

#work_illustration ul{
float:right;
padding-bottom:20px;
}

#work_info ul li{
display:inline;
}

#work_illustration ul li{
display:inline-block;
width:30px;
height:30px;
margin-left:5px;
}

#work_illustration ul li a{
color:#4c4c4c;
}

#work_illustration ul li a:hover{
text-decoration:none;
}

/* ---------------------------------------------------------- ABOUT */

.about_container{
float:left;
width:450px;
padding-top:30px;
}

.about_container img{
float:left;
margin-right:15px;
}

.about_container h2{
font-size:14px;
}

.about_follow{
clear:both;
width:400px;
padding:20px 0 30px 0;
}

/* ---------------------------------------------------------- FOOTER */

#footer{clear:both; border-top:solid 1px #a6a6a6; padding:10px 0 20px 0; font-size:11px;}
#footer span{color:#0099ff;}