style.css

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: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none; 
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}

body {
    font: 300 18px "Open Sans Condensed", sans-serif; 
}

.clear {
    clear: both;
}

.triangle_bottom {
    background: transparent url(/assets/triangle - bottom.png) left top no-repeat;
    height: 7 px;
    margin - bottom: 30 px
}

.triangle_top {
    background: transparent url(/assets/triangle - top.png) left top no-repeat;
    height: 7px;
    z-index: 1000;
    position: relative
}

a {
    color: #853737
}

#home {
    background: #fff url("assets/backdrop-LosAngeles.jpg") top left repeat fixed
}

#home #top_bar_w {
    background-color: #9b3030;
    background-color: rgba(30, 93, 157, 0.8);
    margin-bottom: 70px;
    position: fixed;
    width: 100%;
    z-index: 1001;
    font-family: 'Open Sans Condensed'
}

#home #top_bar_w #top_bar_i {
    width: 850px;
    margin: 0px auto;
}

#home #top_bar_w #top_bar_i .top_menu {
    text-align: center; 
}

#home #top_bar_w #top_bar_i .top_menu li {
    display: inline-block;
}

#home #top_bar_w #top_bar_i .top_menu li a {
    display: block;
    padding: 33px 25px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}

#home #top_bar_w #top_bar_i .top_menu li a:hover {
    background-color: #111
}

#home #top_bar_w #top_bar_i .top_menu li.logo a {
    padding: 33px 30px;
    width: 48px;
    background: transparent url(assets/AS-Logo.png) center center no-repeat
}

#home .social_share_w {
    padding: 10px 0px;
    padding-left: 100px;
}

#home .social_share {
    float: left;
    width: 120px;
    text-align: left;
}

#home #resume_w {
    text-align: left;
    max-width: 850px;
    margin: 0px auto;
    margin-bottom: 100px; 
}

#home #resume_w .resume_i {
    -webkit-box-shadow: 0px 20px 70px 10px #000;
    -moz-box-shadow: 0px 20px 70px 10px #000;
    box-shadow: 0px 20px 70px 10px #000;
    border-top: 2px solid #fff
}

#home #resume_w .logo_w {
    margin-bottom: -70px;
    text-align: center;
}

#home #resume_w .resume_top {
    padding: 140px 140px 0px 140px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
}

#home #resume_w .resume_top h1 {
    font-size: 74px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
    font-family: "Yanone Kaffeesatz", sans-serif
}

#home #resume_w .resume_top .sub_name {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 400
}

#home #resume_w .resume_top .contact_links {
    text-align: center;
    font-weight: 400;
    font-size: 18px
}

#home #resume_w .resume_main {
    padding: 70px 70px;
    background-color: rgba(255, 255, 255, 0.8);
}

#home #resume_w .resume_main h2 {
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
    font-size: 32px;
    padding-bottom: 5px;
    font-weight: 300
}

#home #resume_w .resume_main .footer_links {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

#home #resume_w .resume_main .content_block {
    margin-bottom: 50px
}

#home #resume_w .resume_main p .regular {
    line-height: 32px;
    font-size: 22px;
    margin-bottom: 20px
}

#home #resume_w .resume_main p .red {
    color: #c01c1c
}

/*#home #resume_w .resume_main p .time_feature {
    background: transparent url("/assets/badge-time-magazine-bigger.png") 110px center no-repeat;
    padding: 25px 0px 25px 260px;
    font-size: 32px;
    line-height: 40px
}*/

#home #resume_w .resume_main p .time_feature a {
    color: #111;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px dotted #111
}

#home #resume_w .resume_main p .time_feature .time {
    font-weight: 700;
    color: #c01c1c
}

#home #resume_w .resume_main p .strong {
    font-weight: 700
}

#home #resume_w .resume_main .sub_header {
    font-size: 24px;
    margin-bottom: 15px;
    color: #761f1f
}

#home #resume_w .resume_main ul .items {
    list-style: square;
    margin-bottom: 20px;
    list-style-position: outside;
    margin-left: 30px;
    font-size: 22px
}

#home #resume_w .resume_main ul .items li {
    margin-bottom: 3px
}

#home #resume_w .resume_main ul .big_items li {
    margin-bottom: 20px;
    list-style: square;
    list-style-position: outside;
    margin-left: 30px
}

#home #resume_w .resume_main ul .big_items li h4 {
    font-size: 24px;
    line-height: 24px
}

#home #resume_w .resume_main ul .big_items li h4 span {
    color: #761f1f;
    font-weight: normal
}

#home #resume_w .resume_main ul .big_items li p .info {
    font-size: 18px;
    color: #444
}

#home #resume_w .resume_main ul .big_items li p .desc {
    font-size: 18px;
    color: #333
}

#home #projects_w .project_w {
    height: 800px;
    padding-top: 50px;
}

#home #projects_w .project_w .readprint {
    background: transparent url("assets/projectSample.jpg") 250px top no-repeat
}

#home #projects_w .project_w .matchfinancing {
    background: transparent url("/assets/projectSample.jpg") 250px top no-repeat
}

#home #projects_w .project_w .investorwatchdog {
    background: transparent url("/assets/projectSample.jpg") 250px top no-repeat
}

#home #projects_w .project_w .buyeyeglasses {
    background: blue;
    background:  url("/assets/projectSample.jpg") 250px top no-repeat
}

#home #projects_w .project_w .zbugs {
    background: transparent url("/assets/projectSample.jpg") 250px top no-repeat
}

#home #projects_w .project_w .project_info_w {
    height: 470px;
    width: 330px;
    margin-left: 20px;
}

#home #projects_w .project_w .project_info_w .project_info_h {
    -webkit-box-shadow: 0px 10px 60px 5px #000;
    -moz-box-shadow: 0px 10px 60px 5px #000;
    box-shadow: 0px 10px 60px 5px #000;
}

#home #projects_w .project_w .project_info_w .head {
    text-align: center;
    padding: 20px 20px 20px;
    border-bottom: 1px dashed #000;
    background-color: rgba(255, 255, 255, 0.9);
}

#home #projects_w .project_w .project_info_w .head h4 {
    font-weight: 400;
    font-size: 36px;
    color: #000
}

#home #projects_w .project_w .project_info_w .head a {
    color: #000;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

#home #projects_w .project_w .project_info_w .head a:hover {
    background-color: #811717;
    color: #fff
}

#home #projects_w .project_w .project_info_w .project_info_i {
    padding: 30px 30px 50px;
    border-bottom: none;
    background-color: red;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    border: 5px solid #fff;
    border-top: none;
    border-bottom: none
}

#home #projects_w .project_w .project_info_w .project_info_i h5 {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

#home #projects_w .project_w .project_info_w .project_info_i p .text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px
}

#home #projects_w .project_w .project_info_w .project_info_i ul {
    list-style: square;
    margin-left: 20px;
    font-size: 16px
}

#home #footer {
    background-color: rgba(30, 93, 157, 0.8);
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 20px
}

#home .social_share .item {
    float: left
}

#home #services_area {
    text-align: center
}

#home .services_area_i {
    -webkit-box-shadow: 0px 10px 60px 4px #000;
    -moz-box-shadow: 0px 10px 60px 4px #000;
    box-shadow: 0px 10px 60px 4px #000;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 80px
}

#home .box_w.services_w .services_header {
    padding: 15px 30px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px dashed #000;
    text-transform: uppercase
}

#home .box_w.services_w .services_w {
    padding: 40px 20px
}

#home .box_w.services_w .services_w .service {
    display: inline-block;
    width: 200px;
    padding: 40px;
    padding-bottom: 30px;
    vertical-align: top;
    border-right: 1px solid #eee;
    padding-top: 100px;
}

#home .box_w.services_w .services_w .service.design {
    background: transparent url(assets/icon-web-design.png) center top no-repeat;
    background-size: 70px 70px
}

#home .box_w.services_w .services_w .service.development {
    background: transparent url(assets/icon-web-dev.png) center top no-repeat;
    background-size: 70px 70px

}

#home .box_w.services_w .services_w .service.seo {
    background: transparent url(assets/icon-seo.png) center top no-repeat;
    background-size: 70px 70px
}

#home .box_w.services_w .services_w .service.product {
    background: transparent url(assets/icon-product.png) center top no-repeat;
    background-size: 70px 70px 
}

#home .box_w.services_w .services_w .service h5 {
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

#home .box_w.services_w .services_w .service p {
    font-size: 18px;
    text-align: center
}

#home .box_w .services_w .services_w .service: last-child {
    border-right:none; 
}

#home .box_w .box_header {
    padding: 15px 30px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px dashed #000;
    text-transform: uppercase;
    text-align: center; 
}

#home .box_w .contact_w {
    color: #000;
    -webkit-box-shadow: 0px 10px 60px 4px #000;
    -moz-box-shadow: 0px 10px 60px 4px #000;
    box-shadow: 0px 10px 60px 4px #000;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 60px;
}

#home .box_w .contact_w .success_message {
    background-color: #d7fcb7;
    border: 1px solid #99cc6b;
    color: #1f3808;
    font-size: 20px;
    text-align: center;
    padding: 15px 65px;
    margin: 30px 0px;
}

#home .box_w .contact_w .error_message {
    background-color: #fed7d7;
    border: 1px solid #d77e7e;
    color: #380f08;
    font-size: 18px;
    text-align: center;
    padding: 10px 65px;
    margin-bottom: 20px
}

#home .box_w .contact_w #contact_form {
    padding: 30px; 
}

#home .box_w .contact_w #contact_form .field {
    margin-bottom: 20px;
}

#home .box_w .contact_w #contact_form .field .joined {
    float: left;
    margin-right: 20px; 
}

#home .box_w.contact_w #contact_form .field label {
    font-size: 16px;
    display: block;
    line-height: 24px;
}

#home .box_w .contact_w #contact_form .field label span {
    color: #8d2727;
    font-weight: bold
}

#home .box_w .contact_ w #contact_form .field input {
    font-size: 14px;
    padding: 7px 5px;
    border: 1px solid#bbb;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    display: block;
    width: 240px;
    -webkit-box-shadow: inset 1px 1px 1px 1px #ddd;
    -moz-box-shadow: inset 1px 1px 1px 1px #ddd;
    box-shadow: inset 1px 1px 1px 1px #ddd;
}

#home .box_w .contact_w #contact_form .field textarea {
    font-size: 36px;
    padding: 5px;
    border: 1px solid #bbb;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    display: block;
    width: 515px;
    -webkit-box-shadow: inset 1px 1px 1px 1px #ddd;
    -moz-box-shadow: inset 1px 1px 1px 1px #ddd;
    box-shadow: inset 1px 1px 1px 1px #ddd;
}

#home .box_w .contact_w #contact_form .buttons_w button {
    border: 1px solid #000;
    text-transform: uppercase;
    background-color: #222;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    font: 400 14px 'Open Sans Condensed', Cambria, Georgia, Times New Roman, Times, serif;
}

#home .box_w .contact_w #contact_form .buttons_w button:hover {
    background-color: #000;
}

#home .box_w .contact_w .social_icons {
    text-align: center;
    padding: 20px 30px 15px 30px;
    border-top: 1px dashed #000
}

#home .box_w .contact_w .social_icons .find_me_label {
    line-height: 30px;
    float: left;
    display: block;
    margin-right: 10px
}

#home .box_w.contact_w .social_icons a {
    margin: 0px 5px;
    float: left;
    display: block
}

#home .box_w.contact_w .social_icons a:hover {
   background-color: #000;
}
#home .box_w .contact_w .social_icons img{
    width: 20px;
    height: 20px
}