@charset "utf-8";

body {
margin: 0;
background: url('http://www.imolta.com/images/bg-body.gif') repeat-x;
font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
font-size: 14px;
line-height: 20px;
}

img {
border: 0;
}

.clear {
clear: both;
}

#container {
width: 900px;
margin: 0 auto;
}

#header {
height: 151px;
}

#navigation {
padding-left: 465px;
height: 60px;
width: 435px;
background: url('http://www.imolta.com/images/bg-nav.gif') no-repeat;
}

#featured {
width: 900px;
height: 289px;
background: url('http://www.imolta.com/images/bg-slides.jpg') no-repeat;
}

#slides {
width: 500px;
height: 289px;
overflow: hidden;
float: left;
}

#indextext {
width: 400px;
height: 289px;
float: left;
}

#main {
width: 900px;
}

#footer {
clear: both;
width: 900px;
background-color: transparent;
padding: 15px;
text-align: right;
font-size: .8em;
}

.project-wrap {
width: 280px;
margin: 30px 10px 10px 10px;
background-color: transparent;
border-top: dotted 1px #000;
float: left;
padding-top: 15px;
}

.project-int {
width: 280px;
background-color: #fff;
}

.project-head {
width: 260px;
padding: 90px 0 0 20px;
height: 35px;
font-style: italic;
font-size: 1.5em;
color: #fff;
letter-spacing: -1px;
}

.project-head a:link {color:#fff; text-decoration: none;}
.project-head a:visited {color:#fff; text-decoration: none;}
.project-head a:hover {color:#fff; text-decoration: underline;}

.project-desc {
padding: 15px;
height: 101px;
}

.project-card {
width: 400px;
height: 450px;
padding-left: 400px;
}

#pp-content {
padding: 20px 20px 20px 0;
width: 380px;
}

#pp-int {
padding: 20px;
width: 340px;
height: 370px;
background-color: #222;
color: #fff;
font-size: .85em;
line-height: 1.5em;
}

#pp-int a:link {color:#52a3ff; text-decoration: none;}
#pp-int a:visited {color:#52a3ff; text-decoration: none;}
#pp-int a:hover {color:#52a3ff; text-decoration: underline;}

.pp-head {
font-style: italic;
font-size: 1.8em;
color: #52a3ff;
letter-spacing: -1px;
}

.pp-link {
width: 340px;
text-align: right;
font-family: Tahoma, Helvetica, Arial, sans-serif;
}

#contact-frame {
width: 220px;
height: 220px;
padding: 30px;
background-color: #222;
color: #fff;
font-size: .85em;
line-height: 1.5em;
}

.graylinks a:link {color:#52a3ff; text-decoration: none;}
.graylinks a:visited {color:#52a3ff; text-decoration: none;}
.graylinks a:hover {color:#52a3ff; text-decoration: underline;}

#about-frame {
width: 740px;
height: 540px;
padding: 30px;
background-color: #222;
color: #fff;
font-size: .85em;
line-height: 1.5em;
}

.about-column {
width: 200px;
float: left;
}

/****** Projects ******/

#project-8thgen { background: url('http://www.imolta.com/images/topper-8thgen.jpg'); }
#project-tinroom { background: url('http://www.imolta.com/images/topper-tinroom.jpg'); }
#project-muckleshoot { background: url('http://www.imolta.com/images/topper-muckleshoot.jpg'); }
#project-mo { background: url('http://www.imolta.com/images/topper-mo.jpg'); }
#project-hamai { background: url('http://www.imolta.com/images/topper-hamai.jpg'); }
#project-yp { background: url('http://www.imolta.com/images/topper-yp.jpg'); }
#project-pnaf { background: url('http://www.imolta.com/images/topper-pnaf.jpg'); }
#project-rsh { background: url('http://www.imolta.com/images/topper-rsh.jpg'); }
#project-mavin { background: url('http://www.imolta.com/images/topper-mavin.jpg'); }
#project-rm { background: url('http://www.imolta.com/images/topper-rm.jpg'); }

#card-8thgen { background: url('http://www.imolta.com/images/card-8thgen.jpg'); }
#card-tinroom { background: url('http://www.imolta.com/images/card-tinroom.jpg'); }
#card-muckleshoot { background: url('http://www.imolta.com/images/card-muckleshoot.jpg'); }
#card-mo { background: url('http://www.imolta.com/images/card-mo.jpg'); }
#card-hamai { background: url('http://www.imolta.com/images/card-hamai.jpg'); }
#card-yp { background: url('http://www.imolta.com/images/card-yp.jpg'); }
#card-pnaf { background: url('http://www.imolta.com/images/card-pnaf.jpg'); }
#card-rsh { background: url('http://www.imolta.com/images/card-rsh.jpg'); }
#card-mavin { background: url('http://www.imolta.com/images/card-mavin.jpg'); }
#card-rm { background: url('http://www.imolta.com/images/card-rm.jpg'); }

/****** Navigation ******/

#navigation div a {
float: left;
background: url('http://www.imolta.com/images/navigation.gif');
height: 60px;
}

#navigation div.nav-projects a { width: 124px; background-position: 0 0; }
#navigation div.nav-services a { width: 124px; background-position: -124px 0; }
#navigation div.nav-blog a { width: 86px; background-position: -248px 0; }
#navigation div.nav-about a { width: 100px; background-position: -334px 0; }
#navigation div.nav-contact a { width: 113px; background-position: -442px 0; }

#navigation div.nav-projects a:hover { width: 124px; background-position: 0 -60px; }
#navigation div.nav-services a:hover { width: 124px; background-position: -124px -60px; }
#navigation div.nav-blog a:hover { width: 86px; background-position: -248px -60px; }
#navigation div.nav-about a:hover { width: 100px; background-position: -334px -60px; }
#navigation div.nav-contact a:hover { width: 113px; background-position: -442px -60px; }