@font-face {
    font-family: "BPreplay";
    src: url(../fonts/BPreplay-webfont.eot);
    src: url(../fonts/BPreplay-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplay-webfont.woff) format("woff"), url(../fonts/BPreplay-webfont.ttf) format("truetype"), url(../fonts/BPreplay-webfont.svg#BPreplayRegular) format("svg");
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: "BPreplayItalic";
    src: url(../fonts/BPreplayItalics-webfont.eot);
    src: url(../fonts/BPreplayItalics-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/BPreplayItalics-webfont.woff) format("woff"), url(../fonts/BPreplayItalics-webfont.ttf) format("truetype"), url(../fonts/BPreplayItalics-webfont.svg#BPreplayItalic) format("svg");
    font-weight: normal;
    font-style: normal
    }

body, html {
    text-align: center;
    background: #FFF;
    font-family: "BPreplay", Arial, Helvetica, sans-serif;
    line-height: 2.2em;
    color: #c1b8b0
    }

#container {
    width: 960px;
    margin: 0 auto 0 auto
    }

header {
    height: 160px;
    position: relative;
    margin: 0 0 48px 0
    }

#logo {
    position: absolute;
    top: 32px;
    left: 0
    }

nav {
    background: #f7f6f5;
    width: 574px;
    height: 96px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 32px
    }

nav a {
    color: #c1b8b0 !important;
    text-decoration: none;
    font-size: 1.2em;
    display: block;
    float: left;
    margin-right: 20px;
    height: 100%;
    min-width: 88px;
    background-repeat: no-repeat;
    background-position: top center;
    letter-spacing: -0.01em
    }

nav a span {
    position: relative;
    top: 72px;
    padding: 0 4px 1px 4px
    }

nav a:hover span, nav a.selected span {
    background-color: #C4B9AE;
    color: #F7F6F5
    }

#menu_0 {
    background-image: url(../images/menu_webdesign.gif)
    }

#menu_1 {
    background-image: url(../images/menu_webapps.gif)
    }

#menu_2 {
    background-image: url(../images/menu_blog.gif)
    }

#menu_3 {
    background-image: url(../images/menu_aboutus.gif);
    background-position: 21px 4px
    }

#menu_4 {
    background-image: url(../images/menu_contactus.gif);
    background-position: 24px 4px;
    margin-right: 0
    }

p.intro, h1 {
    margin: 0 32px 44px 32px;
    color: #c1b8b0;
    font-size: 1.65em;
    text-align: center !important;
    font-weight: normal
    }

a, a:link {
    color: #abbed1
    }

a:hover {
    color: #7d9cbd
    }

a:visited {
    color: #c4bdd2
    }

a:visited:hover {
    color: #a397bb
    }

#slideshow {
    height: 314px;
    margin: 0 32px 56px 32px;
    overflow: hidden;
    position: relative
    }

#slideshow a {
    text-decoration: none
    }

.slideshow_item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block
    }

.slideshow_item img {
    border: 1px solid #e0dcd8;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
    }

.slideshow_item blockquote {
    background: #cb9434;
    width: 251px;
    height: 159px;
    position: absolute;
    bottom: 47px;
    right: 0;
    color: #FFF;
    font-size: 1.4em;
    line-height: 1.35em;
    padding: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 42px 0 0 0;
    z-index: 0
    }

.slideshow_item blockquote span {
    font-size: 0.66em;
    display: block;
    margin: 12px 0 0 0
    }

.bubble {
    width: 41px;
    height: 57px;
    background-image: url(../images/front_speech.gif);
    position: absolute;
    bottom: 79px;
    left: -41px
    }

footer p.intro {
    margin-bottom: 32px
    }

#footer_bar {
    position: relative;
    height: 48px;
    overflow: hidden;
    font-size: 1.2em;
    margin: 0 0 24px 0
    }

#footer_bar a, #footer_bar span {
    display: block;
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: top left;
    color: #c4b9ae;
    line-height: 1.55em
    }

#footer_bar a span {
    display: none
    }

#footer_twitter {
    width: 72px;
    height: 15px;
    left: 54px;
    top: 17px;
    background-image: url(../images/twitter.gif)
    }

#footer_linkedin {
    width: 72px;
    height: 21px;
    left: 152px;
    top: 14px;
    background-image: url(../images/linkedin.gif)
    }

#footer_facebook {
    width: 80px;
    height: 17px;
    left: 248px;
    top: 17px;
    background-image: url(../images/facebook.gif)
    }

#footer_tel {
    background-image: url(../images/footer_tel.gif);
    left: 363px;
    top: 10px;
    height: 28px;
    padding-left: 46px
    }

#footer_email {
    background-image: url(../images/footer_email.gif);
    left: 541px;
    top: 8px;
    height: 33px;
    padding-left: 37px;
    padding-top: 2px
    }

#footer_email a {
    color: #c4b9ae;
    text-decoration: none
    }

#footer_email a:hover {
    text-decoration: underline
    }

#rar_logo
{
display: inline-block;
width: 64px;
height: 34px;
background-image: url('../images/rar_logo.gif');
    left: 832px;
    top: 6px;
}

.footer_final {
    color: #c4b9ae;
    font-size: 0.8em
    }

.footer_final span {
    margin: 0 8px 0 8px
    }

p#twitter {
    cursor: pointer;
    position: relative;
    clear: both
    }

#twitter .status a {
    z-index: 1;
    position: relative
    }

#twitter_overlay span {
    display: none
    }

#twitter_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
    }

ul#portfolio_items, ul#portfolio_items li {
    list-style-type: none;
    padding: 0
    }

a.portfolio_image {
    border: 1px solid #e0dcd8;
    display: block;
    width: 286px;
    height: 182px;
    background: #F7F6F5
    }

ul#portfolio_items li {
    width: 288px;
    height: 288px;
    overflow: hidden;
    float: left;
    margin: 0 48px 40px 0
    }

li.portfolio_item_3 {
    margin-right: 0 !important
    }

a.portfolio_image:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75
    }

#portfolio_items li h2 {
    margin: 16px 0 0 0;
    line-height: 1em
    }

#portfolio_items li h2 a {
    text-decoration: none;
    color: #c1b8b0;
    font-size: 0.65em;
    font-weight: normal
    }

#portfolio_items li p {
    line-height: 1em;
    margin: 8px 0 0 0
    }

#portfolio_items li p a {
    text-decoration: none;
    color: #c1b8b0;
    font-size: 0.7em;
    font-weight: normal
    }

a.more, a.more:active {
    background: #f7f6f5;
    padding: 16px;
    margin: 0 auto 40px auto;
    display: block;
    clear: both;
    color: #c1b8b0;
    text-decoration: none;
    font-size: 1.3em;
    width: 480px;
height: 36px;
overflow: hidden
    }

a.more:hover {
    background: #c1b8b0;
    color: #F7F6F5
    }

ul#portfolio_items .new, #blog .new {
    display: none
    }
    

#portfolio_item_viewer {
    margin: 0 0 24px 0;
    position: relative
    }

blockquote.portfolio_quote {
    background: #cb9434;
    width: 640px;
    color: #FFF;
    font-size: 1.4em;
    line-height: 1.35em;
    padding: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 64px auto 24px auto;
    position: relative
    }

blockquote.portfolio_quote span {
    font-size: 0.66em;
    display: block;
    margin: 12px 0 0 0
    }

blockquote.portfolio_quote .bubble {
    background-image: url(../images/portfolio_speech.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 57px;
    height: 41px;
    position: absolute;
    top: -53px;
    left: 317px
    }

blockquote.portfolio_quote p {
    margin-top: 0
    }

#portfolio_item_footer {
    margin: 0 0 40px 0;
    display: block;
    color: #c1b8b0
    }

a#portfolio_item_zoom {
    border: 1px solid #e0dcd8;
    display: block;
    width: 638px;
    margin: 0 auto 0 auto;
    background: #F7F6F5;
    position: relative
    }

a#portfolio_item_zoom_1, a#portfolio_item_zoom_2 {
    border: 1px solid #e0dcd8;
    display: block;
    width: 303px;
    height: 191px;
    margin: 0 auto 0 auto;
    background: #F7F6F5;
    position: relative
    }

a#portfolio_item_zoom img {
    display: block;
    position: relative;
    z-index: 0
    }

a#portfolio_item_zoom:hover span, a#portfolio_item_zoom_1:hover span, a#portfolio_item_zoom_2:hover span {
    display: block
    }

a#portfolio_item_zoom:hover img, a#portfolio_item_zoom_1:hover img, a#portfolio_item_zoom_2:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75
    }

a#portfolio_item_zoom span, a#portfolio_item_zoom_1 span, a#portfolio_item_zoom_2 span {
    display: none;
    width: 161px;
    height: 166px;
    z-index: 1;
    background-image: url(../images/zoom.png);
    position: absolute;
    bottom: 0;
    left: 239px
    }

a#portfolio_item_prev span, a#portfolio_item_next span {
    display: none
    }

a#portfolio_item_prev, a#portfolio_item_next {
    display: block;
    width: 55px;
    height: 63px;
    position: absolute;
    bottom: 0
    }

a#portfolio_item_prev {
    background-image: url(../images/portfolio_prev.gif);
    left: 64px
    }

a#portfolio_item_next {
    background-image: url(../images/portfolio_next.gif);
    right: 64px
    }

a#portfolio_item_prev:hover, a#portfolio_item_next:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75
    }

.portfolio_web_apps {
    height: 193px
    }

#portfolio_item_zoom_1, #portfolio_item_zoom_2 {
    overflow: hidden
    }

#portfolio_item_zoom_1 {
    position: absolute !important;
    left: 160px !important
    }

#portfolio_item_zoom_2 {
    position: absolute !important;
    right: 160px !important
    }

#portfolio_item_zoom_1 span, #portfolio_item_zoom_2 span {
    left: 0 !important;
    top: 0;
    background-image: url(../images/zoom_small.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center center
    }

.portfolio_web_apps a#portfolio_item_prev, .portfolio_web_apps a#portfolio_item_next {
    top: 64px
    }

#app_content {
    text-align: justify;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin: 32px 64px 32px 64px;
    line-height: 1.9em
    }

input, textarea {
    font-family: "BPreplay", Arial, Helvetica, sans-serif;
    color: #c4b9ae;
    border: 1px solid #e3dbd2;
    padding: 8px;
    font-size: 1.1em;
    height: 18px
    }

#blog_tools {
    width: 800px;
    margin: 0 auto 60px auto;
    position: relative;
    text-align: center;
    overflow: hidden
    }

#blog_tools div {
    width: 247px;
    margin: 0 auto 0 auto
    }

#blog_tools_email {
    position: absolute;
    top: 0;
    left: 0
    }

#blog_tools_search {
    position: absolute;
    top: 0;
    right: 0
    }

#blog_tools button span {
    display: none
    }

#blog_tools button {
    background: #e3dbd2;
    height: 40px;
    width: 40px;
    border: 0;
    background-repeat: no-repeat;
    position: relative;
    top: -40px;
    left: 104px;
border-radius: 0px
    }

#blog_tools button:hover {
    background-color: #C1B8B0
    }

#blog_tools input {
    width: 189px;
    float: left
    }

#blog_tools_search button {
    background-image: url(../images/button_search.gif);
    background-position: 9px 6px
    }

#blog_tools_email button {
    background-image: url(../images/button_add.gif);
    background-position: 10px 8px
    }

#blog_tools_feed a {
    background: #f7f6f5;
    display: block;
    border: 1px solid #e3dbd2;
    height: 34px;
    background-image: url(../images/icon_rss.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    text-decoration: none;
    position: relative
    }

#blog_tools_feed a:hover {
    background-color: #F4F0ED
    }

#blog_tools_feed a span {
    color: #c4b9ae;
    font-size: 1.1em;
    position: absolute;
    left: 40px;
    top: 0
    }

#blog, #blog li {
    list-style-type: none
    }

#blog {
    width: 800px;
    margin: 0 auto 48px auto;
    padding: 0;
    text-align: left
    }

a.blog_image {
    border: 1px solid #e3dbd2;
    display: block;
    width: 413px;
    height: 183px
    }

#blog li {
    height: 185px;
    margin: 0 0 32px 0;
    position: relative;
    }

#blog li a {
    text-decoration: none;
    color: #c4b9ae
    }

#blog li div {
    display: block;
    position: absolute;
    top: 0;
    left: 450px;
line-height: 1.4em !important
    }

#blog li h1 {
    margin: 0;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: left !important
    }

#blog li span {
font-size: 0.9em;
position: relative;
top: 16px
    }

.blog_intro a {
    text-decoration: none;
    color: #c1b8b0
    }

#blog_content {
    text-align: justify;
    width: 800px;
    margin: 0 auto 64px auto;
    font-size: 0.95em;
    line-height: 1.8em
    }

#blog_content img, img.float_none {
    margin: 32px auto 32px auto;
    display: block;
    border: 1px solid #e3dbd2
    }

img.float_left {
    float: left;
    margin: 0 32px 0 0 !important
    }

#blog_author {
    width: 600px;
    text-align: left;
    margin: 0 0 32px 80px
    }

#blog_author a#author_image {
    float: left;
    display: block;
    width: 79px;
    height: 79px;
    margin: 0 16px 0 0;
    z-index: 1;
    position: relative
    }

#blog_author h2 {
    font-weight: normal;
    margin: 0;
    position: relative;
    top: -4px
    }

#blog_author h2 span {
    font-size: 0.7em
    }

#blog_author p {
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0;
    position: relative;
    top: -4px
    }

#blog_author a {
    color: #c1b8b0;
    text-decoration: none
    }

#share {
    margin: 0 auto 0 auto;
    width: 208px;
    height: 26px
    }

#share a {
    height: 23px
    }

.nothing {
    background: #C4B9AE;
    color: #F7F6F5;
    font-size: 1.7em;
    text-align: center;
    padding: 32px;
    height: auto !important
    }

.nothing a {
    color: #FFF !important;
    text-decoration: underline !important
    }

#comments_form, #contact_form {
    border: 4px solid #e6e1dc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 16px;
    text-align: left;
    position: relative
    }

#comments_form {
    width: 640px;
    margin: 32px auto 32px auto
    }

#comments_form span, #contact_form span {
    width: 46px;
    height: 32px;
    background-image: url(../images/comments_speech.gif);
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    position: absolute
    }

#comments_form span {
    top: -32px;
    left: 320px
    }

#contact_form span {
    top: -32px;
    left: 180px
    }

#comments_form input, #contact_form input {
    margin: 0 0 16px 0
    }

#contact_form input, #contact_form textarea {
    width: 390px
    }

#contact_form textarea {
    height: 100px;
    margin: 0 0 12px 0
    }

#comments_form input {
    width: 295px
    }

#comments_form input#comment_name {
    margin: 0 8px 0 0
    }

#comments_form textarea {
    width: 620px;
    margin: 0 0 16px 0
    }

button {
    background-color: #e3dbd2;
    border: 0;
    font-family: "BPreplay", Arial, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
    padding: 6px 6px 6px 36px;
    background-image: url(../images/button_comment.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
border-bottom: 4px solid #D6CDC5;
border-radius: 8px;
font-size: 1em
    }

button:hover {
border-bottom-width: 1px;
margin-bottom: 3px;
position: relative;
top: 3px
    }

.addthis_button_facebook_like {
    position: relative;
    left: 0;
    top: 3px
    }

#blog_container {
    position: relative
    }

#blog_container #share {
    position: absolute;
    left: 158px;
    margin-top: 4px
    }

.appriseOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none
    }

.appriseOuter {
    background: #FFF;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    box-shadow: 0 3px 7px #333;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    min-width: 200px;
    min-height: 50px;
    max-width: 75%;
    position: fixed;
    display: none
    }

.appriseInner {
    padding: 20px;
color: #c1b8b0

    }


.appriseInner h1
{
margin: 0px
}


.appriseInner button {
background-image: none;
padding-left: 8px
    }

.aButtons, .aInput {
    margin: 20px 10px 0 10px;
    text-align: center
    }

.aTextbox {
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    width: 180px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px
    }

#comments, #comments li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }

#comments {
    width: 678px;
    margin: 0 auto 0 auto;
    text-align: left
    }

li.comment {
    display: block;
    line-height: 1.5em;
    margin: 0 0 15px 0 !important
    }

.comment img {
    float: left
    }

.comment span.comment_outer {
    margin: 0 0 0 80px;
    display: block
    }

.comment strong {
    font-weight: normal;
    font-size: 0.8em;
    display: block
    }

.comment_name {
    font-weight: bold;
    color: #C1B8B0;
    font-size: 0.8em;
    display: none
    }

.spacer {
    clear: both;
    width: 100%;
    height: 1px
    }

li.hidden {
    font-family: "BPreplayItalic", Arial, Helvetica, sans-serif
    }

li.hidden .comment_name, li.hidden strong {
    color: #E8E3DE
    }

li.hidden img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
    }

#page_content {
    width: 800px;
    margin: 0 auto 0 auto;
    text-align: justify
    }

div#about_pics {
    width: 100%;
    height: 300px;
    text-align: center
    }

#about_pics div {
    float: left
    }

#about_pic_1, #about_pic_2 {
    margin: 0 28px 0 0
    }

#about_pics div strong {
    font-weight: normal;
    font-size: 1.6em;
    display: block
    }

#about_pics div img {
    margin: 0 0 8px 0 !important
    }

#about_pics div a {
    color: #C1B8B0;
    text-decoration: none
    }

#about_pics div a:hover {
    text-decoration: underline
    }

#about_content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    clear: both;
    margin: 48px 0 48px 0
    }

#about_content p {
    font-size: 0.9em;
    line-height: 1.9em
    }

h2 {
    font-weight: normal;
    font-size: 1.3em;
    margin: 0
    }

#about_content, #about_pics {
    width: 768px
    }

#about_col_1 {
    width: 400px;
    float: left
    }

#about_col_2 {
    margin-left: 432px;
    line-height: 1.9em
    }

#about_col_1 img {
    margin: 0 auto 0 auto
    }

#about_col_1 blockquote {
    background: #cb9434;
    color: #FFF;
    font-size: 1.4em;
    line-height: 1.35em;
    padding: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 64px auto 24px auto;
    position: relative;
    text-align: center
    }

#about_col_1 blockquote .bubble {
    background-image: url(../images/portfolio_speech.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 57px;
    height: 41px;
    position: absolute;
    top: -41px;
    left: 170px
    }

#contact_col_1, #contact_col_2 {
    width: 448px;
    float: left
    }

#contact_col_2 {
    margin: 0 0 0 64px
    }

#contact_details, #contact_details li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left
    }

#contact_details {
    position: relative;
    top: 5px
    }

#contact_details li img {
    border: 0;
    margin: 0 16px 0 0;
    float: left;
    position: relative;
    top: -5px
    }

#contact_details li {
    margin: 0 0 24px 0;
    font-size: 1.32em
    }

#contact_details li, #contact_details li a {
    color: #c1b8b0;
    text-decoration: none
    }

#contact_details li a:hover {
    text-decoration: underline
    }

#contact_details_email {
    margin: 0 0 56px 0 !important
    }

#contact_row {
    clear: both;
    margin: 400px auto 0 auto;
    width: 832px
    }

#contact_row h1 {
    margin-bottom: 16px
    }

h1 span {
    font-size: 0.65em
    }

#map {
    background: #F7F6F5;
    height: 288px;
    margin: 0 0 32px 0
    }

p.map {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 0.8em
    }

#contact_form p {
    font-size: 1.6em;
    text-align: center
    }

#contact_form {
    margin: 0 0 16px 0
    }

::-moz-selection {
    background: #CB9434;
    color: #FFF
    }

::-webkit-selection {
    background: #CB9434;
    color: #FFF
    }

::selection {
    background: #CB9434;
    color: #FFF
    }

blockquote *::-moz-selection {
    background: #9B6C1A
    }

blockquote *::-webkit-selection {
    background: #9B6C1A
    }

blockquote *::selection {
    background: #9B6C1A
   }

#error
{
background-image: url('../images/error_image.gif');
background-repeat: no-repeat;
background-positon: top left;
width: 759px;
height: 357px;
margin: 0 auto 32px auto;
position: relative
}

#error p
{
color: #FFF;
position: absolute;
top: 42px;
left: 465px;
width: 270px;
height: 180px;
overflow: hidden;
font-size: 2.4em;
line-height: 1.4em
}

ol
{
text-align: left;
margin: 0 auto 64px auto;
width: 512px
}

ol li
{
color: #CB9434;
font-size: 1.5em;
margin: 0 0 16px 0
}

ol li span
{
color: #C4B9AE;
font-size: 0.7em
}

#top_link
{
background-image: url('../images/top_rocket.gif');
background-repeat: no-repeat;
background-position: top center;
display: block;
height: 200px;
width: 160px;
position: fixed;
right: 32px;
bottom: 32px;
display: none;
z-index: 100;
opacity: 0.5
}


#top_link span
{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: #C4B9AE;
color: #FFF;
}

.appriseInner ul
{
text-align: left;
margin: 0 64px 0 64px
}

.loader
{
height: 55px;
background-image: url('../images/loader.gif');
background-position: top center;
background-repeat: no-repeat;
display: none
}

#comments_loader
{
height: 250px;
background-position: center center;
}

#portfolio_loader, #blog_loader
{
position: relative;
top: -12px
}

a:hover #portfolio_loader, a:hover #blog_loader
{
background-image: url('../images/loader_dark.gif');
}

label.checkbox
{
margin: 0 0 0 16px
}

input.checkbox
{
width: auto !important;
position: relative;
top: 4px;
    padding: 0px !important;
    font-size: 1em !important;
    height: auto !important;
    border: 0px !important
}

label
{
	cursor: pointer
}

button:active
{
	text-decoration: underline
}

#blog_post_loader
{
	margin-bottom: 32px;
height: 836px;
background-position: center 100px;
}

#blog_project_process, #blog_project_process li {
	list-style: none !important;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px
}
#blog_project_process li {
	clear: both;
	margin: 0 0 32px 0 !important;
	height: 360px;
	text-align: justify
}
#blog_project_process li span {
	display: block;
	text-align: center;
	width: 150px;
	padding: 16px 16px 16px 16px;
	float: left;
	margin: 8px 32px 0 0;
	height: 312px
}
#blog_project_process li h1 {
	text-align: center;
	margin: 0 0 16px 0
}
#blog_project_process li p {
	position: relative;
	top: 4px
}
#blog_project_1 span {
	background: #dbe5f1
}
#blog_project_1 h1 {
	color: #7AAAD3;
}
#blog_project_2 span {
	background: #eaf1dd
}
#blog_project_2 h1 {
	color: #c2d69b;
}
#blog_project_3 span {
	background: #f2dbdb
}
#blog_project_3 h1 {
	color: #d99594;
}
#blog_project_4 span {
	background: #fde9d9
}
#blog_project_4 h1 {
	color: #fabf8f
}
#blog_project_5 span {
	background: #e5dfec
}
#blog_project_5 h1 {
	color: #b2a1c7
}

#blog_project_process img
{
border: 0px
}

.float_left {
	float: left;
	margin: 0 32px 0 0 !important;
border: 0px !important
}
.float_right {
	float: right;
	margin: 0 0 0 32px !important;
border: 0px !important
}

.blog_logo{border: 0px !important;}

#recruiting h1
{
margin: 0 0 0 0
}

#recruiting
{
text-align: left;
margin-bottom: 64px
}

#recruiting img
{
float: left;
margin: 0 32px 0 0;
}

#recruiting div
{
margin: 0 0 0 320px;
}

#recruiting a.more
{
text-align: center;
margin-bottom: 16px

}

#recruiting
{
position: relative;
}

#recruiting #share
{
position: absolute;
top: 240px;
left: 56px;
margin: 0px;
}