/* CSS Document | Charlotte Di Cataldo | Written by Katherine Cory www.katherinecory.com / designsby@katherinecory.com June 2009 */

body {
 background: #fff url(images/background.jpg) no-repeat top center;
 margin: 0;
 color: #63291a;
 font: 75% Verdana, Arial, Helvetica, sans-serif;
 padding: 0;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}

h1.title {
 color: #000;
 font: 120% "Lucida Console", "Lucida Sans Typewriter", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: underline;
 font-weight: bold;
 margin-bottom: 10px;
}

a { 
 color: #000;
 text-decoration: none;
 background: none;
}

a:hover {
 color: #000;
 text-decoration: underline;
 background: none;
}

#mainwrapper {
 margin: 0 auto;
 padding: 0;
 width: 990px;
 min-height: 789px;
}

/* MAIN CONTENT */

#maincontent {
 background: #fff url(images/design_03.jpg) no-repeat top left;
 width: 700px;
 min-height: 523px;
 padding: 22px 0 0 0;
 float: right;
 display: block;
}

#text { width: 530px; }
a img { border: 0; }
#portfolio img { margin: 5px; }

/* HEADER ELEMENTS */

#header {
 width: 990px;
 height: 275px;
 background: url(images/design_01.jpg) no-repeat top left;
}

/* LOGO ELEMENTS */

#logo {
 width: 659px;
 height: 257px;
 padding: 21px 0 0 13px;
}

#logo a img { border: 0; }
#logo a:hover { background: transparent; text-decoration: none; }

/* NAV ELEMENTS */

#nav {
 width: 290px;
 height: 523px;
 background: #fff url(images/design_02.jpg) no-repeat top left;
 margin: 0;
 float: left;
 display: block;
}

#nav ul {
 margin: 46px 0 0 58px;
 padding: 0;
 width: 100px;
}

#nav li {
 list-style: none;
 font-size: 103%;
 text-align: right;
 font: 103% "Lucida Console", "Lucida Sans Typewriter", Verdana, Arial, Helvetica, sans-serif;
 padding-bottom: 3px;
}

#nav li a {
 color: #fff;
 text-decoration: none;
}

#nav li a:hover {
 text-decoration: underline;
}

#nav li.active { 
 text-decoration: underline; 
 font-weight: bold; 
}

#nav li.active a { color: #4d2326; }

/* FOOTER */

#shoes {
 margin-top: 18px 0 0;
 height: 203px;
 width: 666px;
 float: right;
}

#footer {
 color: #823628;
 font: 95% "Lucida Console", "Lucida Sans Typewriter", Verdana, Arial, Helvetica, sans-serif;
 width: 400px;
 margin: 0 24px 24px 0;
 float: right;
 text-align: right;
}

#footer a { color: #823628; }