/* Kayte.ca 2009 Portfolio CSS */

body {margin: 0px; padding: 0px; background: #e5e5e5; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}

a {color: #333366; text-decoration: underline;}

h2 {color: #C80913; font-weight: normal; font-size: 2em; text-transform: uppercase;}
h4 {color: #666; text-transform: uppercase; margin-top: 0px; padding-top: 0px;}
h5 {color: #999; margin-bottom: 0px; padding-bottom: 0px;}

label {width: 70px; float: left; clear: both; text-align: left; margin-right: 10px;}
input {margin-bottom: 10px; width: 200px; border: 1px solid #e5e5e5; background-color: #e5e5e5; color: #000; padding: 3px; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}
textarea {width: 200px; border: 1px solid #e5e5e5; background-color: #e5e5e5; color: #000; padding: 3px; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}
input.submit {margin-left: 80px; margin-top: 10px; width: 130px;  background-color: #ccc; color: #000; border: none; text-transform: uppercase; font-size: .9em; font-family: Arial, Helvetica, sans-serif;}

#page {width: 820px; background: url(../images/bg_nav_logo.jpg) top center no-repeat #fff; margin: 0px auto; padding: 0px; padding-bottom: 20px; text-align: center;}
#header {width: 785px; margin: auto; padding: 0px; font-size: .8em; display: block; text-align: left;}
#page-body {clear: both; display: block; width: 640px; margin: 0px auto; padding: 0px; padding-left: 145px; text-align: left; font-size: .8em;}

h1#logo {margin: 0px; padding: 0px;}
h1#logo a {background: url(../images/pix.gif); width: 275px; height: 200px; float:left; text-indent:-999em; overflow: hidden; display: block;}

ul#nav {width: 500px; list-style: none; margin: 100px -18px 0px 0px; padding: 0px; float: right; background: url(../images/bg_nav.jpg) top right no-repeat;}
ul#nav li {float: right; list-style: none; height: 26px;}
#nav li a {float: left; font-size: .9em; color: #666; padding: 5px 20px; text-decoration: none;}
#nav li:hover {background: #ccc;}
#nav li.active {background: #ccc;}
#nav li.active a {color: #000;}

div.showcase {clear: both; margin-bottom: 10px; width: 630px; background: url(../images/bg_showcase.jpg) repeat-x #e5e5e5; display: block; font-size: .9em;}
div.showcase:hover {background: none; background-color: #e5e5e5;}
div.showcase h3 {font-weight: normal; color: #000; margin: 0px; padding: 10px 0px 0px 0px; font-size: 1.6em; text-transform: none;}
div.showcase h5 {font-weight: normal; color: #999999; margin: 0px 0px 10px 0px;}
div.showcase p {color: #666666;}
div.showcase img {float: left; border: 10px solid #ccc; margin: 10px; display: block;}
div.showcase a.link {float: right; margin-right: 10px;}

#copyright {width: 100%; font-size: .7em; text-align: center; clear: both; margin: 20px; color: #666;}