* {
  margin: 0;
  padding: 0;
}

body 
{
    font-family:Calibri,sans-serif;
    color: white;

	background-color:#000;
	margin-top:30px;
    min-width:810px;
    min-height:480px;
    
    background-repeat:no-repeat;
    background-position:50% 97px;
    background-attachment:fixed;
}

a
{
    color: #8bb713;
}

a:active
{
    outline: none;
}

a:focus
{
    -moz-outline-style: none;
}

.email
{
    color: #8bb713;
}

label, h3
{
}

#header_background 
{
    background-image:url(../images/header.png);
    background-repeat:repeat-x;
	height:67px;
}

#header 
{
    position:relative;
    left:116px;
    top:-98px;
    width:385px;
    padding:0; 
    margin:0 auto; 
    list-style-type:none;
}

#header li 
{
    float:left;
    display:block;
    width:125px;
    border:1px solid #000;
    border-right-width:0px;
    border-left-width:0px;
}
  
#header a 
{
    background-image:url(../images/button.png);
    background-repeat:no-repeat;
    position:absolute;
    top: 30px;
    width:125px;
    height: 38px;
    text-align:center; 
    text-decoration:none; 
    color: white;

    font-size:16px;
    padding-top:15px;
}
  
#header a:hover 
{
    background-position:0px -53px ;
}

#copyright
{
    clear: both;
    width: 100%;
    padding-top: 45px;
}

#copyright p
{
    font-size:10px;
    color: #2d4106;
    text-align: center;
}

#logo
{
    background-image:url(../images/header_logo.png);
    background-repeat:no-repeat;
	width:810px;
	height:67px;
	margin-left:auto;
	margin-right:auto;
}

#logo_link 
{
    display: block;
    width:300px;
    height:67px;
    text-indent:-9999px;
}

#logo_link:hover
{
    background-image:url(../images/header_logo.png);
    background-repeat:no-repeat;
    background-position: 0px -67px;
}


#logo_vinnie
{
	background-image:url(../images/vinnie.png);
    background-repeat:no-repeat;
        
	height: 132px;
	width: 89px;
	z-index:5;
	margin-left:25px;
    position:relative;
    right: -375px;
}

.banners
{
    background-repeat:no-repeat;
    width: 1024px;
    margin-left:auto;
    margin-right:auto;
}

#banners_texts
{
    left:684px;
    top:-345px;
    width:210px;
}

.banner_text
{
    background-color: #242424;
    font-size: 12px;
    color: white;
    padding: 6px;
    width:210px;
    
    border: 2px solid #111010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
}

.banner_text_headline
{
    font-size: 14px;
    color: #dfc996;
}

.banner_text a
{
    background-image:url(../images/button_pink.png);
    background-repeat:repeat-x;
    padding-left: 4px;
    padding-right: 4px;
 
    border: 1px solid #111010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    
    font-size: 14px;
    text-decoration:none;
    color:white;
    float:right;
    vertical-align: bottom;
}

.banner_text a:hover
{
    background-position:0px -18px;
}

.content
{
    clear: both;
    width: 780px;
    margin:0 auto;
    margin-top:40px;
} 

.page_title
{
    font-size: 30px;
    color: white;
    margin-bottom:30px;
}

#greenboxes
{
    list-style-type:none;
}

#greenbox_margin_big
{
    margin-left: 120px;
}

#greenbox_margin_medium
{
    margin-left: 70px;
}

#greenbox_margin_small
{
    margin-left: 55px;
}

.greenbox_normal
{
    float:left;
    margin-left: 1px;
    padding-top: 50px;

    width:173px;
    height: 325px;
    text-indent:-9999px;
}

.greenbox_medium
{
    float:left;
    padding-top: 75px;

    width:139px;
    height:267px;
    text-indent:-9999px;
}

.greenbox_small
{
    float:left;
    padding-top: 105px;

    width:103px;
    height: 199px;
    text-indent:-9999px;
}

.greenbox_titled
{
    text-indent: 0px;
    text-align:center; 
    text-decoration:none;
    color:white;
    padding-top: 8px;
    font-size: 19px;
}

#greenbox_woz
{
    background-image:url(../images/woz/greenbox.png);
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_woz:hover
{
    /*background-position: 0px -333px;*/
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_7million
{
    background-image:url(../images/7million/greenbox.png);
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_7million:hover
{
    background-position: 0px -267px;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_dadsdead
{
    background-image:url(../images/dadsdead/greenbox.png);
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_dadsdead:hover
{
    background-position: 0px -199px;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_team
{
    background-image:url(../images/greenboxes_company.png);
    background-position: -346px 0px;
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_team:hover
{
    background-position: -346px -333px;
}

#greenbox_jobs
{
    background-image:url(../images/greenboxes_company.png);
    background-position: -173px 0px;
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_jobs:hover
{
    background-position: -173px -333px;
}

#greenbox_contact
{
    background-image:url(../images/greenboxes_company.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_contact:hover
{
    background-position: 0px -333px;
}

#greenbox_legal
{
    background-image:url(../images/greenboxes_company.png);
    background-position: -519px 0px;
    background-repeat:no-repeat;
    display: inherit;
    width: inherit;
    height: inherit;
}

#greenbox_legal:hover
{
    background-position: -519px -333px;
}

.blackbox
{
    border: 1px solid #272626;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);

    font-family: Arial;
    
    background-color:black;
    margin-top:50px;
    padding:20px;
}

.blackbox p
{
    margin-bottom: 0.6em;
    text-align:justify;
    font-size:90%;
}

.blackbox p:first-child
{
    color:#8bb713;
    font-size:1em;
}

.blackbox a:hover
{
    color: white;
}

.blackbox h2
{
    font-size:1em;
    margin-top:1.6em;
    margin-bottom: 0.6em;
}

#portrait_kw
{
    float:left;
    margin-right:1em;
}

#portrait_pisi
{
    float:left;
    margin-right:1em;
}

#sevenmillion_title
{
    color:#f3ddaa;
}

.transparentbox
{
    padding: 8px;
    background-image:url(../images/transparent.png);

    border: 1px solid #292726;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(border-radius.htc);
}

.transparentbox p:first-child
{
    text-align: center;
    color: #f3ddaa;
}

.transparentbox a
{
    background-image:url(../images/button_pink.png);
    background-repeat:repeat-x;
    padding-left: 4px;
    padding-right: 4px;
 
    border: 1px solid #111010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    
    font-size: 14px;
    text-decoration:none;
    color:white;
    display:block;
    width:90px;
    text-align:center;
    margin:auto;
    margin-top:1.5em;
}

.transparentbox a:hover
{
    background-position:0px -18px;
}

#navigator
{
    background-image:url(../images/navigator.png);
    background-repeat:repeat-x;
    clear:both;
    margin:0 auto;
    position:relative;
    left:111px;
    width:373px;
    height:25px;
    margin-bottom:-29px;

    border: 1px solid #292726;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(border-radius.htc);
}

#navigator span
{
    float:left;
    width: 16px;
    height:25px;
    font-size: 20px;
    text-align: center;
}

#navigator span#navigator_current
{
    float:left;
    width: 113px;
    height:20px;
    font-size: 12px;
    color: #8bb713;
    padding-top:5px;    
}

#navigator a
{
    color: white;
    float:left;
    width:114px;
    height:20px;
    text-align: center;
    text-decoration: none;
    padding-top:5px;    
    font-size: 12px;
}

#navigator a:hover
{
    background-image:url(../images/navigator.png);
    background-position:  0px -25px;
    background-repeat:repeat-x;
}

#dadsdead_logo
{
    background-image:url(../images/dadsdead/dadsdead_logo.png);
    background-repeat:no-repeat;
    width:381px;
    height:91px;
    position: relative;
    top:-593px;
    left:365px;
}

#dadsdead_image
{
    background-image:url(../images/dadsdead/dadsdead_character.jpg);
    background-repeat:no-repeat;
    width:365px;
    height:434px;
    position: relative;
    top:25px;
    left:375px;
}

#dadsdead_screens
{
    background-image:url(../images/dadsdead/dadsdead_screenshots.jpg);
    background-repeat:no-repeat;
    width:429px;
    height:89px;
    position: relative;
    top:-101px;
    left:-3px;
}

#dadsdead_text
{
    width:350px;
    position: relative;
    top:-615px;
}

#dadsdead_text p:first-child
{
    font-size:90%;
    color:white;
}

#dadsdead_text a
{
    background-image:url(../images/navigator.png);
    background-repeat:repeat-x;

    font-size: 12px;
    text-align: center;
    text-decoration: none;
    padding-top:5px;    
    color:#2876B7;
    
    border: 1px solid #292726;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(border-radius.htc);

    display:block;
    margin:auto;
    margin-top:20px;
    width:90px;
    height:20px;
}

#dadsdead_text a:hover
{
    background-position:  0px -25px;
}

#dadsdead_blackbox
{
    height:455px;
}

.dadsdead_title
{
    color:#2876B7;    
}


#sevenmillion_logo
{
    background-image:url(../images/7million/7million_logo.png);
    background-repeat:no-repeat;
    width:311px;
    height:94px;
    position: relative;
    top:-575px;
    left:400px;
}

#sevenmillion_image
{
    background-image:url(../images/7million/7million_background.jpg);
    background-repeat:no-repeat;
    width:780px;
    height:523px;
    position: relative;
    top: 0px;
    left: 0px;

    border: 1px solid #272626;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
}

#sevenmillion_text
{
    width:300px;
    position: relative;
    top:-550px;
    left: 235px;
}

#sevenmillion_blackbox
{
    padding:0;
    width:782px;
    height:523px;
}

.centered
{
    margin: auto;
    width:696px;
}

.article .title
{
    color:#8bb713;
    float:left;
    font-size:1.1em;
    line-height:1.625em;
}

.article .date
{
    color:#8bb713;
    float:right;
    font-size:1.1em;
}

.article p
{
    padding-top:10px;
    padding-left:10px;
    clear:both;
}