* { margin:0px; padding:0px }

html, body { height:100%; width:100%; margin: auto; background-color:#536a72; color:#330000; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif;  }

body { background: #536a72; }

img { padding:0px; border:1px dotted;  }

h1, h2, h3 { float:left;}
h1 { margin-left: 10px; height: 40px; padding:10px 0px 0px 10px; text-align: left; width: 535px; background: url('images/v_pencil.png') repeat-y; }
h2 { width: 230px; text-align:right; padding:25px 10px 10px 0px }
h3 { width: 155px; background: url('images/v_pencil.png') repeat-y; padding:25px 0px 10px 10px; text-align:left }
h2, li, a, h4 { font-variant: small-caps; font-size:14px; }
h4 { text-align:left }
h1 a { height:0; padding-top: 40px; width: 200px; background: url('images/handwritten_sig.png') no-repeat;  display:block; font-size:10px; overflow:hidden;  }
h1 a:hover { border: none; }

ul { list-style: none; text-align: left;  margin: 0 0 10px 0 }
p { text-align: justify; font-size: 12px; margin: 0 0 10px 0 }

a { text-decoration: none; color: #E2D7C7 }
a:hover { border-bottom: 1px dotted }

#wrapper { background: url('images/craftpaper.png') no-repeat; height:550px; width:960px; padding:30px 40px; margin: 0 auto; text-align: center }
#header {  float:left; background: url('images/h_pencil.png') repeat-x bottom; width:964px; margin: 0 -10px; text-align: center }
#content { height:330px; width: 785px; clear:both; margin: 0 auto; text-align: center; background: url('images/v_pencil.png') repeat-y; }
#content, #project_info, #project_img { float:left }
#project_info, #project_img { padding: 15px; }
#project_info { padding-top: 50px; width: 260px }
#project_img { width:460px; text-align: right }
#sidebar { height:310px; width:155px; float:left; background: url('images/v_pencil.png') repeat-y; padding:10px 0px 10px 15px; }
#carousel_wrapper { float:left; background: url('images/h_pencil.png') repeat-x top; padding: 10px 0px; margin: -10px 0 0 -10px }
#carousel_wrapper h2 { text-align:left; padding:0 0 10px 50px }

.jMyCarousel { float:left;   }
.jMyCarousel ul { display:block; height:91px; padding: 0 10px 0 70px; }
.jMyCarousel li { display: inline; list-style: none; width:120px; height:91px;  }
.jMyCarousel li a, .prev, .nxt { text-align: center; display:block; float:left; width:111px; height:71px; border: none; padding:10px 5px; background: url('images/icons.png') no-repeat center bottom; }
.prev , .nxt {  width: 50px; overflow:hidden; padding:91px 0 0 0; height:0px }
.prev { background-position: -40px bottom; clear:both }
.nxt { background-position: -210px bottom; }

#reel { padding: 20px 0 0px 0; width:152px }
#reel a { border:1px dotted #660000; padding:0 0 0px 0; text-align:center; display:block; background-color:#660000; }
#reel a img { border:none; padding:0 0 0px 0; }
#reel a:hover { border:1px dotted; }

.text { padding: 20px 20px 0 20px }
.text h3 { padding: 0;  background: none }