*{
margin:0;
padding:0;
}

html, body{
width:100%;
height:100%;
min-height:100%;
background-color:#fff;
font-size:100%;
font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
position:relative;
min-height:100%;
height:auto !important;
height:100%;
width:960px;
margin:auto;
}

#logo, #header #logo{
background:none;
width:146px;
height:73px;
position:relative;
margin:10px 0 10px 10px;
display: block;
font-size:70px;
text-decoration:none;
}


#header{
height:103px;
width:100%;
position:relative;
overflow:hidden;
}

#header h1{
position:absolute;
left:145px;
bottom:20px;
font-size:30px;
color:#acacac;
font-style:italic;
font-family:Georgia, serif;
font-weight:normal;
}

#mootools{
position:absolute;
top:1px;
right:1px;
color:#c0c0c0;
font-size:11px;
}

#header #mootools a{
color:#96bcd6;
font-size:11px;
font-style:normal;
font-family:inherit;
margin:0;
}

#header #mootools a:hover{
color:#e2847e;
}

#where{
position:absolute;
bottom:5px;
left:0;
font-size:14px;
font-style:italic;
font-family:Georgia, serif;
color:#bebebe;
}

#header ul{
list-style:none;
position:absolute;
bottom:3px;
right:0;
width:400px;
}

#header ul li{
float:right;
}

#header a, #header #logo{
color:#375b8f;
font-family:Georgia, serif;
font-style:italic;
margin:10px 0 10px 10px;
}

#header a{
font-size:30px;
}

#header a:hover{
color:#e74747;
}

.mif-m{
color:#e76f01;
}

.mif-i{
color:#375b8f;
}

.mif-f{
color:#e74747;
}

.mif-tree{
color:#2cad59;
}

.mif-dot{
color:#588ed1;
}



#main{
position:relative;
width:100%;
}

table.main{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}

table.main tr{
height:200px;
width:100%;
text-align:center;
vertical-align:center;
}

table.main td{
width:33.33%;
height:200px;
border:solid 1px #dbdbdb;
}

.main a{
font-size:50px;
width:100%;
height:100%;
display:block;
line-height:200px;
}

.main div.center{
font-size:120px;
}

.main div.version{
color:#c8c8c8;
}

a.tree, .tree, .menu-center{
color:#2cad59;
background:url('../images/tree.gif') no-repeat;
text-decoration:none;
}

.menu-center{
background-image:url('../images/mifmenu.jpg');
}

a.menu, .menu{
color:#E76F01;
text-decoration:none;
}

a.menu:hover{
color:#41879e;
}

.main div.tree-download, .main div.menu-download{
font-size:40px;
color:#969696;
}

a.tree:hover{
color:#e13a2d;
}

a.tree:active{
color:#c1281c;
}

a.docs{
color:#73ad2c;
text-decoration:none;
}

a.docs-tree{
background:url('../images/tree_docs.jpg') no-repeat;
}

a.menu-docs{
background:url('../images/menu-docs.jpg') no-repeat;
}

a.docs:hover{
color:#df682f;
}

a.docs:active{
color:#f0621e;
}

a.demos{
color:#2f79aa;
text-decoration:none;
}

a.demos-tree{
background:url('../images/tree_demos.jpg') no-repeat;
}

a.menu-demos{
background:url('../images/menu-demos.jpg') no-repeat;
}

a.demos:hover{
color:#c91454;
}

a.demos:active{
color:#a31043;
}

a.download{
color:#1da57c;
text-decoration:none;
}

a.download:hover{
color:#ca132b;
}

a.download:active{
color:#9f0f21;
}


a.file{
color:#2f79aa;
text-decoration:none;
}

a.file:hover{
color:#c91454;
}

a.file:active{
color:#a31043;
}


a.branches{
color:#DADDDF;
text-decoration:none;
}

a.branches:hover{
color:#C8CBCD;
}

a.branches:active{
color:#BFC1C4;
}


.download-tree{
background:url('../images/tree_builder.jpg') no-repeat;
}

.menu-download{
background:url('../images/menu-download.jpg') no-repeat;
}

.download-tree a, .download a{
color:#3c7567;
font-size:40px;
display:inline;
line-height:50px;
text-decoration:none;
}

.download-tree a:hover, .download a:hover{
color:#a63633;
}

.download-tree a:active, .download a:active;{
color:#96302e;
}

.main .download-tree a.inline, .main .download a.inline{
text-decoration:none;
font-size:30px;
line-height:1;
}

.main .download-tree a.inline:hover, .main .download a.inline:hover{
color:#a63633;
}

.main .download-tree a.inline:active, .main .download a.inline:active{
color:#96302e;
}

a.download-menu{
color:#3c7567;
text-decoration:none;
}

a.code, a.trunk{
color:#aec2e3;
text-decoration:none;
}

a.download-menu:hover{
color:#a63633;
}

a.download-menu:active{
color:#96302e;
}

a.code:hover, a.trunk:hover{
color:#df8a95;
}

a.code span{
font-size:12px;
}

a.code .google_g1, a.code .google_g2{
color:#2420b7;
}

a.code .google_o1, a.code .google_e{
color:#ac3c44;
}

a.code .google_l{
color:#2bb74a;
}

a.code .google_o2{
color:#ebd225;
}


.tree-html-demo{
background:url('../images/tree_html_demo.jpg') no-repeat;
}

.tree-checkbox-demo{
background:url('../images/tree_checkbox_demo.jpg') no-repeat;
}

.tree-dom-demo{
background:url('../images/tree_dom_demo.jpg') no-repeat;
}

.tree, .menu-center {
font-family:Georgia;
font-size:60px;
font-style:italic;
font-weight:normal;
}

.tree .version, .menu-center .version{
color:#C3C3C3;
font-size:30px;
}

.main a.inline{
display:inline;
font-size:12px;
color:#3978B5;
}

.tree-image{
background:url(/assets/images/tree-image.jpg) no-repeat center center;
}

.menu-image{
background:url('../images/menu-image.jpg') no-repeat center center;
}

.mif-menu{
color:#4CB0E9;
font-style:italic;
font-family:Georgia;
}

a.mif-menu{
text-decoration:none;
background:url('../images/mifmenu.jpg') no-repeat;
}

a.mif-menu:hover{
color:#E92859;
}

a.mif-menu:active{
color:#E90016;
}