body {
background: #A9BAC3 url(../images/homebg.png) repeat-x;
}

#home {
position:relative;
height: 350px;
background-image: url(../images/homebk.png);
background-repeat: no-repeat;
background-position: 440px 30px;
}

#cf4a {
float: left;
margin-left: 55px;
padding: 0px;
width: 50%;
}

#cf4a img {
position:absolute;
left:50px;
-webkit-animation-name: cf4FadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 6s;
-moz-animation-name: cf4FadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 6s;
-o-animation-name: cf4FadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 6s;
animation-name: cf4FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 6s;
}

#projects {
bottom: 50px;
float: right;
left: 0px;
margin-right: 15px;
margin-left: 400px;
position: absolute;
width: 50%;
}

#header h1#company-hname {
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
text-transform: lowercase;
top: -30px;
left: 0px;
}
#header h2#hslogan {
position: absolute;
top: 5px;
color: #0f0f0f;
text-indent: 0px;
font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform: none;
font-style: italic;
font-size: 11px;
font-weight: normal;
margin: 12px 0px 0px 0px;
left: 11px;
}

#cf4a img:nth-of-type(1) {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
#cf4a img:nth-of-type(2) {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
#cf4a img:nth-of-type(3) {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
#cf4a img:nth-of-type(4) {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}

@-webkit-keyframes cf4FadeInOut {
0% {
opacity:0;
}
17% {
opacity:0;
}
25% {
opacity:1;
}
92% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes cf4FadeInOut {
0% {
opacity:0;
}
17% {
opacity:0;
}
25% {
opacity:1;
}
92% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes cf4FadeInOut {
0% {
opacity:0;
}
17% {
opacity:0;
}
25% {
opacity:1;
}
92% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes cf4FadeInOut {
0% {
opacity:0;
}
17% {
opacity:0;
}
25% {
opacity:1;
}
92% {
opacity:1;
}
100% {
opacity:0;
}
}