body {line-height:1;background:url(images/body-bg.jpg) left top repeat-x #11100f;text-align:center;font-family:Lucida Grande, Arial, sans-serif;color:#403329;} /* HTML TAGS */ h1,h2,h3,h4,h5 {font-weight: normal;line-height: 140%;margin-bottom: 10px;} h2 {font-family:"Georgia", "Times New Roman", serif;font-size:24px;font-weight:bold;} h3 {font-family:"Georgia", "Times New Roman", serif;font-size:18px;font-weight:bold;} h4 {font-family:"Georgia", "Times New Roman", serif;font-size:16px;font-weight:bold; margin-bottom: 3px;} h5 {font-family:"Georgia", "Times New Roman", serif;font-size:14px;font-weight:bold; margin-bottom: 5px;} h6 {font-family:"Georgia", "Times New Roman", serif;font-size:12px;font-weight:normal; margin:0px 0px 0px 0px;} p {line-height:140%;padding:2px;font-size:12px;margin-bottom:15px;} p.i {font-style: italic;} ol {font-family: "Georgia", "Times", serif;list-style: outside;font-style: italic;color: #737373; list-style-type: decimal;margin: 5px 0px 15px 50px;} ol li p {font-size: 14px;font-family: "Lucida Grande", "Arial", sans-serif;font-style: normal;color: #403329; padding: 0;margin: 0px 0px 3px 0px;} a, a:visited {color: #544235;text-decoration:underline;} a:hover, a:visited:hover {text-decoration:none;} /* LAYOUT */ #pagewrap {width:1000px;margin-right:auto;margin-left:auto;text-align:left;} #header {width:100%;height:207px;position:relative;background:url(images/head.png) left top no-repeat;} #logo {width:300px;height:180px;left:50px;top:0px;position:absolute;} /* @group Navigation */ #nav {position:absolute;width:545px;height:52px;right:5px;top:128px;} #nav a {float:right;} #nav a.home {display:block;width:114px;height:52px;position:relative;overflow:hidden;margin-right: 3px;} #nav a.home .hover {display:block;background:url(images/home_glow.png) left top no-repeat;width:114px;height:52px;position:absolute; top:0;left:0;} #nav a.about {display:block;width:152px;height:52px;position:relative;overflow:hidden;} #nav a.about .hover {display:block;background:url(images/aboutme_glow.png) 0 0 no-repeat;width:152px;height:52px;position:absolute; top:0;left:0;} #nav a.portfolio {display:block;width:134px;height:52px;position:relative;overflow:hidden;} #nav a.portfolio .hover {display:block;background:url(images/portfolio_glow.png) left top no-repeat;width:134px; height: 52px;position:absolute;top:0;left:0;} #nav a.contact {display:block;width:132px;height:52px;position:relative;overflow:hidden;} #nav a.contact .hover {display:block;background:url(images/contact_glow.png) left top no-repeat;width:132px; height: 52px;position:absolute;top:0;left:0;} #nav .home_selected {background:url(images/home_glow.png) left top no-repeat;margin-right: 3px;} #nav .about_selected {background:url(images/aboutme_glow.png) left top no-repeat;} #nav .portfolio_selected {background:url(images/portfolio_glow.png) left top no-repeat;} #nav .contact_selected {background:url(images/contact_glow.png) left top no-repeat;} /* @end */ #contentwrap {width:100%;height:407px;background:url(images/content-bg.png) left top no-repeat;} #contentwrap_home {width:100%;height:587px;background:url(images/content_home-bg.png) left top no-repeat;} #content {float:left;width:300px;height:335px;padding:25px 0px 0px 50px;overflow:hidden;} #content_home {float:left;width:570px;height:526px;padding:25px 0px 0px 50px;overflow:hidden;} #content_about {float:left;width:635px;padding:25px 25px 0px 50px;height:526px;overflow:hidden;} #content_contact {float:left;width:450px;height:526px;padding:25px 0px 0px 50px;overflow:hidden;} #sidebar {float:right;width:310px;height: 526px;padding:25px 40px 0px 15px;} #sidebar_about {float:right;width:230px;height: 526px;padding:25px 40px 0px 15px;} #sidebar_contact {float:right;width:430px;height: 526px;padding:25px 40px 0px 15px;} #aboutmepicture {clear:both;float:left;width:145px;height:127px;background:url(images/aboutmeframe.png) left top no-repeat; overflow: hidden;padding: 24px 26px 64px 26px;margin-bottom: 5px;} .portfolio_preview_alt {float:left;width:126px;height:125px;background:url(images/portfolio_preview.png) left top no-repeat; padding:26px 23px 20px 23px;margin:0px 2px 5px 0px;overflow:hidden;} .portfolio_preview {float: left;width: 125px;height: 125px;background: #ffffff;border: 1px solid #756457;padding: 5px; margin: 0px 15px 15px 0px;} .contentpanel {display:none;} .active {display:block;} .right {float:right;} .mtop {margin-top:15px;} .mright {margin-right: 15px;} #info {float: left;clear: both;width: 550px;padding: 5px;font-size: 12px;font-weight: bold;margin-bottom: 10px;} #info.green {background: #83ff9a;border: 1px solid #48d061;} #info.red {background: #ff7171;border: 1px solid #d84848;} #imgframe {float:right;width:530px;height:276px;background:url(images/imgframe-bg.png) left top no-repeat; padding:39px 76px 50px 42px;} #framewrap {width:960px;height:180px;float:left;clear:both;padding:0px 20px 0px 20px;position:relative;} .scroll {float:left;width:803px;height:180px;margin:0px 80px 0px 85px;display:inline;position:relative;overflow: auto;} .scrollContainer div.panel {width:803px;height:180px;} .leftnav {position:absolute;left:20px;top:0;width:77px;height:180px;cursor:pointer;margin-right:15px;} .rightnav {position:absolute;right:20px;top:0;width:80px;height:180px;cursor:pointer;margin-left:5px;} .pictureframe {display:inline;width:780px;height:180px;overflow:hidden;} .pictureframe li {display:inline;float:left;width:118px;height:103px;padding:12px 16px 44px 12px; margin-right:13px;background:url(images/pictureframe.png) left top no-repeat;} .pictureframe li p {float: left;margin: 5px 0px 0px 21px; font-family: "Georgia", "Times", serif; font-size: 12px; font-style: italic;color: #939393;} .picture {width:118px;height:103px;} /* @group Footer */ #footer {float:left;clear:both;width:960px;min-height:195px;padding:10px 20px 0px 20px; background:url(images/footer-bg.png) center top no-repeat;color:#645647;} #footer .left {float:left;width:325px;padding:15px 0px 0px 0px;margin:0px 15px 20px 0px;} #footer .right {float:right;width:280px;padding-top:15px;margin:0px 0px 20px 0px;} #footer h2 {display:block;font-size:20px;width:325px;line-height:180%;} ul#links li {margin:15px 0px 0px 0px;} ul#links li a, ul#links li a:visited {padding:5px;background:#1b1a19;color:#645647;font-size:12px;text-decoration:none;margin-left:5px;line-height:120%;} #footer a, #footer a:visited {background:#1b1a19;color:#645647;text-decoration:none;padding:5px;} .FRight {float:right;margin-right:10px;display:inline;} #legal {float:left;clear:both;width:100%;border-top:1px solid #3c342b;font-size:12px;padding:10px 0px 0px 0px; margin:0px 0px 25px 0px;} #legal a, #legal a:visited {color:#7d6c58;text-decoration:none;background:none;} #legal a:hover, #legal a:visited:hover {color:#c6aa8b;text-decoration:underline;background:none;} /* @end */ /* FORMS */ /* @group ContactForm */ #contactform {width:463px;} #contactform p {padding:0;margin-bottom:5px;} #contactform input {width:250px;padding:5px;background:#ebebeb;border:1px solid #7b7b7b;font-size:14px;line-height:120%;} #contactform input:focus {border-color:#4ea79b;} #contactform textarea {width:450px;height:120px;padding:5px;background:#ebebeb;border:1px solid #7b7b7b;font-size:14px;} #contactform textarea:focus {border-color:#4ea79b;} #contactform input.button {width:463px;} #contactform input.smallbutton {width: 135px;height: 34px; text-indent: -9999;float: right; background: none; border: none;} /* @end */ /* IE 6 HACKS */ /* @group IE6 HACKS */ * html #footer {width:1000px;} * html #footer .right {width:260px} /* @end */