/* TYPOGRAPHY *****************************************************************************************************/

@import "fonts.css";

body { 
        font-family: "Lucida Grande", Helvetica, Arial;
        font-size: 14px;
            color: #333;
}

h1, h2 { /*text-shadow:0 1px 1px rgba(255,255,255,0.8)*/;
     text-shadow:0 1px 1px white;
     margin-bottom: 15px;
} 

h1, h2{
    font: 29px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;

}

h1 strong, h2 strong, h4 strong{
    font: 29px/40px "MuseoSeven", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
}

/*strong{
    font: 29px/40px "MuseoSeven", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
}*/

h2{
    margin-top: 15px;
}

h4{
    font: 24px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    text-shadow:0 1px 1px white;  
   
}

h4 strong{
    font-size: 24px;
}

h5{
    font: 18px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    color: #4f5051; text-shadow:0 1px 1px white;  
}

#showcaseLabel{
    font: 29px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    text-shadow:0 1px 1px white;                
}

p{
    line-height: 1.6em;
    color: #444;
}

/*p + */h2{
    margin-top: 45px;
}


a, a:visited{
    color: #2863b2;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

#contactList li a{
    font: 22px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    text-shadow:0 1px 1px #eaf0f9;    
    color: #444;   text-decoration: none;         

}

#contactDetails li a:hover{ color: #9a3183; }

#whiteBandSpace p{    font: 29px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif; }

#opensourceLogo{
    background: url(../img/openSourceStrip.jpg) no-repeat;
    width: 661px; height: 100px;
    position: absolute;
    top: 239px;
    width: 661px;
    left: 129px;
    display: block;
}

.softwareHomepage{
    font: 29px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    line-height: 76px;
    display: block;
    margin-top: 18px;
    margin-left: 120px;
    margin-right: 40px;
    text-shadow:0 1px 1px white;
    }

h6{
    font: 29px/40px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    line-height: 76px;

}

#portfolioDetail .siteLink{
    font: 24px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    text-shadow:0 1px 1px white;  
}

/****** END TYPOGRAPHY *************************************************************************************************/



/* WEBKIT **********************************************************************************************************/

#heading strong{
    -webkit-transition-property:color; 
    -webkit-transition-duration:.2s; 
    -webkit-transition-timing-function:ease-in            
}

/****** END WEBKIT *************************************************************************************************/



/* BASE TAGS *****************************************************************************************************/

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

/****** END  BASE TAGS *************************************************************************************************/



/* BASE LAYOUT *****************************************************************************************************/

#header{
    background: url(../img/headerBg_O.png) repeat-x;
    height: 156px;
    min-width: 960px;
}


#content {
    padding-bottom: 82px; /* must be same height as the footer */
}  

#footer {position: relative;
	margin-top: -82px; /* negative value of footer height */
	height: 82px;
	clear:both;
    background: url(../img/footerBg_O.png) repeat-x bottom;
    min-width: 960px;
    text-align: center;
	}

#footerShadow{
    height: 12px;                
    background: url(../img/footerShadow_O.png) repeat-x;

}

#footer h5{
    margin-top: 26px;
}

/****** END BASE LAYOUT *************************************************************************************************/



/* LOGO AND NAVIGATION  ************************************************************************************************/
#logo{
    background: url(../img/logoFull_O.png) no-repeat;
    width: 776px; height: 128px; position: absolute;
    top: 31px; left: 10px;
    text-indent: -5000px;
    outline: none;
    -moz-user-select: none;
    -khtml-user-select: none;

}

#navigation{
    width: 708px;
    height: 44px;
    position: absolute;
    left:197px;
    top:114px;
    outline: none;    
        -moz-user-select: none;
    -khtml-user-select: none;

}
#navigation li{
    float: left;
    outline: none;
    text-indent: -5000px;
    -moz-user-select: none;
    -khtml-user-select: none;

}

#navigation li a{
    outline: none;
}

#home{
    background: url(../img/navigation_O.png);  
    height: 44px;
    width: 110px;
    display: block;
}
#home:hover{ background: url(../img/navigation_O.png) 0px -44px; }

#blog{
    background: url(../img/navigation_O.png) -110px top;  
    height: 44px;
    width: 60px;
    display: block;
}
#blog:hover{ background: url(../img/navigation_O.png) -110px -44px; }

#about{
    background: url(../img/navigation_O.png) -170px top;  
    height: 44px;
    width: 70px;
    display: block;
}
#about:hover{ background: url(../img/navigation_O.png) -170px -44px;}

#portfolio{
    background: url(../img/navigation_O.png) -240px top;  
    height: 44px;
    width: 100px;
    display: block;
}
#portfolio:hover{ background: url(../img/navigation_O.png) -240px -44px;}

#software{
    background: url(../img/navigation_O.png) -340px top;  
    height: 44px;
    width: 100px;
    display: block;
}
#software:hover{ background: url(../img/navigation_O.png) -340px -44px;}

#opensource{
    background: url(../img/navigation_O.png) -440px top;  
    height: 44px;
    width: 130px;
    display: block;
}
#opensource:hover{ background: url(../img/navigation_O.png) -440px -44px; }

#contacts{
    background: url(../img/navigation_O.png) -570px top;  
    height: 44px;
    width: 138px;
    display: block;
}
#contacts:hover{ background: url(../img/navigation_O.png) -570px -44px; }

/****** END LOGO AND NAVIGATION *************************************************************************************************/



/* HOME PAGE *******************************************************************************************************************/

#heading{
    width: 730px;
    margin: 0px auto;
    /* padding-top: 70px; */
    line-height: 1.6em;
}

#heading strong:hover{
    color: #bc42aa;
    cursor: pointer;
}

#topGradient{
    margin-top: 60px;
    min-height: 439px;
    height: 439px;

    background: url(../img/topBottomGradients_O.png) repeat-x;
}

#topGradientSpace{      
    margin-top: 60px;
    background: url(../img/topBottomGradients_O.png) 0px 12px repeat-x; 
}

#showcaseBox{
    width: 920px;
    margin: 0px auto;
    position: absolute;
    top: 147px;
    overflow:  hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
}

#leftBoxShadow{
    width: 32px; height: 210px;
    background: url(../img/sliderShadow_O.png);
    position: absolute;
    z-index: 2;
    top: 147px;
}

#rightBoxShadow{
    width: 32px; height: 210px;
    background: url(../img/sliderShadowRight_O.png);
    position: absolute;
    z-index: 2;
    top: 147px;
    right: 18px;
}

#longBox{
    width: 3000px;
}

.slide{
    float: left;
    padding-left: 1px;
}

.showCaseItem{
    display: block;
    position: relative;
    width: 301px;
    height: 210px;
    background: url(../img/showCaseBox_O.png) center no-repeat;
    float: left;
    text-align: center;
}

.showCaseItem:hover, .showCaseItem:visited{
    text-decoration: none;
}

.showCaseItem img{
    margin-top: 5px;
}
            
.showcaseAppName{
    left: 0px;
    position: absolute;
    width: 306px;
    text-align: center;
    top: 110px;
    font-size: 18px;
}

.showcaseAppDesc{
    left: 0px;
    position: absolute;
    width: 306px;
    text-align: center;
    top: 140px;
    color: #7f7e7e;
}

#showcaseController{
    position: absolute;
    width: 920px;
    top: 390px;
-moz-user-select: none;
-khtml-user-select: none;
}


#showcaseController ul{
    margin-left: 30px;
}
#showcaseController ul li{
    float: left;
}


#showcaseLabel{
    width: 662px;
    overflow: hidden;
    position: relative;
}

#longLabel{
    width: 2000px;
}

#longLabel h4{
    text-align: center;
    width: 662px;
    float: left;
}

.showcaseButton{
    padding-top: 6px;
}
/****** END HOMEPAGE ***********************************************************************************************************/



/* ABOUT ********************************************************************************************************************/

#shinyPeople{
    position: absolute;
    bottom: 5px;
    left: -11px;
}



#shinyPeople li{
    float: left;
    width: 420px;
}

#shinyPeople li#shinyFirstMan{
    margin-right: 80px;
}

#shinyPeople li img{
    float: left;
}

.shinyname{
    margin-top: 35px;
}

.shinydesc{
    margin-top: 20px;
}


#services{
    margin-top: 25px;
    margin-bottom: 25px;
}

#services li{
    float: left;
    margin-right: 40px;
}

#services li#lastService{
    margin-right: 0px;
}

#services p.snumber{
    font-size: 72px;
    font-weight: bold;
    line-height: 75px;
    float: left;
    color: #afb7c3;
}



.serviceBox {
    float: left;
    margin-left: 14px;
    width: 198px;
    height: 74px;
    background: url(../img/serviceBox2.jpg) no-repeat;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;

}

.serviceBox p{
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-shadow:0 1px 1px white; 
    color: #464646;
    margin-top: 15px;
}



/****** END ABOUT ***********************************************************************************************************/



/* PORTFOLIO ********************************************************************************************************************/

#topPorfolioGradient{
    margin-top: 60px;
    
    height: 366px;

    background: url(../img/topBottomGradients_O.png) repeat-x;

}

#bottomGradient{
    height: 72px;
     background: url(../img/bottomGradient.png) repeat-x;
   
}

#pgrid {
    background: url(../img/gridBg2.png) repeat-x;
    position: relative;
-moz-user-select: none;
-khtml-user-select: none;
}

#pgrid, .rollSlider{
    position: relative;
    height: 151px;
}

#slideScreen {
    /*position: absolute;*/
    position: relative;
    height: 151px;
    overflow:  hidden;
}

#slides {
    height: 4000px;
}

.portfolioThumb {
    width: 163px;
    height: 113px;
    cursor: pointer;
    position: relative;
}


.portSelected {
    z-index: 10;
    left: 3px;
    top: 3px;
    position: absolute;
    background: url(../img/portSelected.png) no-repeat;
    width: 163px;
    height: 113px;
}

#tgridShadow{
    height: 15px;
    background: url(../img/topGridShadow.png) repeat-x;
    position: absolute; top: 0px;
    width: 100%;
    z-index: 100;
}

#bgridShadow{
    height: 15px;
    background: url(../img/bottomGridShadow.png) repeat-x;
    position: absolute; bottom: 0px;
    width: 100%;
    z-index: 100;

}

#pgrid ul{
    padding-top: 17px;
    width: 775px;
    position: relative;
    left: -4px;
}


#pgrid ul li{
    float: left;
    margin-right: 28px;
}

#pgrid ul li.lastPortfolioThumb{
    margin-right: 0px;
}



#portfolioDetail{
    position: relative;
    left: -24px;
    top: 27px;
}

.pDetail{
    position: absolute;
    width: 920px;
    height: 240px;
}

.pDetail p{
    margin-top: 10px;
    margin-left: 453px;
    width: 465px;
}

.pDetail a{
    
}

.imgDetail{
    margin-right: 34px;
    float: left;
}

.invisibleDetail{
    display: none;
}

#portfolioDetail .siteLink{
    position: absolute;
    bottom:  50px;
    left: 455px;
    background: url(../img/linkEye.png) 0px -1px no-repeat;
    padding-left: 40px;
    color: #333;
}

#portfolioDetail .siteLink:hover{
    color: #2863b2;
    text-decoration: none;
    background: url(../img/linkEye.png) 0px -36px no-repeat;

}

.firstBHead{
    margin-top: 0px;
}

#scroller{
    position: absolute;
    right: 0px; top: -150px;
    width: 135px; height: 150px;
    background: url(../img/scrollerStrech.png) no-repeat;   
    overflow: hidden;  
}

#slideUp, #slideDown{   
    position: absolute;
    right: 15px;
    width: 53px;
    height: 50px;
    display: block;
}

#slideDown{
    top: 100px;
}

#slideNumbers{
    position: absolute;
    width: 53px; right: 15px;
    height: 500px;
}

.sNumber, #sFirstNumber{
    height: 65px;
    width: 53px;
    text-align: center;
    font: 40px/36px Helvetica, Arial;
    line-height: 65px;
    /*border: solid 1px green;*/

}

#sFirstNumber{
    height: 42px;
    line-height: 40px;
}

#titleLeft{
    width: 460px;
    float: left;
}

#clients li{
    margin-bottom: 20px;
}

#clients li p{
    margin-top: 5px;
    color: #6d6b6b;
}

.slideNumber {
    cursor: pointer;
    text-shadow:0 1px 1px #cacaca;                
}

.slideNumber:hover{
    color: #2863b2;
}

.feedback{
    text-align: justify;
    color: #6d6b6b;
}

.feedback:hover{
    color: #444;
}

.clientFeedback{
    margin-top: 20px;
    text-align: right;
    font: 20px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
    margin-bottom: 40px;

}

/****** END PORTFOLIO ***********************************************************************************************************/



/* SOFTWARE ********************************************************************************************************************/



#aboveGradientSpace  .applicationBox{
    margin-top: 75px;
}

.applicationBox{
    position: relative;
}

.applicationBox a{
    color: #333;
    text-decoration: none;

}

.applicationBox h4{
    position: relative;
    top: -15px;
}

.applicationBox p{
    color: #6d6b6b;
}

.softwareIcon{
    float: left;
    margin-right: 65px;
}

.softwareDetails{
    width: 592px; height: 95px;
    background: url(../img/softwareStrip.png) no-repeat;
    position: absolute; top: 135px;
    left: 300px;
}

.softwareButtons{
    width: 49px;
    height: 89px;
    float: left;
    position: relative;
    left: 45px;
    margin-top: 5px;
}

.eye{
    position: absolute;
    top: 46px;
    width: 28px; height: 22px;
    right: 40px;
    background:url(../img/eye.jpg) no-repeat;
}

.softwareHomepage{
    z-index: 1;
    position: relative;
}
    
.softwareHomepage:hover{ color: #9a3183; }

.softwareHomepage:hover + .eye, .eye:hover{
    background: url(../img/eye.jpg) no-repeat right;
}

.underGradient{
    position: relative;
    height: 336px;
    background: url(../img/underGradient.png) repeat-x bottom;

}


.downloadButton, .buyButton{
    margin-left: 13px;
    margin-top: 14px;
}

.downloadButton{
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/downloadIcon.png) no-repeat top;
    
}.downloadButton:hover{
    background: url(../img/downloadIcon.png) no-repeat bottom;
}

.buyButton{
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/buyIcon.png) no-repeat top;
    
}.buyButton:hover{
    background: url(../img/buyIcon.png) no-repeat bottom;
}

/****** END SOFTWARE ***********************************************************************************************************/




/* CONTACS ********************************************************************************************************************/

#contactShifter{
    position: absolute;
    top: 147px;
}

#contactForm{
    width: 347px; height: 296px;
    background: url(../img/contactForm.png) no-repeat;
    position: absolute;
    left: 50px; top: 12px;
}

#contactForm input{
    width: 273px; height: 27px;
    background: none; border: none;
    position: absolute;
    top: 15px; left: 29px;
    outline: none;
    padding-left: 7px; padding-right: 7px;
    color: #555;
    line-height: 27px;
    padding-top: 3px;
}

#contactForm textarea{
    width: 277px; height: 113px;
    background: none; border: none;
    position: absolute;
    left: 29px; top: 25px;
    outline: none;
    padding: 5px;
    color: #555;
    top: 52px;

    resize:none;
}

#sendMessageButton{
    width: 289px;
    height: 39px;
    background: url(../img/sendMessageButton.png) top no-repeat;
    position: absolute;
    top: 239px; left: 29px;
}

#sendMessageButton:hover{
    cursor: pointer;
    background: url(../img/sendMessageButton.png) center no-repeat;
}

#sendMessageButton:active{
    background: url(../img/sendMessageButton.png) bottom no-repeat;
}

#contactDetails{
    position: absolute;
    width: 347px; height: 321px;
    background: url(../img/contactDetails.png) no-repeat;
    left: 520px;
}

#contactDetails ul{
    margin-left: 100px;
    margin-top: 23px;
}
#contactDetails ul li{
    line-height: 58px;
    height: 58px;
}
 
#vCard{
    margin-top: 48px;
} 

#whiteBandSpace p{
    line-height: 85px;
    font-size: 30px;
    text-align: center;
    width: 960px;
}

.userFeedbackNegative{
    background: url(../img/feedbackPoint.png) -15px;
    width: 15px;
    height: 15px;
}

.userFeedbackPositive{
    background: url(../img/feedbackPoint.png) 0px;
    width: 15px;
    height: 15px;
}

#textFeedback{
    right:  23px;
    top: 167px;
    position: absolute;
    display: none;
}
#emailFeedback{
    right:  23px;
    top: 30px;

    position: absolute;
    display: none;
}

#contactFormFeedback{
    background: url(../img/formContactFeedback.png);
    width: 300px; height: 29px;
    position: absolute;
    left: 24px;
    top: -40px;
    padding-top: 15px;
    text-align: center;
    font-weight: bold;
    text-shadow:0 1px 1px white;
    color: #9a3183;
}

/****** END CONTACS ***********************************************************************************************************/

/******* BLOG ************/

#topGradientBlog{
    margin-top: 60px;

    height: 260px;
    background: url(../img/blogGradient.png) repeat-x 0px 5px;
    margin-bottom: -30px;
}

#blogTitle{
    color: #333333;
}

#blogTitle strong{
    font: 29px/40px "MuseoSeven", Helvetica, Arial, sans-serif;
}

#twitter{
    width: 36px;
    height: 31px;
    background: url(../img/twitterIcon.png) no-repeat;
    position: absolute;
    top: 80px;
    left: 15px;
}

#twitterBody{
    position: absolute; top: 127px;
    width: 550px;
    height: 50px;
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: #777;  
}

.text a, .text a:visited{
    color: rgb(77, 99, 153);
}

.leftPostPart{

    width: 550px;
    float: left;
}

.leftPostPart h2{
    margin-top: 15px;
} 

.rightPostPart{
    /*margin-top: 20px;*/
    margin-top: 6px;
    position: relative;
}

.rightPostPart{
    margin-left: 618px;
    width: 250px;
}

.text{
    margin-top: 15px;
}

.text p{
    line-height: 1.7em;
    margin-top: 20px;
    margin-bottom: 20px;
}

.metadata ul{
    margin-top: 30px;
}

.metadata ul li{
    margin-bottom: 10px;
}

.post{
    margin-bottom: 60px;
    font-size: 13px;
    color: #333;
}

.post strong{
    font-weight: normal;
}

.post em{
    font-style: normal;
}

.post h2 a, .post h2 a:visited{
    color: #333;
}

.postNav{
    height: 64px;
    position: relative;
}

.postNav a, .postNav a:visited{ 
    color: #333;   
}

.postNav ul{
    width: 250px;

    position: absolute;
    bottom: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;

}

.postNav li{
    float: left;
    width:  33%;
    font: 18px "MuseoThree", Helvetica, Arial, sans-serif;
}

.text ul li{
    list-style: circle;
    line-height: 1.7em;
}

.ptop{
    text-align: center;
}

.polder{
    text-align: right;
    width: 34%;
}


.post hr, hr.grayHr{
    border: none;
    height: 3px;
    background-color: #e6e6e6;
}

hr.grayHr{
    width: 870px;
}

.postDate{
    height: 18px;
    background: url(../img/postDate.png) no-repeat;
    padding-left: 30px;
}

.postComment{
    
    height: 18px;
    background: url(../img/postComments.png) no-repeat;
    padding-left: 30px;

}

.postUrl{
    height: 18px;
    background: url(../img/postUrl.png) no-repeat;
    padding-left: 30px;

}

.postTag{
    height: 18px;
    background: url(../img/postTag.png) no-repeat;
    padding-left: 30px;

}

.metadata ul {
    margin-bottom: 30px;
}

.metadata ul li{
    font: 18px "MuseoThree", Helvetica, Arial, sans-serif;
    color: #777;
    margin-bottom: 15px; 

}

.metadata ul li a, .metadata ul li a:visited{
    color: #777;
}

#postnavigation{
    margin: 0px auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 400px;
    
}

#postnavigation li{
    font: 18px "MuseoThree", Helvetica, Arial, sans-serif;
    float: left;
    margin-right: 30px;
}

#postnavigation li a, #postnavigation li a:visited{
    color: #444;
}

.disabledLink{
    text-decoration: line-through;
}

#commentHeader{
    margin-bottom: 20px;
    font: 18px "MuseoThree", Helvetica, Arial, sans-serif;
}
#commentHeader a, #commentHeader a:visited, .blogcomment a, .blogcomment a:visited{
    color: rgb(77, 99, 153);
}

.blogcomment{
    margin-top: 25px;
    width: 550px;
}

#comments hr.grayHr{
    width: 550px;
}

.blogcomment .text{
    font-size: 13px;
}


#recaptcha_response_field {
    border:1px solid #808080 !important;
}

.authorInfo p{
    margin-top: 4px;
    font: 18px "MuseoThree", Helvetica, Arial, sans-serif;
    margin-left: 70px;
    margin-bottom: 10px;
}

.comment-time a, .comment-time a:visited{
    color: #8b8b8b;
}

.avatar{
    float: left;
}

#comment-form{
    font-size: 13px;
}

#comment-form label{
    display: block;
    margin-bottom: 5px;
}

.fieldWrapper{
    margin-top: 15px;
}

#comment-form label{
    font: 14px "MuseoThree", Helvetica, Arial, sans-serif;
}


#formRight input{
    height: 22px;
}

#formRight input, #formLeft textarea{
    border: solid 1px #808080;
    width: 340px;
    background-color: #EEF7FB;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#formButtons{
    margin-top: 20px;
    margin-bottom: 20px;
}

#submitButton{
    width: 151px;
    height: 32px;
    float: left;
}

.submitDisabled{
    background: url(../img/submitButton.png) no-repeat top;
}


.submitEnabled{
    cursor: pointer;
    background: url(../img/submitButton.png) no-repeat center;
}

.submitEnabled:active{
    background: url(../img/submitButton.png) no-repeat bottom;
}

#resetButton{
    width: 151px;
    height: 32px;
    background: url(../img/resetButton.png) no-repeat center;
    margin-left: 189px;

}

#resetButton:hover{
    cursor: pointer;
}

#resetButton:active{
     background: url(../img/resetButton.png) no-repeat bottom;   
}

.errorlist{
    color: #9a3183;
    margin-top: 10px;
}

#searchForm{
    width: 252px;
    height: 35px;
    position: absolute; right: 70px; top:133px;
    background: url(../img/searchForm.png) no-repeat top;   
}

#searchFormButton{
    position: absolute;
    top: 0px; right: 0px;
    height: 35px; width: 47px;
    background: url(../img/searchForm.png) no-repeat top right;   
}

#searchFormButton:hover{
    cursor: pointer;
}

#searchFormButton:active{
    background: url(../img/searchForm.png) no-repeat bottom right;       
}

#searchForm input:active{
 background: #f3f6fa; 
}

#searchForm input{
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
    color: #777777;
    position: relative;
    top: 8px;
    vertical-align: middle;
    left: 10px;
    width: 180px;
    height: 18px;
    outline: none;
    border: none;
    line-height: 15px !important;
    background: #f3f6fa;
}

.site_messages{
    color: #9a3183;
}

#logout{
    text-align: right;
    position: absolute;
    left: 450px;
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
}


#poweredBy{
    text-align: right;
    margin-right: 50px;
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
    color: #999;
}


/******** END BLOG ********/



/* COMMON THINGS ***************************************************************************************************************/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.center{
    text-align: center;
}

.wrapper960{
    width: 920px;
    margin: 0px auto;
    padding-left: 20px; padding-right: 20px;
    position: relative;
}

#whiteBand{
    height: 85px;
    position: absolute;
    top: 280px;
}

#whiteBandSpace{
    height: 85px;
    position: absolute;
    top: 292px;
}

#footerSpacer{
    height: 25px;
}

#aboveGradient{
    height: 365px;
    position: relative;
}

#aboveGradientSpace{
    height: 450px;
    position: relative;
}


#afterGradient{
    margin-top: 65px;
}

#prevButton{
    height: 29px; width: 94px;
    background: url(../img/nextPrevButtons_O.png) top left;
}
#prevButton:hover{ background: url(../img/nextPrevButtons_O.png) left center; cursor: pointer;}
#prevButton:active{ background: url(../img/nextPrevButtons_O.png) left bottom;}


#nextButton{
    height: 29px; width: 94px;
    background: url(../img/nextPrevButtons_O.png) top right;
}
#nextButton:hover{ background: url(../img/nextPrevButtons_O.png) right center; cursor: pointer;}
#nextButton:active{ background: url(../img/nextPrevButtons_O.png) right bottom;}

h2.margin-145{
    margin-top: 145px;
}


.mailL span{
    text-indent: -9999px;
   position : absolute;
   top : -9999px;
   left : -9999px;
   speak: none;
}

.mailL:hover{
  cursor:pointer;
}

/* 404 */

#searchForm404 {
    width: 252px;
    height: 35px;
    position: relative; left:640px; top:25px;
    background: url(../img/searchForm.png) no-repeat top;
}

#searchForm404 input:active{ background: #f3f6fa;  }

#searchForm404 input{
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
    color: #777777;
    position: relative;
    top: 10px;
    vertical-align: middle;
    left: 10px;
    width: 180px;
    height: 18px;
    outline: none;
    border: none;
    line-height: 15px !important;
    background: #f3f6fa;
}

#image404 { position: relative; height: 280px; width: 100%; }

#searchBox { width: 100%; height: 84px; }

#searchBox p {
    position: absolute; top: 315px;
    width: 600px;
    text-align: right;
    height: 50px;
    font: 15px "MuseoThree", Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: #777;      
}

.sharebuttons {
    text-align: center;
}

.sharebuttons img {
    margin-left:7px;
}

/****** END COMMON THINGS ******************************************************************************************************/