*{
    padding: 0;
    margin: 0;
    border: 0;
}

html {overflow-y: scroll;}


.bodydefault {
    font-size: 13px;
    color: #fff;
    background-image: url(/gfx/background.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    background-color: #080b0e;
    font-family: arial,sans-serif;
}


a:link {
    color: #fff;
    text-decoration: none;
    outline:none;
}

a:visited {
    color: #fff;
    text-decoration: none;
    outline:none;
}

a:hover {
    color: #009cff;
    text-decoration: none;
    outline:none;
}

#main{
    width: 950px;
    margin: auto;
    position: relative;
}
#content{
    width: inherit;
    min-height: 500px;
    position: relative;
}

/*************COMMON***********************/

.floatleft{
    float: left;
}
.floatright{
    float: left;
}
.textleft{
    text-align: left;
}
.textcenter{
    text-align: center;
}
.textright{
    text-align: right;
}
.clear{
    clear: both;
}
.hide{
    display: none;
}
.bold{
    font-weight: bold;
}
.cap{
    text-transform: capitalize;
}
.cur{
    cursor: pointer;
}
.nocanvas{
    margin: auto;
    padding: 5px;
}

.tags{
    padding-right: 5px;
    cursor: pointer;
    color: #858585;
    white-space: nowrap;
}
.tagselected {
    color: #009cff;
}
.tagselected a{
    color: #009cff;
}
.jspScrollable{
    outline:none;
}




.blueborder{
    margin: 0px;
    display: block;
}
.blueborder:hover{
    outline: 2px solid #009cff;
}
/*************HEADER***********************/

#pageheader{
    margin-bottom: 40px;
}
#pageheader #h1{
    height: 150px;
    position: relative;
}
#pageheader #h1 .hcon1{
    width: 326px;
    height: 75px;;
    position: relative;
    top: 70px;
}
#pageheader #h1 .hcon2{
    position: absolute;
    top: 56px;
    left: 438px;
}
#pageheader #h1 .hcon3{
    width: 326px;
    height: 75px;;
    position: absolute;
    top: 53px;
    right: 0px;
}
#pageheader .border{
    height: 1px;
    border-top: 1px solid #000;
    background-color: #373a3d;
}
#pageheader #menulinks{
    width: 700px;
    height: 30px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;

}
#pageheader #menulinks .four{
    width: 25%;
    float: left;
}

#pageheader #menulinks .four div {
    width: 100px;
    height: 30px;
    margin: auto;
}

#menulinks .menul:hover{
/*    opacity:0.4;
    filter:alpha(opacity=40)*/
    background-color:  #fff;
}

#pageheader .aboutpassive{
    background-image: url(/gfx/header-about.png);
    background-repeat: no-repeat;
}
#pageheader .aboutactive{
/*    background-image: url(/gfx/header-about-marked.png);*/
    background-color:  #fff;
}
/*#pageheader .about:hover{
    background-image: url(/gfx/header-about-hover.png);
}*/

#pageheader .workpassive{
    background-image: url(/gfx/header-work.png);
    background-repeat: no-repeat;
}
#pageheader .workactive{
    background-color:  #fff;
/*    background-image: url(/gfx/header-work-marked.png);*/
}
/*#pageheader .work:hover{
    background-image: url(/gfx/header-work-hover.png);
}*/

#pageheader .blogpassive{
    background-image: url(/gfx/header-blog.png);
    background-repeat: no-repeat;
}
#pageheader .blogactive{
    background-color:  #fff;
/*    background-image: url(/gfx/header-blog-marked.png);*/
}
/*#pageheader .blog:hover{
    background-image: url(/gfx/header-blog-hover.png);
}*/

#pageheader .contactpassive{
    background-image: url(/gfx/header-contact.png);
    background-repeat: no-repeat;
}
#pageheader .contactactive{
    background-color:  #fff;
/*    background-image: url(/gfx/header-contact-marked.png);*/
}
/*#pageheader .contact:hover{
    background-image: url(/gfx/header-contact-hover.png);
}*/


#pageheader #hseachcon .sspan{
    padding-left: 5px;
}
#pageheader #s{
    width: 240px;
    height: 30px;
    background-color: #000;
    color: #fff;
    text-indent: 20px;
    border-bottom: 1px solid #353535;
}
#pageheader #headersubmit{
    position: relative;
    top: 11px;
}

#pageheader #hmedia div{
    width: 39px;
    height: 39px;
    float: right;
}

#pageheader #youtube{
    background-image: url(/gfx/header-youtube.png);
    background-repeat: no-repeat;
    background-position: top;
}
#pageheader #youtube:hover{
    background-image: url(/gfx/header-youtube-hover.png);
    background-repeat: no-repeat;
}
#pageheader #facebook{
    background-image: url(/gfx/header-facebook.png);
    background-repeat: no-repeat;
}
#pageheader #facebook:hover{
    background-image: url(/gfx/header-facebook-hover.png);
    background-repeat: no-repeat;
}
#pageheader #rss{
    background-image: url(/gfx/header-rss.png);
    background-repeat: no-repeat;
}
#pageheader #rss:hover{
    background-image: url(/gfx/header-rss-hover.png);
    background-repeat: no-repeat;
}
#pageheader .smspacer{
    width: 24px;
    height: 24px;
}

/*************INDEX************************/
#indexheader{
    width: 892px;
    height: 54px;
    margin: auto;
    background-image: url(/gfx/index-latest.png);
    background-repeat: no-repeat;
    margin-bottom: 27px;
}
#indexmiddle{
    width: 900px;
    height: 400px;
    margin: auto;
}
#indexmiddle .indexmiddle{
    width: 300px;
    height: inherit;
    float: left;
}

#indexmiddle .indexmiddle .d1{
    height: 103px;
    margin-bottom: 10px;
    position: relative;
}
#indexmiddle .indexmiddle .d2{
    height: 180px;
    margin-bottom: 10px;
    overflow: hidden;
}
#indexmiddle .indexmiddle .d2 img{
    width: 300px;

}
#indexmiddle .indexmiddle .d3{
    height: 40px;
}
#indexmiddle .indexmiddle .d3 img{
    width: 300px;
    height: 40px;
}

#indexmiddle .text{
    width: 280px;
    height: 100px;
    font-style: italic;
    font-family: Georgia;
    font-size: 12px;
    padding-top: 30px;
    position: absolute;
    top: -30px;
    left: 20px;
}
#indexmiddle .text a{
    width: 280px;
    height: 70px;
    display: block;
    padding-top: 46px;
    color: inherit;

}

#indexwork{
    background-image: url(/gfx/index-work.png);
    background-repeat: no-repeat;
    color:#7ebeff;
}
#indexwork:hover{
    background-image: url(/gfx/index-work-hover.png);
    background-repeat: no-repeat;
    color: #814100;
}
#indexbehind{
    background-image: url(/gfx/index-behind.png);
    background-repeat: no-repeat;
    color:#c2ff8c;
}
#indexbehind:hover{
    background-image: url(/gfx/index-behind-hover.png);
    background-repeat: no-repeat;
    color: #3d0073;
}
#indexblog{
    background-image: url(/gfx/index-blog.png);
    background-repeat: no-repeat;
    color:#e1c0ff;
}
#indexblog:hover{
    background-image: url(/gfx/index-blog-hover.png);
    background-repeat: no-repeat;
    color: #1e3f00;
}
/****************ABOUT**********************/

#about{}
#about #top{
    height: 300px;
    margin-bottom: 25px;
}
#about #header{
    width: 300px;
    height: 50px;
    float: left;
    background-image: url(/gfx/about-header.png);
    background-repeat: no-repeat;
}
#about #media{
    width: 620px;
    height: 300px;
    float: right;
}
#about #bottom{
    height: 415px;
    position: relative;
}
#about .col{
    width: 296px;
    height: 415px;
    background-image: url(/gfx/trans-bg.png);
    position: absolute;
}
#about .colheader{
    width: 267px;
    height: 78px;
    top: 15px;
    left: 14px;
    position: absolute;
    border-bottom: 1px solid #b4b4b4;
}
#about .colheader div{
    width: 280px;
    height: 53px;
    font-style: italic;
    font-family: Georgia;
    font-size: 12px;
}
#about .colheader #d1{
    color: #7ebeff;
    position: absolute;
    top: 26px;
    left: 2px;
}
#about .colheader #d2{
    color: #95c36d;
    position: absolute;
    top: 26px;
    left: 5px;
}
#about .colheader #d3{
    color: #e1c0ff;
    position: absolute;
    top: 26px;
    left: 8px;
}
#about .inner{
    width: 270px;
    height: 290px;
    top: 105px;
    left: 15px;
    color: #b4b4b4;
    position: absolute;
}
#about #col1{
    left: 0px;
}
#about #col1 .colheader{
    background-image: url(/gfx/about-col1-header.png);
    background-repeat: no-repeat;
}
#about #col2{
    left: 330px;
}
#about #col2 .colheader{
    background-image: url(/gfx/about-col2-header.png);
    background-repeat: no-repeat;
}
#about #col3{
    right: 0px;
}
#about #col3 .colheader{
    background-image: url(/gfx/about-col3-header.png);
    background-repeat: no-repeat;
}

#about .divider1{color: #7ebeff;font-weight: bold;}
#about .divider2{color: #95c36d;font-weight: bold;}
#about .divider3{color: #e1c0ff;font-weight: bold;}

/****************CASES**********************/

/*sweetpages.css*/
#cases{

}

#casesheader{
    width: 406px;
    height: 25px;
    background-image: url(/gfx/work-header.png);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
#casesgallery{
    height: 443px;
    position: relative;
    background-image: url(/gfx/trans-bg.png);
    margin-bottom: 50px;
}
#casesgallery #loading{
    width: 31px;
    height: 31px;
    position: absolute;
    top:43%;;
    left: 49%;
    background-image: url(/gfx/loading2.gif);
    background-repeat: no-repeat;
}
#casesgallery ul{
    height: 470px;
}
.casesimpleimage{
    margin-bottom: 20px;
}
.casesimpleimage img{

    display: block;
}

.casesimplename{
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.casesimpletags{
    font-style: italic;
    text-align: center;
    color: #dadada;
}
#cases #pagination1{
    bottom: +30px;
    position: relative;
    width: inherit;
    text-align: right;
    z-index: 100;
}
#cases #pagination1 .swControls{
    position: absolute;
    right: 10px;
}
#cases #tags{
    margin-bottom: 20px;
}
#cases #tags span{

}

#cases #selectcases{
    position: absolute;
    top: -1px;
    left: 290px;
}
#cases #selectbehind{
    position: absolute;
    top: 14px;
    left: 290px;
}
#cases .section{
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}
/******CASE*****************/

/*sweetpages_media.css*/

#case{
    position: relative;
}
#case #pagination1{
    width: inherit;
    text-align: center;
}
#caseleft{
    width: 640px;
    height: 385px;
    float: left;
    position: relative;
}
#caseleft #holder li img{
    width: 640px;

}
#caseleft .paginationmedia{
    position: absolute;
    width: inherit;
    height: 30px;
    top: -30px;
}

#caseleft .navarrows{
    width: 74px;
    height: 55px;
    position: absolute;
    top: 165px;
    background-repeat:no-repeat;
    visibility: hidden;
}

#caseleft #navright{
    right: 0px;
}

#caseright{
    width: 265px;
    height: 357px;
    float: right;
    background-color: #0b0c0d;
    padding: 15px;
    margin-bottom: 20px;

}
#caseright2{
    width: 295px;
    min-height: 50px;
    float: right;
}

#casehead{
    height: 100px;
    color: #8b8b8b;
}
#casehead #casehead1{
    height: 25px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -2px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    border-bottom: 1px solid #3e3e3e;
    white-space:nowrap;

}

#casehead #casehead2 {
    border-bottom: 1px solid #3e3e3e;
    padding-bottom: 3px;
}

#casehead  a{
    color: #8B8B8B;
}
#casehead  a:hover{
    color: #009cff;
}


#casebody{
    height: 260px;
    overflow: auto;
    color: #8b8b8b;
    font-size: 13px;
    outline:none;
}

#caseshare{
    margin-top: 1px;
    margin-bottom: 20px;
    padding-left: 15px;
}
.casemediaimg{
    width: 640px;
    height: 385px;
}
/******BEHIND THE SCENE*****/
#behind{
    min-height: 750px;
    position: relative;
}
#inner{
    width: 640px;
    margin: auto;
}
#behind #head{
    width: inherit;
    height: 45px;
}
#behind #head1{
    width: 231px;
    height: 19px;
    background-image: url(/gfx/behind-head.png);
    background-repeat: no-repeat;
}
#behind #head2{
    width: 231px;
    height: 19px;
    font-size: 15px;
    font-weight: bold;
    font-family:"Times New Roman",Georgia,Serif;
    text-transform: uppercase;
    color: #d4d4d4;
    margin-top: 3px;
}
#behind #mediacontainer{
    width: inherit;
}
#behind #media{
    width: inherit;
    height: 385px;
    margin-bottom: 20px;
}
#behind #media img{
    width: 640px;;
    height: 385px;
}
#behind #selection{
    
    height: 76px;
    padding-bottom: 7px;
    background-image: url(/gfx/trans-bg.png);
    position: relative;
    z-index: 3;
}
#behind #selection #selectioninner{
    position: absolute;
    z-index: 4;
    top: 2px;
    left: 2px;
}
#behind .thumb{
    width: 120px;
    height: 77px;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}
#behind .thumb img2{
    width: 110px;
}
.bthumb img{
    width: 119px;
   
}

#behind #lampleft{
    width: 348px;
    height: 731px;
    top: -30px;
    left: -70px;
    position: absolute;
    background-image: url(/gfx/behind-lamp-left.png);
    background-repeat: no-repeat;
    z-index: -10;
}
#behind #lampright{
    width: 348px;
    height: 731px;
    top: -30px;
    right: -70px;
    position: absolute;
    background-image: url(/gfx/behind-lamp-right.png);
    background-repeat: no-repeat;
    z-index: -10;
}
#behind #table{
    width: 310px;
    height: 178px;
    left: -30px;
    top: 535px;
    position: absolute;
    background-image: url(/gfx/behind-table.png);
    background-repeat: no-repeat;
    z-index: 2;
}
#behind #case{
    width: 143px;
    height: 60px;
    left: 330px;
    top: 555px;
    position: absolute;
    z-index: 2;
}
#behind #behindshare{
    width: 143px;
    height: 60px;
    left: 500px;
    top: 560px;
    position: absolute;
    z-index: 2;
}
#behind #boxes{
    width: 169px;
    height: 146px;
    right: -20px;
    top: 550px;
    position: absolute;
    background-image: url(/gfx/behind-boxes.png);
    background-repeat: no-repeat;
    z-index: 2;
}


/******PAGINATION***********/
.pagi{
    height: 22px;
    white-space:nowrap;
    font-size: 10px;
    margin-top: 10px;
}
.pagi a{
    font-size: 12px;
}
.pagi div{
    padding-right: 5px;
    width: 22px;
    height: 22px;
    position: relative;
    float: left;
    text-align: center;
}
.pagileft{
    width: 22px;
}
.paginbg{
    padding-top: 4px;
}
.pagibg{
    padding-top: 4px;
    background-image: url('/gfx/pagi_bg.png');
    background-repeat:no-repeat;
}

/******BLOG*************/
/*blog.css*/


/******BLOGPOST*********/
/*blog.css*/


/******CONTACT**********/

#contactcontainer{
    width: 582px;
    height: 415px;
    margin: auto;
    position: relative;

}
#contactcontainer #left{
    width: 193px;
    height: 315px;
    position: absolute;
}
#contactcontainer #left #logo{
    width: inherit;
    height: 173px;
    background-image: url('/gfx/contact-logo.png');
    background-repeat: no-repeat;
}
#contactcontainer .border{
    height: 1px;
    border-top: 1px solid #000;
    background-color: #373a3d;
    margin-bottom: 16px;
}
#contactcontainer #left #info{
    width: inherit;
    height: 123px;
    background-image: url(/gfx/trans-bg.png);
    position: relative;
}
#contactcontainer #left #info #infoinner{
    width: 123px;
    height: 70px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 15px;
    position: absolute;
    top: 29px;
    left: 35px;
    text-align: justify;
}
#contactcontainer #left #info #infoinner span{
    white-space: nowrap;
}

#contactcontainer #right{
    width: 340px;
    top: 0px;
    right: 0px;
    position: absolute;

}
#contactcontainer #header{
    width: 340px;
    height: 50px;
    background-image: url('/gfx/contact-header.png');
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
#contactcontainer #form{
    height: 320px;
    position: relative;
}
#contactcontainer .input{
    font-size: 13px;
    color: #c8c8c8;
    font-family: arial,helvetica;
    padding: 5px;
    text-indent: 2px;

}
#contactcontainer .text{
    width: 330px;
    height: 21px;
    background-image: url('/gfx/contact-text-bg.jpg');
    background-repeat: no-repeat;
}
#contactcontainer .textarea{
    width: 330px;
    height: 157px;
    background-image: url('/gfx/contact-textarea-bg.jpg');
    background-repeat: no-repeat;
}
#contactcontainer #submit{
    float: right;
    margin-top: 10px;
    outline: 0px;
}
#contactcontainer dd{
    margin-top: 10px;
}
#contactcontainer #response{
    width: 100px;
    height: 20px;
    position: absolute;
    font-weight: bold;
    bottom: 18px;
    left: 10px;
    text-transform: uppercase;
}
#contactcontainer #response img{
    bottom: -5px;
    left: 30px;
    position: absolute;
}
#contactcontainer #message{
    resize: none;
}

/******SEARCH***********/

#search{
    position: relative;
}
#search #header{
    height: 37px;
    background-image: url('/gfx/search-header.png');
    background-repeat: no-repeat;
    margin-bottom: 70px;
}
#search #caseresults{
    width: 45px;
    height: 14px;
    background-image: url('/gfx/search-caseresults.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 80px;
    left: 0px;
}
#search #blogresults{
    width: 45px;
    height: 14px;
    background-image: url('/gfx/search-blogresults.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 80px;
    right: 405px;
}



#search .results{
    width: 448px;
    height: 120px;
    margin-bottom: 40px;
    background-image: url(/gfx/trans-bg.png);
    position: relative;
}
#search .results .body{
    width: 235px;
    height: 120px;
    overflow: hidden;
    float: right;
}
#search .results .thumb{
    width: 200px;
    height: 120px;
    overflow: hidden;
    float: left;
}
#search .head{
    height: 25px;
    font-size: 20px;
    margin-top: 10px;
}
#search .bodytext{
    font-size: 11px;
    margin-top: 5px;
    padding-right: 3px;
}
#search .left{
    width: 448px;
    float: left;
}
#search .right{
    width: 448px;
    float: right;
}
#search .left .s1{
    color: #d3e3ff;
}
#search .left .s2{
    color: #d3e3ff;
}
#search .left .s3{
    color: #d3e3ff;
}
#search .right .s1{
    color: #ffbd82;
    font-size: 11px;
}
#search .go{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#search .go img{
    display: block;
}
#search .noresults{
    text-align: left;
    text-transform: uppercase;
}
/******SHARE***********/
#share{
    width: 300px;
    height: 50px;
    position: relative;
}

#share .icon{
    width: 37px;
    height: 37px;
    float: left;
    margin-top: 13px;
}
#share .spacer{
    width: 37px;
    height: 37px;
}
#sharelogo{
    width: 146px;
    height: 46px;
    float: left;
}
#sharefb{
    background-image: url('/gfx/share-facebook.png');
    background-repeat: no-repeat;

}
#sharefb:hover{
    background-image: url('/gfx/share-facebook-hover.png');
}
#sharetw{
    background-image: url('/gfx/share-twitter.png');
    background-repeat: no-repeat;

}
#sharetw:hover{
    background-image: url('/gfx/share-twitter-hover.png');
}

#shareskype{
    background-image: url('/gfx/share-skype.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 190px;
}
#shareskype:hover{
    background-image: url('/gfx/share-skype-hover.png');
}

#shareem{
    background-image: url('/gfx/share-email.png');
    background-repeat: no-repeat;

}
#shareem:hover{
    background-image: url('/gfx/share-email-hover.png');
}
/******FOOTER***********/
#footer{
    height: 70px;
    margin-top: 60px;
    margin-bottom: 50px;
    padding-top: 10px;
    border-top: 1px solid #1e2024;
}
#footer #footerflag{
    width: 126px;
    height: 70px;
    position: relative;
    float: left;
}
#footer #footerflag div{
    width: 69px;
    height: 105px;
    left: 40px;
    bottom: 15px;
    position: absolute;
    background-image: url('/gfx/footer-flag.png');
    background-repeat: no-repeat;
}
#footer .footer{
    position: relative;
    background-image: url('/gfx/trans-bg.png');
    margin-right: 5px;
    float: left;
}
#footer .footer div2{
    width: 340px;
    height: 60px;
    position: absolute;
    top: 4px;
    left: 7px;
    padding-right: 1px;
    font-size: 7px;
    color: #b4b4b4;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    line-height: 12px;
}

#footer #footerinfo1{
    width: 340px;
    height: 70px;
    z-index: 3;
}

#footer #footerinfo2{
    width: 360px;
    height: 70px;
}
#footer #footerinfo1 div{
    width: 329px;
    height: 62px;
    position: absolute;
    top: 4px;
    left: 7px;
    padding-right: 1px;
    font-size: 7px;
    color: #b4b4b4;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    line-height: 12px;
}
#footer #footerinfo2 div{
    width: 349px;
    height: 62px;
    position: absolute;
    top: 4px;
    left: 7px;
    padding-right: 1px;
    font-size: 7px;
    color: #b4b4b4;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    line-height: 12px;
}

#footer #footerlogo{
    width: 114px;
    height: 70px;
    position: relative;
    background-image: url('/gfx/trans-bg.png');
    float: left;
}
#footer #footerlogo div{
    width: 83px;
    height: 60px;
    position: absolute;
    top: 4px;
    left: 15px;
    background-image: url('/gfx/footer-logo.png');
    background-repeat: no-repeat;
}
/******PROFILES***********/
#profiles{
    width: 502px;

    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 60px;
}

#profiles .border-gray{
    border-bottom: 1px solid #e3d7d1;
    position: relative;
}
#profiles #d1{
    height: 620px;
}
#profiles #d1 #info{
    width: 100%;
    height: 64px;
    position: absolute;
    top: 500px;
    background-image: url('/gfx/blog-bg.png');
}
#profiles #d1 #info #name{
    height: 18px;
    margin-top: 17px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
#profiles #d1 #info #title{
    height: 10px;
    margin-top: 2px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}
#profiles #icons{
    position: absolute;
    top: 20px;
    right: 30px;
}
#profiles .icon{
    width: 29px;
    height: 29px;
    float: left;
}
#profiles .icon img{
    width: 29px;
    height: 29px;
}

#profiles #profileskype{
    background-image: url('/gfx/profile-skype.png');
    background-repeat: no-repeat;
}
#profiles #profileskype:hover{
    background-image: url('/gfx/profile-skype-hover.png');
}
#profiles #profilefb{
    background-image: url('/gfx/profile-fb.png');
    background-repeat: no-repeat;
}
#profiles #profilefb:hover{
    background-image: url('/gfx/profile-fb-hover.png');
}
#profiles #profileem{
    background-image: url('/gfx/profile-em.png');
    background-repeat: no-repeat;
}
#profiles #profileem:hover{
    background-image: url('/gfx/profile-em-hover.png');
}



#profiles #d2{
    padding: 15px;
    color: #1e2125;

}
#profiles #d3{
    width: 250px;
    margin: auto;
    text-align: center;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
}
#profiles #d4{
    font-size: 11px;
    font-family:Georgia;
}


#blog-links-con #blogposts{
    width: 235px;
    min-height: 50px;
    background-color: #e2e2e3;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 1px;
    position: absolute;
    top: -260px;
    right: -83px;
}
#blog-links-con #blogposts div{
    width: 220px;
    height: 25px;
    margin: auto;
    line-height: 25px;
    text-indent: 7px;

}
#blog-links-con #blogposts .link{
    width: 220px;
    height: 25px;
    display: block;
}
#blog-links-con #blogposts #latest{
    margin-bottom: 5px;
    color: #1a3b54;
}
#blog-links-con #blogposts .lists{
    background-color: #fff;
    margin-bottom:  15px;
}
#blog-links-con #blogposts .lists a{
    color: #121519;
}
#blog-links-con #blogposts .lists:hover{
    background-color: #121519;
    color: #121519;
}
#blog-links-con #blogposts .lists:hover a{
    color: #fff;
}

#blog-links #back{
    width: 99px;
    position: absolute;
    top: -1px;
    left: -118px;
    background-color: #e2e2e3;
}
#blog-links #back:hover{
    background-color: #fff;
}


/*#profiles #header{
    height: 57px;
    background-color: #121519;
    margin-bottom: 20px;
    position: relative;
}
#profiles #header #image{
    width: 200px;
    height: 487px;
    position: absolute;
    top: -38px;
    left: 160px;
}
#profiles #header #userinfo{
    height: 50px;
    position: absolute;
    top: 11px;
    left: 400px;
}
#profiles #header div{
    text-transform: uppercase;
    white-space: nowrap;
    float: left;
}
#profiles #header .d1{
    font-size: 18px;
    font-weight: bold;
    display: block;
}
#profiles #header .d2{
    font-size: 10px;
    letter-spacing: 3px;
    color: #e0e7eb;
    display: block;
}

#profiles #icons{
    padding-top: 3px;
    padding-left: 15px;
}
#profiles .icon{
    width: 29px;
    height: 29px;
}
#profiles .icon img{
    width: 29px;
    height: 29px;
}

#profiles #profileskype{
    background-image: url('/gfx/profile-skype.png');
    background-repeat: no-repeat;
}
#profiles #profileskype:hover{
    background-image: url('/gfx/profile-skype-hover.png');
}
#profiles #profilefb{
    background-image: url('/gfx/profile-fb.png');
    background-repeat: no-repeat;
}
#profiles #profilefb:hover{
    background-image: url('/gfx/profile-fb-hover.png');
}
#profiles #profileem{
    background-image: url('/gfx/profile-em.png');
    background-repeat: no-repeat;
}
#profiles #profileem:hover{
    background-image: url('/gfx/profile-em-hover.png');
}

#profiles #col1{
    width: 384px;
    float: left;
}
#profiles #col2{
    width: 290px;
    float: left;
    font-size: 11px;
    color: #292c31;
}
#profiles #col2 .replacements{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;;
}
#profiles #col2 .divider{
    height: 1px;
    color: #e4eaf1;
    background-color: #e4eaf1;;
    margin-top: 13px;
    margin-bottom: 13px;
}
#profiles #col3{
    width: 244px;
    float: right;
}
#profiles #col3 #blogposts{
    min-height: 50px;
    background-color: #e4eaf1;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 1px;
}
#profiles #col3 #blogposts div{
    width: 220px;
    height: 25px;
    margin: auto;
    line-height: 25px;
    text-indent: 7px;

}
#profiles #col3 #blogposts .link{
    width: 220px;
    height: 25px;
    display: block;
}
#profiles #col3 #blogposts #latest{
    margin-bottom: 5px;
    color: #1a3b54;
}
#profiles #col3 #blogposts .lists{
    background-color: #fff;
    margin-bottom:  15px;
}
#profiles #col3 #blogposts .lists a{
    color: #121519;
}
#profiles #col3 #blogposts .lists:hover{
    background-color: #121519;
    color: #121519;
}
#profiles #col3 #blogposts .lists:hover a{
    color: #fff;
}

#profiles #back{
    width: 143px;
    height: 60px;
    position: absolute;
    top: 21px;
    left: -40px;
    z-index: 10;
}*/