html,body { height: 100%; margin-bottom: 1px;}
body {
background-color:#181818;
font-size:64%;
font-family:Trebuchet MS;
color:#b1b1b1;
padding:0px;
margin:0px;
}
a:link, a:hover, a:visited {
color:#b1b1b1;
text-decoration:none;
}
a:hover {
color:#CCC;
}
h1{
position:absolute;
top:54px;
right:20px;
color:#41aba4;
padding:0px;
margin:0px;
font-size:9px;
font-weight:normal;
}
h2 {
font-size:25px;
color:#FFF;
width:800px;
letter-spacing:-1px;
padding:0px;
margin:0px;
}
h3 {
font-size:25px;
color:#38afa7;
letter-spacing:-1px;
width:800px;
padding:0px;
margin:6px 0px 0px 0px;
}
h4 {
font-size:19px;
color:#b1b1b1;
letter-spacing:-1px;
font-weight:normal;
padding:0px;
margin:14px 0px 4px 0px;
}

/* Main Structure */
.sitecase, .headsection, .footer_roof, .footer{
position:relative;
width:900px;
}
p#emailtop {
position:absolute;
margin:0px;
padding:0px;
top:13px;
right:64px;
color:#707070;
}
p#emailtop a {
color:#d5d5d5;
}
p#emailtop a em {
color:#41aba4;
font-style:normal;
}
.padder {
position:relative;
width:860px;
height:60px;
margin-top:10px;
display:block;
clear:left;
}
.sitecase {
height:auto;
display:block;
border:1px solid #242424;
margin:10px auto 40px auto;
background-image:url(ci-images/body_background.gif);
}
.headsection {
height:117px;
background-image:url(ci-images/header_background.gif);
}
.midsection {
position:relative;
width:860px;
padding:12px 20px 30px 20px;
height:auto;
background-image:url(ci-images/body_top_background.gif);
background-repeat:repeat-x;
}
.midsection#midsectionblog, .midsection#midsectionhome{
height:670px;
}
#site_allblog .midsection#midsectionblog {
height:auto;
}
.footer_roof {
height:1px;
background-image:url(ci-images/footer_glow.jpg);
}
.footer {
height:64px;
padding:16px 20px 8px 20px;
background-image:url(ci-images/footer_background.gif);
width:860px;
}
.footer p {
padding:0px;
margin:0px 0px 2px 0px;
color:#555;
}
.footer p strong {
color:#888;
font-weight:normal;
}
.footerlogo {
position:absolute;
display:block;
width:231px;
height:58px;
bottom:0px;
right:0px;
background-image:url(ci-images/footer_logo.gif);
}
/* Main Structure */
/* Details */
#site_logo {
position:absolute;
bottom:8px;
width:226px;
height:59px;
}
#site_logo img {
border:0px;
}
ul#menu {
position:absolute;
top:78px;
width:380px;
left:498px;
padding:0px;
margin:0px;
color:#CCC;
display:block;
}
ul#menu li {
list-style:none;
float:left;
padding:0px;
margin-left:35px;
}
#site_home ul#menu li#nav_home a, #site_blog ul#menu li#nav_blog a, #site_allblog ul#menu li#nav_blog a, #site_showcase ul#menu li#nav_showcase a, #site_services ul#menu li#nav_services a, #site_contact ul#menu li#nav_contact a {
color:#FFF;
}
#homeimg {
margin-top:12px;
border-bottom:8px solid #222;
}
.frontcol {
position:relative;
width:250px;
float:left;
display:block;
height:200px;
margin-right:20px;
line-height:15px;
}
.frontcol#intheblog {
width:300px;
}
.frontcol strong {
color:#43aea6;
font-size:14px;
font-weight:normal;
width:100%;
display:block;
}
.frontcol em {
color:#888;
font-style:normal;
}
.frontcol hr {
border:0px;
border-top:1px dotted #111;
height:1px;
margin:10px 0px 10px 0px;
}
.frontcol#intheblog a, .frontcol#intheblog a:hover, .frontcol#intheblog a:visited {
color:#555;
}
.frontcol#intheblog strong a, .frontcol#intheblog strong a:hover, .frontcol#intheblog strong a:visited {
color:#43aea6;
}
.frontcol#intheblog a:hover {
color:#CCC;
}
.frontcol ul {
width:248px;
height:76px;
padding:0px;
padding-top:4px;
margin:0px;
background-image:url(ci-images/frontul.gif);
}
.frontcol ul li {
padding-left:18px;
list-style:none;
background-image:url(ci-images/bullets.gif);
background-position:6px 4px;
background-repeat:no-repeat;
margin-bottom:1px;
color:#888;
font-size:10px;
}
.frontcol ul li strong {
color:#b1b1b1;
font-size:10px;
}
#madeby {
color:#FFF;
font-size:18px;
letter-spacing:-0.5px;
position:absolute;
top:-30px;
left:20px;
}
/* Details */
/* Blog */
.blogcolumn {
position:absolute;
width:205px;
height:200px;
top:131px;
right:20px;
float:left;
}
.blogcolumn h5 {
clear:left;
font-size:12px;
font-weight:normal;
display:block;
margin:6px;
margin-left:20px;
padding:0px;
color:#555;
}
#rsslogo {
position:relative;
width:205px;
height:97px;
background-image:url(ci-images/rsslogo.gif);
margin-bottom:6px;
}
.midsection#midsectionblog h3 {
margin-bottom:6px;
}
.midsection#midsectionblog strong {
clear:left;
font-weight:normal;
color:#b1b1b1;
width:500px;
display:block;
margin-bottom:6px;
}
.listing a, .listing a:hover, .listing a:visited, .serviceslist a, .serviceslist a:hover, .serviceslist a:visited  {
color:#555;
display:block;
position:relative;
}
.listing a:hover, .serviceslist a:hover {
color:#CCC;
}
.midsection#midsectionblog a img {
position:relative;
width:70px;
height:70px;
border:0px;
float:left;
margin-right:10px;
padding:4px 4px 5px 4px;
background-color:transparent;
border:1px solid #282828;
}
.servthumb {
position:relative;
width:167px;
height:168px;
border:0px;
float:left;
margin-right:10px;
padding:4px 4px 5px 4px;
background-color:transparent;
border:1px solid #282828;
}
.listing#newest a img {
width:140px;
height:140px;
}

.listing, .servicelist {
position:relative;
width:630px;
height:auto;
display:block;
clear:left;
padding-top:6px;
border-bottom:1px dotted #333;
}
.listing {
height:87px;
}
.listing#bloglist {
height:auto;
padding-bottom:20px;
}
.listing#projlist {
border-bottom:0px;
height:auto;
}
.listing#projlist h4{
margin:0px;
}
.listing#projlist img {
margin-top:6px;
margin-bottom:10px;
padding:10px;
background-color: #161616;
border:1px solid #242424;
display:inline-block;
position:relative;
}
.servicelist {
height:auto;
border-bottom:0px dotted #333;
}
.servicelist img {
margin-top:6px;
}
.servicelist .listingtext {
float:left;
width:420px;
}
.listing#projlist .listingtext {
width:560px;
}
.servicelist .listingtext h4 {
color:#38afa7;
font-size:16px;
margin-top:8px;
}
.listing#newest {
height:160px;
}
.listing#newest strong {
display:block;
width:440px;
}
.listingtext strong strong {
font-weight:normal;
line-height:14px;
}
.listingtext strong strong a{
}
.listing em{
color:#666;
font-weight:normal;
}
.listing em a, .listing em a:link, .listing em a:visited{
clear:none;
}
.listingtext {
float:left;
display:inline-block;
}
a#postlink, a#postlink2, a#postlink3 {
padding:4px 6px 4px 6px;
background-color:#151515;
color:#888;
font-size:9px;
margin-right:2px;
border:1px solid #282828;
}
ul.blogul {
position:absolute;
top:53px;
color:#888;
line-height:14px;
width:140px;
padding:0px;
margin:0px;
}
ul.blogul li {
margin:10px 0px 0px 3px;
padding-left:18px;
left:2px;
width:200px;
list-style:none;
background-image:url(ci-images/bullets.gif);
background-position:6px 5px;
background-repeat:no-repeat;
}
ul.blogul a{
color:#888;
}
ul.blogul a strong {
color:#b1b1b1;
font-weight:normal;
clear:none;
}
.midsection#midsectionblog h4 {
color:#43aea6;
margin-top:2px;
font-size:14px;
margin-bottom:0px;
letter-spacing:0px;
}
.midsection#midsectionblog h4 a, .midsection#midsectionblog h4 a:link, .midsection#midsectionblog h4 a:visited {
color:#43aea6;
}
.midsection#midsectionblog .listing#newest h4 {
font-size:20px;
margin-bottom:0px;
letter-spacing:-1px;
}
.midsection#midsectionblog .listing#newest h4 strong {
font-size:14px;
margin-bottom:0px;
letter-spacing:0px;
font-weight:normal;
clear:none;
}
ul.blogcolumnul{
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:20px;
}
ul.blogcolumnul li {
list-style:none;
}
ul.blogcolumnul li img, img.pixastic pixastic-desaturate {
width:30px;
height:30px;
clear:left;
float:left;
padding:2px;
margin-right:6px;
margin-bottom:6px;
border:1px solid #222;
}
.blogcolumnultxt {
position:relative;
display:block;
float:left;
margin-top:3px;
}
.blogcolumnultxt em{
position:relative;
clear:left;
color:#777;
}
li.lidark, li.lidark em {
color:#555;
}
.sh4, .sh42 {
clear:left;
position:relative;
display:block;
margin-top:9px;
font-weight:normal;
color:#38afa7;
border-bottom:1px dotted #444;
}
.sh42 {
margin-top:10px;
}
.sh4 strong, .sh42 strong {
font-size:10px;
color:#777;
font-weight:normal;
letter-spacing:0px;
}
p.weblink a, p.weblink a:hover, p.weblink a:visited {
clear:none;
display:inline;
}
#sproject, #sproject2 {
line-height:16px;
}
p.weblink a:hover {
color:#41aba4;
}
.cover{
width:60px;
height:60px;
float:left;
margin-right:4px;
margin-top:4px;
border:0px;
}
.boxgrid{ 
width: 60px; 
height: 60px; 
margin:0px; 
padding:0px;
float:left; 
border: 0px;
overflow: hidden; 
position: relative; 
background-image:url(ci-images/showcaseback.jpg);
line-height:10px;
border:5px solid #222;
}
.boxgridwall {
position:absolute;
bottom:0px;
right:0px;
width:15px;
height:15px;
display:block;
background-image:url(ci-images/wallpapersava.gif);
}
a.boxgrid:hover{
border:5px solid #323232;
}
.boxgrid img{ 
position: absolute; 
top: -4px; 
left: 0px; 
border: 0; 
height:60px;
width:60px;
}
.boxgrid strong {
letter-spacing:0px;
margin:0px;
padding:3px 3px 0px 3px;
display:block;
color:#0b4e4a;
line-height:8px;
font:11px Arial;
font-weight:bold;
letter-spacing:-1px;
}
.boxgrid a strong {
line-height:8px;
}
.boxgrid em {
font-size:9px;
padding:0px 3px 0px 3px;
display:block;
}
a.downloadwall:link, a.downloadwall:visited, a.forwardsite:link, a.forwardsite:visited, a.sharesite:link, a.sharesite:visited {
position:relative;
margin:10px 6px 0px 0px;
float:left;
width:75px;
height:19px;
background-image:url(ci-images/downloadwallpapers.gif);
display:block;
}
a.forwardsite:link, a.forwardsite:visited{
background-image:url(ci-images/forward.gif);
width:55px;
}
a.sharesite:link, a.sharesite:visited {
background-image:url(ci-images/share.gif);
width:55px;
}
ul.servicesul {
position:relative
margin:6px 6px 6px 0px;
padding:0px;
padding-left:10px;
}
ul.servicesul li{
list-style:none;
}
ul.servicesul li h5{
font-size:12px;
margin:6px 0px 4px 0px;
padding:0px;
color:#777;
font-weight:normal;
}
ul.servicesul li ul{
list-style:none;
margin:0px 0px 14px 0px;
padding:4px 0px 0px 12px;
font-size:10px;
font-weight:normal;
line-height:14px;
border-top: 1px dotted #333;
}
a.rsslogotop {
position:absolute;
top:-1px;
right:-42px;
width:33px;
height:14px;
background-image:url(ci-images/rsslogotop.gif);
display:block;
}
input.friendsend, textarea.friendsend2, input.friendsend3  {
background-color:#181818;
color:#999;
border:1px solid #333;
padding:3px;
width:400px;
float:left;
margin-bottom:6px;
font-size:12px;
}
textarea.friendsend2 {
font-family:Trebuchet MS;
font-size:10px;
}
label {
clear:left;
float:left;
width:146px;
padding:5px 0px 5px 4px;
background-color:#171717;
}
input.friendsend3 {
margin-left:150px;
width:408px;
background-color:#171717;
}
.contsend {
margin-top:5px;
position:relative;
display:block;
}
em.subem {
color:#444;
}
a.contacte:link {
color:#38afa7;
}