/* body */

body {
background:#3A3632;
font: normal 62.5% "Helvetica", Arial, Helvetica, Geneva, sans-serif;
text-align:center;
}

/* Wireframing */

div {
margin:0;
padding:0;
outline:0px dotted #ccc;
}

/* ---------------
   Layout elements
   --------------- */

/* Container */

#container {
width:800px;
margin:30px auto;
padding:none;
background:#3A3632;
border-style:none;
}


/* Zoot logo */

#logotype {
float:left;
width:800px;
height:280px;
}

#logotype img {
float:left;
border-style:none;
margin:0 0 0 49px;
}

/* intro */

#intro {
float:left;
margin:none;
width:800px;
height:auto;
margin:none;
text-align:left;
}

/* Column 01 */

#col01 {
float:left;
margin:0 0 0 56px;
padding:11px 25px 0 0;
width:400px;
text-align:left;
}

#col01 img {
margin:5px 0 7px 0;
border-style:none;
}

/* Column 02 */

#col02 {
float:left;
padding:38px 45px 0 0;
width:10px;
text-align:left;
}

#col02 img {
margin:5px 0 7px 0;
border-style:none;
}

/* Column 03 */

#col03 {
float:left;
padding:9px 20px 0 0;
width:190px;
text-align:left;

}

#col03 img {
margin:5px 0 7px -1px;
border-style:none;
}

/* Footer */

#footer {
clear:both;
margin:200px 0 0 50px;
text-align:left;
}

#footer img {
float:left;
border-style:none;
margin:50px 0 0 0;
}

#footer p {
float:left;
border-style:none;
font-size:1.5em;
margin:60px 0px 0 15px;
letter-spacing: 0.9px;
}

/* -------TYPOGRAPHY-------- */

h1 {
font-size: 1.5em;
letter-spacing:1px;
color:#fff;
line-height: 140%;
font-style: normal;
font-weight: normal;
}

h2{
font-size:3.2em;
}

h3 {
font-size: 1.5em;
letter-spacing:0.95px;
line-height: 50%;
color:#fff;
padding:10px 0 0 0;
font-weight: normal;
font-style: normal;
}

h4 {
font-size:1em;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#fff;
}

p {
font-size: 1em;
letter-spacing: 1px;
color:#fff;
line-height: 140%;
font-weight: normal;
font-style: normal;
}

a {
color:#efd058;
text-decoration:underline;
}

a:hover {