html,body
{
    height:100%;
    font-family:HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:100%;
    background-color:#f5f5f5;
    margin:0;
    padding:0;
}

#wrapper
{
    clear:both;
    height:680px;
    position:relative;
    width:750px;
    margin:0 auto;
    padding-top:50px;
}

#intro
{
    padding-top:5px;
    padding-bottom:4px;
    clear:both;
}

#intro img
{
    margin-right:-4px;
    padding:0;
}

#intro a.oneLink
{
    display:block;
    background:url(images/one.gif) top no-repeat;
    background-position:top left;
    width:60px;
    height:21px;
    float:left;
}

#intro a.oneLinkSelected
{
    display:block;
    background:url(images/one.gif) top no-repeat;
    background-position:center center;
    width:60px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.oneLinkEmpty
{
    display:block;
    background:url(images/one.gif) top no-repeat;
    background-position:bottom;
    width:60px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.twoLink
{
    display:block;
    background:url(images/two.gif) top no-repeat;
    width:83px;
    height:21px;
    float:left;
}

#intro a.twoLinkSelected
{
    display:block;
    background:url(images/two.gif) top no-repeat;
    background-position:center center;
    width:83px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.twoLinkEmpty
{
    display:block;
    background:url(images/two.gif) top no-repeat;
    background-position:bottom;
    width:73px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.threeLink
{
    display:block;
    background:url(images/three.gif) top no-repeat;
    width:102px;
    height:21px;
    float:left;
}

#intro a.threeLinkSelected
{
    display:block;
    background:url(images/three.gif) top no-repeat;
    background-position:center center;
    width:102px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.threeLinkEmpty
{
    display:block;
    background:url(images/three.gif) top no-repeat;
    background-position:bottom;
    width:102px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.fourLink
{
    display:block;
    background:url(images/four.gif) top no-repeat;
    width:92px;
    height:21px;
    float:left;
}

#intro a.fourLinkSelected
{
    display:block;
    background:url(images/four.gif) top no-repeat;
    background-position:center center;
    width:92px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.fourLinkEmpty
{
    display:block;
    background:url(images/four.gif) top no-repeat;
    background-position:bottom;
    width:92px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.fiveLink
{
    display:block;
    background:url(images/five.gif) top no-repeat;
    width:83px;
    height:21px;
    float:left;
}

#intro a.fiveLinkSelected
{
    display:block;
    background:url(images/five.gif) top no-repeat;
    background-position:center center;
    width:83px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.fiveLinkEmpty
{
    display:block;
    background:url(images/five.gif) top no-repeat;
    background-position:bottom;
    width:83px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.sixLink
{
    display:block;
    background:url(images/six.gif) top no-repeat;
    width:71px;
    height:21px;
    float:left;
}

#intro a.sixLinkSelected
{
    display:block;
    background:url(images/six.gif) top no-repeat;
    background-position:center center;
    width:71px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.sixLinkEmpty
{
    display:block;
    background:url(images/six.gif) top no-repeat;
    background-position:bottom;
    width:71px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.dotLink
{
    display:block;
    background:url(images/dot.gif) top no-repeat;
    width:50px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.aboutLink
{
    display:block;
    background:url(images/about.gif) top no-repeat;
    width:104px;
    height:21px;
    float:left;
}

#intro a.aboutLinkSelected
{
    display:block;
    background:url(images/about.gif) top no-repeat;
    background-position:center center;
    width:104px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.contactLink
{
    display:block;
    background:url(images/contact.gif) top no-repeat;
    width:105px;
    height:21px;
    float:left;
}

#intro a.contactLinkSelected
{
    display:block;
    background:url(images/contact.gif) top no-repeat;
    background-position:center center;
    width:105px;
    height:21px;
    float:left;
    cursor:default;
}

#intro a.fakeLink
{
    display:block;
    background:url(images/contact.gif) top no-repeat;
    width:0;
    height:0;
    clear:left;
}

h2
{
    margin:0 0 14px;
    padding:0;
}

#slider
{
    width:750px;
    height:500px;
    position:relative;
    margin:0 auto;
}

#sharer {
    position: absolute;
    left: 50%;
    right: 10px;
    margin-left: -90px;
    /*margin-top: -230px;*/
    background: transparent url(images/heartit.gif) no-repeat;
    background-position: 75px 0px;
    width: 177px;
    height: 40px;
    z-index: 0;
}

@media all and (max-width: 321px) {
    #sharer { display: none; }
}


#sharer.homeshare {
    z-index: 300;
    background: transparent url(/images/heartit.gif) no-repeat;
    background-position: 75px 0px;
    margin-top: -60px;
}

#sharer:hover { background: none; }
#sharer div
{
    display: none;
    text-align: center;
}
#sharer:hover div { display: block; }

#single #sharer { margin-top: -295px; }

#social
{
    width: 500px;
    margin-left: -55px;
}

#social_facebook 
{
    width:50px;
    height:21px;
    filter:alpha(opacity=40);
    opacity:0.4;
    -webkit-transition-duration: 0.20s;
    position:relative;
    float: left;
}

#social_facebook:hover
{
    -webkit-transition-duration: 0.20s;
    filter:alpha(opacity=100);
    opacity:1.0;
}

#social_twitter 
{
    display:inline;
    position:relative;
    filter:alpha(opacity=40);
    opacity:0.4;
    -webkit-transition-duration: 0.20s;
    width: 55px;
    height: 20px;
    float: left;
    margin: 0px 5px;
}

#social_twitter:hover
{
    -webkit-transition-duration: 0.20s;
    filter:alpha(opacity=100);
    opacity:1.0;
}

#social_flattr 
{
    /*display:inline;
    text-align:center;*/
    width:110px;
    height:20px;
    position:relative;
    /*top:-2px;*/
    filter:alpha(opacity=40);
    opacity:0.4;
    float: left;
}

#social_flattr:hover
{
    filter:alpha(opacity=100);
    opacity:1.0;
    -webkit-transition-duration: 0.20s;
}

.scroll
{
    height:500px;
    width:750px;
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    clear:left;
    background:#FFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel
{
    height:500px;
    width:750px;
    padding:20px;
}

#shade
{
    background:#f5f5f5 url(images/shade.jpg) no-repeat 0 0;
    height:50px;
    margin-top:8px;
}

ul.navigation
{
    list-style:none;
    margin:0;
    padding:0;
}

ul.navigation li
{
    display:inline;
}

ul.navigation a
{
    color:#000;
    text-decoration:none;
}

ul.navigation img
{
    border:none;
    margin-right:0;
    margin-top:-3px;
    width:30px;
    height:30px;
    opacity:0.2;
    filter:alpha(opacity=20);
    -webkit-transition-duration: 0.20s;
}

ul.navigation a:focus
{
    outline:none;
}

.scrollButtons
{
    position:absolute;
    top:205px;
    cursor:pointer;
}

.scrollButtons.left
{
    display:block;
    background:url(images/prev_.gif);
    width:90px;
    height:90px;
    text-decoration:none;
    left:-90px;
}

.scrollButtons.right
{
    display:block;
    background:url(images/next_.gif);
    width:90px;
    height:90px;
    text-decoration:none;
    right:-90px;
}

.hide
{
    display:none;
}

.style3
{
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#999;
    letter-spacing:1px;
}

.style3 a
{
    color:#868686;
}

.style3 a:hover
{
    color:#333;
    text-decoration:none;
}

.style4
{
    font-size:13px;
    font-family:"Times New Roman", Times, serif;
    color:#999;
    letter-spacing:1px;
}

#intro a.oneLink:hover,#intro a.twoLink:hover,#intro a.threeLink:hover,#intro a.fourLink:hover,#intro a.fiveLink:hover,#intro a.sixLink:hover,#intro a.aboutLink:hover,#intro a.contactLink:hover
{
    background-position:center center;
}

ul.navigation img:hover,ul.navigation img.selected,ul.navigation a.selected img
{
    opacity:1.0;
    filter:alpha(opacity=100);
    -webkit-transition-duration: 0.20s;
}

.scrollButtons.left:hover,.scrollButtons.right:hover
{
    background-position:bottom;
}