/*    
 Desc: Cathleen Cueto Sculpture
 Author: Aaron Galbraith
 Date: December 2008
=== === === === === === === === === === */


@import "reset.css";

/* === === === === === === PALETTE STUFF === === === === ===

#C9D9FB

#CBCDE5

#CDC1CF

#CFB7B9

#D1ACA4

*/

/* === === === === === === BODY STUFF === === === === === */

body {
    background: #FFF;
    text-align: center;
}

body.home {
    margin: 250px 0 0 0;
}

.home a {
}

#container {
    margin: 0 auto;
    width: 950px;
    text-align: center;
}

h1 {
    margin: 50px auto 40px auto;
    overflow: hidden;
    padding: 65px 0 0 0;
    background: url(../images/title.jpg) top left no-repeat;
    height: 0;
    width: 514px;
}

h2 {
    margin: 50px auto 22px auto;
    overflow: hidden;
    height: 83px;
}

/* === === === === === === MENU STUFF === === === === === */

#menu {
    padding: 0 48px 0 0;
    float: left;
    text-align: left;
}

#menu a {
    display: block;
    margin: 0 0 21px 0;
    width: 152px;
    height: 52px;
}

#menu a:hover {
    background-position: -152px 0;
}

#lportfolio a {
    background: url(../images/portfolio.jpg) top left no-repeat;
}

#lstatement a {
    background: url(../images/statement.jpg) top left no-repeat;
}

#lresume a {
    background: url(../images/resume.jpg) top left no-repeat;
}

#lcontact a {
    background: url(../images/contact.jpg) top left no-repeat;
}

.hiddentext {
    display: none;
}

/* === === === === === === CONTENT STUFF === === === === === */

#content {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 750px;
}

.portfolio {
    display: block;
    float: right;
    margin: 0;
    border: 0;
    padding: 0;
    width: 750px;
}

.portfolio div {
    float: left;
    margin: 0 24px 48px 24px;
    border: 0;
    padding: 0;
    width: 202px;
    height: 162px;
}

.portfolio img {
    margin: 0;
    border: 0;
    padding: 0;
    width: 202px;
    height: 162px;
}

.work {
    display: block;
    float: left;
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    width: 750px;
}

.navbar {
    clear: right;
    float: right;
    margin: 0 0 20px 0;
    width: 750px;
    text-align: center;
}

.navbar a {
    display: block;
    width: 92px;
    height: 40px;
    overflow: hidden;
}

.navbar a:hover {
    background-position: -92px 0;
}

.navbar a.back {
    display: block;
    width: 157px;
    height: 40px;
    overflow: hidden;
}

.navbar a:hover.back {
    background-position: -157px 0;
}

.previous {
    float: right;
    margin-right: 20px;
    background: url(../images/previous.jpg) top left no-repeat;
}

.previousblank {
    float: right;
    margin-right: 20px;
    background: url(../images/blank.jpg) top left no-repeat;
}

.next {
    float: right;
    margin-right: 0px;
    background: url(../images/next.jpg) top left no-repeat;
}

.nextblank {
    float: right;
    margin-right: 0px;
    background: url(../images/blank.jpg) top left no-repeat;
}

.back {
    float: left;
    margin-left: 0px;
    background: url(../images/back.jpg) top left no-repeat;
}

.click1 {
    float: right;
    height: 35px;
    width: 750px;
    margin: 15px 0 20px 0;
    background: url(../images/click1.jpg) top left no-repeat;
}

.click2 {
    float: right;
    height: 34px;
    width: 750px;
    margin: 15px 0 20px 0;
    background: url(../images/click2.jpg) top left no-repeat;
}

#footer {
    clear: both;
    margin: 20px auto 30px auto;
    height: 42px;
    width: 950px;
}

#footer img {
    height: 42px;
    width: 950px;
}

.statement {
    display: block;
    float: right;
    margin: 0px 195px 0 0;
    border: 0;
    padding: 0;
    width: 555px;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    color: #505050;
    text-align: justify;
    line-height: 1.5;
}

.resume {
    display: block;
    float: right;
    margin: 0 0 0 0;
    border: 0;
    padding: 0;
    width: 750px;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    color: #505050;
    text-align: justify;
    line-height: 1.5;
}

.resume p {
    line-height: 1.7;
}

.contact {
    display: block;
    float: right;
    margin: 0 180px 0 0;
    border: 0;
    padding: 0;
    width: 570px;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    color: #505050;
    text-align: center;
    line-height: 1.5;
}

.contact div {
    float: left;
    margin: 0 24px 48px 24px;
    border: 0;
    padding: 0 30px 0 0;
    width: 172px;
    height: 162px;
}

.summary {
    display: block;
    float: right;
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    width: 555px;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    color: #505050;
    text-align: left;
    line-height: 1.5;
}

#textfooter {
    position: absolute;
    bottom: 0px;
    margin: 20px auto 30px auto;
    height: 42px;
    width: 950px;
}

#textfooter img {
    height: 42px;
    width: 950px;
}

h3 {
    font-family: "Georgia", serif;
    font-size: 1.5em;
}