@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'PacificoRegular';
    src: url('pacifico-webfont.eot');
    src: url('pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('pacifico-webfont.woff') format('woff'),
         url('pacifico-webfont.ttf') format('truetype'),
         url('pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

/*  START OF 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }

input, textarea, select {
   -webkit-appearance: none;
    }

p, a, div, li, ul {
    -webkit-text-size-adjust: none;
    }

.clear {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    width:100%;
    }

.clear2 {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 50px;
    width:100%;
    }

body, img {
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    }

::selection {
    background: #e4e7eb; /* Safari */
    color: #505d63;
    }

::-moz-selection {
    background: #e4e7eb; /* Firefox */
    color: #505d63;
    }

/*  END OF RESET */


/*  START OF STYLES */

html {
    height:100%;
    }

body {
    width:100%;
    padding:0;
    margin:0;
    height:100%;
    background-color:#ffffff;
    }

a {
    text-decoration:none;
    color:#3a7aa6;
    }

a:hover {
    text-decoration:underline;
    }

p {
    font-family:Helvetica, sans-serif;
    font-size:13px;
    color:#696969;
    margin-bottom:20px;
    line-height: 1.6em;
    }

    .pouet {
    font-family:Helvetica, sans-serif;
    font-size:13px;
    color:#000000;
    font-weight:bold;
    margin-bottom:20px;
    line-height: 1.6em;
    }

.header p {
    text-shadow: 1px 1px 1px #fff;
}

h1 {
    font-family:Helvetica, sans-serif;
    font-size:48px;
    color:#000000;
    font-weight:bold;
    margin-bottom:20px;
    }

h2 {
    font-family:Helvetica, sans-serif;
    font-size:38px;
    color:#696969;
    font-weight:bold;
    margin-bottom:20px;
    }

h3 {
    font-family:Helvetica, sans-serif;
    font-size:28px;
    color:#696969;
    font-weight:bold;
    margin-bottom:20px;
    }

h4 {
    font-family:Helvetica, sans-serif;
    font-size:24px;
    color:#000000;
    font-weight:bold;
    margin-bottom:20px;
    }

.ie7 .about_one_half_first p {
    float:left;
    }

.ie7 .about_one_half {
    clear:both;
    }

h5 {
    font-family:Helvetica, sans-serif;
    font-size:18px;
    color:#696969;
    font-weight:bold;
    margin-bottom:20px;
    }

h6 {
    font-family:Helvetica, sans-serif;
    font-size:24px;
    color:#696969;
    font-weight:bold;
    margin-bottom:20px;
    border-bottom:1px solid #e5e7e8;
    border-top:1px solid #e5e7e8;
    height:6px;
    margin-top: 20px;
    }

.styled_heading {
    background-color:#ffffff;
    bottom:-.06em;
    left:-.03em;
    padding:0px 10px 0px 0px;
    position:relative;
    top:-0.34em;
    }

.ie7 .styled_heading {
    top:-.45em;
    }

.highlight_text {
    background-color:#e4e7eb;
    font-size:13px;
    color:#505d63;
    padding: 2px;
    }

.signature {
    font-family:'PacificoRegular';
    font-size:17px;
    color:#000000;
    }

.small_heading {
    font-family:Helvetica, sans-serif;
    font-size:14px;
    color:#505d63;
    font-weight:bold;
    padding-left:20px;
    }

img, img a {
    border:none;
    }

.one_half {
    width:48%;
    position:relative;
    margin-left:4%;
    float:left;
    }

.one_half_first {
    width:48%;
    position:relative;
    clear:left;
    margin-left:0;
    margin-bottom:0px;
    float:left;
    }

.about_one_half {
    width:35.66%;
    position:relative;
    margin-bottom:20px;
    float:right;
    margin-top:30px;
    }

.about_one_half_first {
    width:59%;
    position:relative;
    clear:left;
    margin-left:0;
    margin-bottom:0px;
    float:left;
    border-right:1px solid #ccd0d4;
    padding-right:22px;
    margin-bottom:35px;
    }

div .first {
    clear:left;
    margin-left:0;
    }

.full_width {
    width:100%;
    padding-top: 15px;
    }

#header_wrapper {
    background-image:url("../img/texture.png");
    background-repeat:repeat;
    width:100%;
    border-bottom: 1px solid #CCD0D4;
    }

.color_wrapper {
    width:100%;
    padding:0;
    margin:0;
    height:1px;
    background-color:#3a7aa6;
    clear:both;
    }

.header {
    width:960px;
    margin:0 auto;
    position:relative;
    padding-top:20px;
    }

#top_logo {
    float:left;
    margin-top:20px;
    margin-bottom:20px;
    }

#top_download {
    float:right;
    margin-top:20px;
    background-image:url("../img/download.png");
    background-repeat:no-repeat;
    height:75px;
    background-position:right top;
    margin-bottom:20px;
    }

#top_download a {
    font-family:Helvetica, sans-serif;
    font-size:18px;
    color:#000000;
    display:block;
    padding-right:65px;
    padding-top:15px;
    width:178px;
    }

#top_works {
    float:right;
    margin-top:20px;
    background-image:url("../img/works.png");
    background-repeat:no-repeat;
    height:75px;
    background-position:right top;
    margin-bottom:20px;
    }

#top_works a {
    font-family:Helvetica, sans-serif;
    font-size:18px;
    color:#000000;
    display:block;
    padding-right:65px;
    padding-top:50px;
    width:190px;
    }

#top_download a:hover {
    text-decoration:none;
    }

#top_download img {
    margin-bottom:20px;
    }

#top_download:hover
{
    opacity:0.5;
    moz-opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

.wrapper {
    width:960px;
    margin:40px auto 0;
    }

.about_me_img {
    padding-right:20px;
    padding-bottom:20px;
    float:left;
    }

.contact_me_phone {
    background-image:url("../img/phone.png");
    background-repeat:no-repeat;
    height:30px;
    color:#000000;
    font-family:Helvetica, sans-serif;
    font-size:13px;
    background-position:left center;
    padding-top:15px;
    padding-left:35px;
    }

.contact_me_site {
    background-image:url("../img/web.png");
    background-repeat:no-repeat;
    height:30px;
    color:#000000;
    font-family:Helvetica, sans-serif;
    font-size:13px;
    background-position:left center;
    padding-top:15px;
    padding-left:35px;
    }

.contact_me_location {
    background-image:url("../img/location.png");
    background-repeat:no-repeat;
    height:30px;
    color:#000000;
    font-family:Helvetica, sans-serif;
    font-size:13px;
    background-position:left center;
    padding-top:15px;
    padding-left:35px;
    }

.contact_me_email {
    background-image:url("../img/email.png");
    background-repeat:no-repeat;
    height:30px;
    color:#000000;
    font-family:Helvetica, sans-serif;
    font-size:13px;
    background-position:left center;
    padding-top:15px;
    padding-left:35px;
    }

.contact_me_email a, .contact_me_site a, .contact_me_location a, .contact_me_phone a {
    color:#3a7aa6;
    font-family:Helvetica, sans-serif;
    font-size:13px;
    text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

.contact_me_email a:hover, .contact_me_site a:hover, .contact_me_location a:hover, .contact_me_phone a:hover {
    background-color: #3a7aa6;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
}

ul.square {
    margin: 0;
    padding: 20px 0 0 0;
    }