/* defaults */
* {padding:0;margin:0;outline:0}
body {background:#000;font-family:Arial, Helvetica, sans-serif;font-size:.7em;color:#666}
input, select, textarea {font-family:Verdana, Arial, sans-serif;font-size:1em}
img {border:0}
h1, h2, h3, h4, h5, h6, p {margin:0 0 8px 0}
h1 {font-size:1.45em}	
h2 {font-size:1.35em}
h3 {font-size:1.25em}
h4 {font-size:1em}
table {border-collapse:collapse}
form ul {list-style:none;margin:0;padding:0}
a {color:#ccc;text-decoration:underline}
a:hover {color:#fff;text-decoration:none}
.hide {display:none}
.clear {clear:both;height:0}
.fltl {float:left}
.fltr {float:right}
.txt-right {text-align:right}
.txt-center {text-align:center}

/* home page */
#hpcontent {background:#000;border-left:1px solid #4e4e4e;border-right:1px solid #4e4e4e;width:758px}
.hpleft {float:left;width:298px;padding:70px 0 0 0;margin:0 0 0 4px;background:url(/images/black/home/images/gradient.jpg) top left repeat-x}
.hpright {float:left;width:440px;background:url(/images/black/home/images/gradient.jpg) top left repeat-x;padding:70px 0 0 8px}
html>body .hpleft {margin:0 0 0 8px}
.hpil {float:left;width:260px}
.hpir {float:right;width:165px}
.learn {float:left;background:url(/images/black/home/images/image_quote.jpg) center no-repeat #000;height:68px;width:150px}
.hpdownload a {float:right;background:url(/images/black/download.gif) no-repeat;width:142px;height:68px;text-indent:-999em;overflow:hidden}
#gallery-title {background:url(/images/black/home/images/title_gallery.gif) top left no-repeat;height:21px;overflow:hidden;text-indent:-999em;display:block}
#news-title {background:url(/images/black/home/images/title_news.gif) top left no-repeat;width:270px;height:21px;overflow:hidden;text-indent:-999em;display:block}
#tips-title {background:url(/images/black/home/images/title_tips.gif) top left no-repeat;width:270px;height:21px;overflow:hidden;text-indent:-999em;display:block}
#about-title {background:url(/images/black/home/images/title_about.gif) top left no-repeat;width:270px;height:21px;overflow:hidden;text-indent:-999em;display:block}
#hpcontent a {text-decoration:none}
#hpcontent p, #hpcontent h2, #hpcontent a {font-size:1em}
#hpcontent ul {margin:0 0 5px 20px}
#hpcontent .hpil .tips {padding:10px 0 5px;border-bottom:1px solid #666;border-top:1px solid #666;margin:10px 0}
#banner {background:url(/images/black/home/images/banner_jenharman.jpg) center bottom no-repeat;height:132px;margin:0 auto;clear:both}
#banner a {display:block;text-indent:-999em;overflow:hidden;height:130px}
.hpgalpic {background:url(/images/black/home/images/image_smalljen.jpg) no-repeat center top;height:212px;display:block}

/* page layout */
#wrapper {width:760px;margin:0 auto}
#header {background:url(/images/black/nav/title_top_jenharman.gif) top center no-repeat;height:85px;z-index:10}
#header h1 {width:435px;height:57px;margin:0 auto;text-indent:-999em}
#content {background:#000;border-left:1px solid #4e4e4e;border-right:1px solid #4e4e4e;width:758px}
#content-one {background:#000;border-left:1px solid #4e4e4e;border-right:1px solid #4e4e4e;width:758px;background:url(/images/black/home/images/gradient.jpg) top left repeat-x}
.download-button {background:url(/images/black/download.gif) no-repeat;margin:10px 0 10px 5px;width:142px;height:68px;text-indent:-999em}
.download-button a {display:block;text-indent:-999em;overflow:hidden;height:70px}
#left {width:152px;float:left;margin:0 0 0 4px;clear:both;/*background:url(/images/black/news/image_jennews.jpg) no-repeat center top;padding:174px 0 0 0*/}
html>body #left {margin:0 0 0 8px}
#right {float:left;width:590px;padding:0 0 10px;background:#fff}
#footer-close {background:url(/images/black/home/images/bottom_arch_jenharman.jpg) top left no-repeat;height:34px}

/* menu */
#nav {height:165px;z-index:110;position:absolute;display:block;padding:0}
#nav ul {list-style:none;margin:0;padding:0;z-index:10}
#nav ul li {padding:0;position:absolute;text-indent:-999em}
#nav ul li a {display:block;height:20px;padding:12px 0 0 0}
#nav li.home {width:107px;height:55px;background:url(/images/black/nav/nav_home.gif) top left no-repeat}
#nav li.news {width:106px;height:55px;left:107px;background:url(/images/black/nav/nav_news.gif) top left no-repeat}
#nav li.about {width:108px;height:55px;left:213px;background:url(/images/black/nav/nav_about.gif) top left no-repeat}
#nav li.blog {width:112px;height:55px;left:321px;background:url(/images/black/nav/nav_blog.gif) top left no-repeat;z-index:3}
#nav li.logo {width:112px;height:64px;left:321px;top:29px;background:url(/images/black/nav/ftp_logo.gif) top left no-repeat;z-index:3}
#nav li.tips {width:103px;height:55px;left:433px;background:url(/images/black/nav/nav_tips.gif) top left no-repeat}
#nav li.gallery {width:108px;height:55px;left:536px;top:0px;background:url(/images/black/nav/nav_gallery.gif) top left no-repeat}
#nav li.links {width:116px;height:55px;left:644px;top:0px;background:url(/images/black/nav/nav_links.gif) top left no-repeat}
#nav li.home a, #nav li.news a, #nav li.about a, #nav li.tips a, #nav li.gallery a, #nav li.links a, #nav li.logo a {height:35px}

/* headers */
h1.news {width:590px;height:174px;background:url(/images/black/news/pic_news.jpg);text-indent:-999em}
h1.about {width:590px;height:174px;background:url(/images/black/about/pic_about.jpg);text-indent:-999em}
h1.blog {width:590px;height:174px;background:url(/images/black/blog/pic_blog.jpg);text-indent:-999em}
h1.tips {width:590px;height:174px;background:url(/images/black/tips/pic_tips.jpg);text-indent:-999em}
h1.gallery {height:80px;text-indent:-999em}
h1.links {width:590px;height:174px;background:url(/images/black/links/pic_links.jpg);text-indent:-999em}

/* content */
#content-wrap {color:#333;padding:10px}
#content-wrap p {margin-bottom:12px}
#content-wrap ul {margin:5px 0 5px 17px;padding:0}
#content-wrap ul li {padding:0 0 5px 0}
#content-wrap img.fltl {padding:0 5px 0 0}
#content-wrap img.fltr {padding:0 0 0 5px}
#content-wrap a {color:#900;text-decoration:underline}
#content-wrap a:hover {color:#C00;text-decoration:none}

/* footer */
#footer-links {list-style:none;padding:8px 0 0;margin:0;text-align:center;font-size:.9em;display:block;clear:both}
#footer-links li {padding:0 3px;display:inline;border:none}
#footer-links li a {text-decoration:none;font-weight:normal;text-transform:uppercase}
#footer-links li a:hover {text-decoration:underline}
.copyright {text-align:center;margin:20px auto;color:#ccc}

/* gallery */
.photo-gallery {position:relative;width:640px;margin:0 auto 10px auto;padding:10px 0 0 0;color:#fff;display:block}
.photo-gallery .prev, .photo-gallery .next {position:absolute;top:35px;display:none}
.photo-gallery .next {right:0}
.photo-gallery .items {position:relative;width:600px;left:20px;overflow:hidden;background:#222;height:95px}
.photo-gallery .items .container {position:relative;top:0;left:0;width:600px;float:left;display:inline}
.photo-gallery .items .container .item {width:99px;margin:0;float:left;text-align:center;border-right:1px solid #444;padding:10px 0 10px 0}
.photo-gallery .items .container .item img {margin 0 auto;height:75px;width:75px}
.photo-gallery .full-size {text-align:center;padding-top:50px;margin:0 auto}
.photo-gallery .full-size p {margin-top:5px}

/* content items */
.tips .tip, .links .link, .news .news-item, .blog .blog-item {display:block;width:95%;margin:0 auto 15px;background:#f8f8f8;padding:10px;border:1px solid #ccc}
.tips .tip h3 {font-size:1.5em;margin:0 0 5px 0;text-transform:uppercase}
.links .link a {text-transform:uppercase} 
.lhs-tips {margin:15px 5px 0 0}
.lhs-tips .tip {margin:10px 0;color:#949494;padding:3px;line-height:1.2em}
.lhs-tips span.author {display:block}
.lhs-tips a {display:block}
.blog .blog-item h3 {margin:5px 0}
.blog .blog-item hr {display:none}
.blog-sidebar {margin:15px 5px 0 0}
.blog-sidebar a {display:block}
.news-item {padding:5px 5px 1px 5px;margin:0 0 8px 0}

#contact-frm {display:block;width:80%;margin:0 auto;padding:10px 0;}
#contact-frm label {display:block;float:left;padding:2px 5px;text-align:right;width:60px;}
#contact-frm input {padding:2px 5px;width:300px;border:1px solid #bbb;}
#contact-frm textarea {padding:2px 5px;width:300px;border:1px solid #bbb;}
#contact-frm .submit {margin:0 0 0 198px;width:185px;border:2px solid #eee;border-bottom:2px solid #bbb;border-right:2px solid #bbb;background:#f2f2f2;text-transform:uppercase;font-weight:bold;}