body {
font-family: arial, helvetica, sans-serif;
line-height:1.4em;
}

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

#header {
width:1124px;
height: 171px;
background:url(images/header.gif) no-repeat;
}

#header h1 {
text-indent: -9999px;
}

#mainbody {
overflow:hidden;
background:url(images/mainbody.gif) repeat-y;
}

#sidebar {
width:256px;
float:right;
position:relative;
}

#nav {
height:442px;
width:182px;
position:absolute;
left:1px;
top:33px;
background: url(images/nav.gif) no-repeat;
}

#nav li a:link, #nav li a:visited {
    position: absolute;
    left:0;
    height: 111px;
width:182px;
    text-indent: -9000px;
    overflow: hidden;
}

#nav li.home a:link,
#nav li.home a:visited {
top:0;
}

#nav li.work a:link,
#nav li.work a:visited {
position:absolute;
top:111px;
}

#nav li.contact a:link,
#nav li.contact a:visited {
top:222px;
}

#nav li.about a:link,
#nav li.about a:visited {
top:333px;
}


#nav li.home a:hover {
background: url(images/nav.gif) no-repeat top center;
}

#nav li.work a:hover {
background: url(images/nav.gif) no-repeat -182px -111px;
}

#nav li.contact a:hover {
background: url(images/nav.gif) no-repeat -182px -222px;
}
#nav li.about a:hover {
background: url(images/nav.gif) no-repeat -182px -333px;
}

#nav.current-home li.home a:link,
#nav.current-home li.home a:visited {
background: url(images/nav.gif) no-repeat -364px 0;
cursor:auto;
}


#nav.current-contact li.contact a:link,
#nav.current-contact li.contact a:visited {
background: url(images/nav.gif) no-repeat -364px -222px;
cursor:auto;
}

#nav.current-work li.work a:link,
#nav.current-work li.work a:visited {
background: url(images/nav.gif) no-repeat -364px -111px;
cursor:auto;
}


#nav.current-about li.about a:link,
#nav.current-about li.about a:visited {
background: url(images/nav.gif) no-repeat -364px -333px;
cursor:auto;
}

#content {
width:822px;
margin-left:46px;
}

#content.thankyou {
padding-bottom:200px;
}

#content h2 {
font-size:170%;
line-height:1.8em;
padding-left:20px;
color:#ed4895;
font-weight:bold;
}

#content p {
padding-left:20px;
margin-right:70px;
padding-bottom:30px;
color:#fcebf3;
margin-bottom:50px;
border-bottom:3px solid #f88fc0;
font-size:16pt;
}

#content ul {
margin:20px;
padding-left:20px;

padding-bottom:50px;

}

#content ul li {
list-style:disc;
color:#fbd8e8;
font-size:16pt;
margin:10px 0;
}

#content ul li span {
color:#fff;
}

#content a:link, #content a:visited {
color:#e22b80;
}

#content a:hover {
color:#fff;
}

#intro {
width:802px;
height:200px;
padding-left:20px;
padding-top:40px;
background:url(images/intro.gif) no-repeat;
margin-bottom:40px;
}

#intro h2 {
font-size: 36pt;
color:#fff;
line-height:1.8em;
font-weight:bold;
padding-left:10px;
}

#intro p {
font-size: 18pt;
color:#fbd8e8;
padding:0;
padding-left:10px;
line-height:1.5em;
border:0;
margin-bottom:0;
}

#intro ul li {
display:inline;
padding:20px;
font-size:150%;
}

#intro ul li a:link, #intro ul li a:visited {
color:#fbd8e8;
}

#intro ul li a:hover {
color:#fff;
}

#content .form p {
padding:0;
margin:0;
border:0;
}

#content .form {
border-right:4px solid #f890c0;
width:500px;
padding-right:100px;
margin-bottom:30px;
}

#content .form p {
padding-bottom:30px;
padding-left:20px;
}

#content .form label {
font-size:150%;
line-height:1.8em;
color:#ed4895;
font-weight:bold;
padding-left:20px;
}


#content .form input,
#content .form textarea {
border:1px solid #fff;
}

#content .form input.submit {
font-size:170%;
background-color:#ed4895;
border:0;
color:#fff;
cursor:pointer;
margin-left:300px;
padding:2px 5px 5px 5px;

}

#content .form input.submit:hover {
background-color:#5caaee;
}

#projects {
overflow:hidden;
}

#projects ul {
overflow:hidden;
margin-bottom:40px;
padding:0;
margin-left:0;
}

#content #projects ul li {
list-style:none;
overflow:hidden;
}

#content #projects ul li.project {

margin-bottom:50px;
padding-bottom:40px;
border-bottom:1px solid #f7aace;
}

#projects ul li.title h2 {
margin-bottom:25px;
padding-bottom:25px;
color:#ffffff;
text-align:center;
border-bottom:1px dotted #ed4895;
}

.project-description {
float:right;
width: 400px;
}

.project-description h3 {
font-size:120%;
border-left:1em solid #5caaee;
margin-left:-1em;
color:#fff;
padding:0 10px;
width:400px;
margin-top:16px;
margin-bottom:8px;
}

#projects ul li div.project-description p {
padding:0;
margin:0;
padding: 15px 33px 18px 0px;
color:#555;
border:0;
font-weight:normal;
font-size:18px;
}

#projects img {
float:left;
margin-left:20px;
padding:20px;
border:1px dotted #f9cae0;
background-color:#f7aace;
}



#footer {
clear:both;
}

#footer {
width:1124px;
height:192px;
background: url(images/footer.gif) no-repeat;
position:relative;
}

#footer p {
margin-left:146px;
color:#fff;
line-height:64px;
}

#footer ul {
position:absolute;
left:680px;
top:74px;
font-size:90%;
}

#footer ul li {
display:inline;
padding: 0 5px;
}

#footer ul li a {
color:#fff;
}

#footer ul li a:hover {
color:#fcc9e1;
}