body { 
background: #fff;
color: #000;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
line-height: 1.5;
font-size: 17px;
}
a { color: #12c; }
a:hover { color: #c12; }
a img { border: none; margin: 0; padding: 0; }
h2 { letter-spacing: -1px; }
#wrap {
margin: 20px auto;
width: 940px;
padding: 0 20px;
}
#menu {
font-size: 21px;
color: #FF00AA;
font-weight: 700;
letter-spacing: -1px;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu ul li {
display: inline; 
padding: 0 20px 0 0;
}
#menu ul li a { color: #FF00AA; text-decoration: none; }
#menu ul li a:hover { color: #AA00FF; }
#heading h1 {
padding: 10px;
margin: 20px 0 0 0;
font-size: 100px;
background: #00AAFF;
color: #fff;
font-weight: 700;
letter-spacing: -10px;
line-height: 1;
}
#content { 
margin: 20px 0;
}
.lt p {
background: #DFFF9F;
padding: 10px; 
}
.tp p {
padding-top: 10px;
}
.tp a { background: #DCEBF8; padding: 5px 10px; text-decoration: none; }
.tp h2 { background: #FFF99E; padding: 10px; letter-spacing: -1px; }
.tp img { float: left; margin: 0 20px 0 0; }
h2 { color: #3E4045; }
.clear { clear: both; }
.column1 {
float: left;
width: 300px;
}
.column2 {
float: left;
width: 300px;
margin-left: 20px;
}
.column3 {
float: right;
width: 300px;
margin-left: 20px; 
}
#footer {
margin: 20px 0;
padding: 10px;
background: #3E4045;
color: #fff;
font-size: 19px;
letter-spacing: -1px;
}
#footer a { color: #fff88a; text-decoration: none;}
#footer a:hover { border-bottom: 1px dotted #fff88a; }
.left { float: left; }
.right { float: right; }
