html { background: #333 url(../images/harp_pattern.gif) 0 0 repeat; text-align: center; }
body { width: 961px; margin: 0 auto; background-color: #000; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

/*reset start*/
h1, h2, h3, ul, p { margin: 0; padding: 0; }
a, img { border: 0; }
ul { list-style: none; }
/*reset end*/

a, a:link, a:visited, a:hover { color: #fff; }
a:hover { text-decoration: underline !important; }

#header { height: 185px; background: url(../images/harp_header_bg.jpg) 0 0 no-repeat; padding: 3px 24px 0 24px; } 
#header #logo { width: 142px; height: 138px; }
#header #logo a { display: block; width: 142px; height: 0 !important; padding: 138px 0 0 0; font-size: 0; line-height: 0; color: #FFF; background: #000 url(../images/harp_logo.gif) 0 0 no-repeat; }
#header #nav ul { margin-top: 9px; }
#header #nav ul li { display: inline; padding: 0 22px 0 0; }
#header #nav ul li a { font-size: 16px; color: #debc01; text-decoration: none; padding: 0 0 0 30px; }
#header #nav ul li a:hover { text-decoration: none !important; background: url(../images/harp_nav_selected_icon.gif) center left no-repeat; }
#header #nav ul li a.selected { color: #9096a5; background: url(../images/harp_nav_icon.gif) center left no-repeat; }

#container { background: #161616 url(../images/harp_content_bg.jpg) 0 0 no-repeat; }
#content { width: 961px; overflow: hidden; padding-top: 18px; }

#content-wrap #sidebar { width: 264px; float: left; background: url(../images/harp_sidebar_shadow.jpg) right top no-repeat; min-height: 449px; }
*html #sidebar { height: 449px; }
#content-wrap #main { width: 657px; float: left; padding: 0 10px; }

#content-wrap #sidebar .box { padding: 0 12px 12px 12px; margin-bottom: 20px; background: url(../images/harp_sidebar_divvy.jpg) left bottom no-repeat; }
#content-wrap #sidebar .box h2 { font-size: 20px; font-weight: normal; padding: 0 0 10px 0; }
#content-wrap #sidebar .box-wrap { width: 244px; overflow: hidden; }
#content-wrap #sidebar .box-wrap .thumb { width: 50px; height: 44px; float: left; margin-right: 10px; }
#content-wrap #sidebar .box-wrap .text { width: 184px; float: left;}
#content-wrap #sidebar a { color: #debc01; }


#content-wrap #main-wrap { width: 667px; overflow: hidden; }
#content-wrap #main-left { width: 478px; float: left; }
#content-wrap #main-right { width: 169px; float: right; }

#main-photo img { border: 4px solid #333;  }

#main-articles h1 { color: #666; font-size: 18px; font-weight: normal; margin-bottom: 15px; }
#main-article h1.article-title { color: #666; font-size: 18px; font-weight: normal; text-align: center; }
#main-article-wrap { width: 478px; overflow: hidden; }
#main-article-wrap h2 { color: #a7a5a5; font-weight: normal; padding: 8px 0; font-size: 18px; }
#main-article-thumb { float: left; }
#main-article-thumb img { border: 3px solid #333; margin-right: 10px; }
#main-article-thumb-full img { border: 3px solid #333; margin-bottom: 15px; }
#main-article-text { color: #999; font-size: 14px; }
#main-article-text p { padding-bottom: 15px; line-height: 1.25em; text-align: justify; }
#main-article-text ul li { padding-bottom: 3px; }

#main-gallery #date { color: #666; text-align: right; padding: 5px 0 10px 0; }
#main-gallery #controls { color: #666; text-align: right; padding: 20px 0 40px 0; }
#main-gallery #controls a { color: #666; text-decoration: none; }
#main-gallery-photo { text-align: center; }
#main-gallery-photo img { border: 1px solid #333; }
#main-gallery-thumbnails { width: 478px; overflow: hidden; margin-left: 10px; }
#main-gallery-thumbnails .main-gallery-thumbnail { padding: 0 13px 40px 0; float: left; width: 103px; height: 103px; }
#main-gallery-thumbnails .main-gallery-thumbnail a { display: block; width: 100px; height: 100px; border: 3px solid #333; }
#main-gallery-thumbnails .main-gallery-thumbnail a:hover { border: 3px solid #666; }

#follow-us { text-align: center; }
#follow-us h2 { font-size: 18px; font-weight: normal; color: #707070; padding: 0 0 10px 0; }

#promo-box { margin-top: 30px; background-color: #181818; }
#promo-box-wrap { padding: 5px; }
#promo-box h2 { background: url(../images/harp_promos_box.gif) 0 0 no-repeat; width: 169px; height: 29px; line-height: 29px; color: #FFF; text-align: center; font-size: 18px; font-weight: normal; color: #ccc; text-transform: uppercase; }
#promo-box h3 { font-size: 16px; font-weight: normal; color: #cc9900; padding: 5px 0; }
#promo-box p, #promo-box a { color: #999; }
#promo-box p { padding-bottom: 20px; }
#promo-box a:hover { text-decoration: none !important; }



#article-list { margin-left: 20px; }
#article-list h2 { font-size: 18px; font-weight: normal; padding-left: 34px; }
#article-list h2.orange { color: #905b0f; background: url(../images/harp_section_orange_icon.gif) center left no-repeat; }
#article-list h2.blue { color: #036f82; background: url(../images/harp_section_blue_icon.gif) center left no-repeat; }
#article-list h2.violet { color: #214088; background: url(../images/harp_section_violet_icon.gif) center left no-repeat; }
#article-list ul { margin: 10px 0 0 10px; }
#article-list a { color: #666; text-decoration: none !important; line-height: 24px; }
#article-list a:hover { text-decoration: underline !important; }
#article-list a.selected { color: #fff; text-decoration: underline !important; }

#bottom-column { width: 929px; height: 112px; overflow: hidden; background: #161616 url(../images/harp_bottom_column_bg.jpg) 0 0 no-repeat; margin: 0 16px; color: #aaa; }
#bottom-column-left { float: left; }
#bottom-column-left a { color: #fff; text-decoration: none; }
#bottom-column-left ul { margin: 20px 0 0 15px; }
#bottom-column-left ul li { padding-bottom: 3px; }
#bottom-column-left ul li a { background: url(../images/harp_yellow_arrow.gif) center left no-repeat; padding-left: 10px; }
#bottom-column-left ul.left, #bottom-column-left ul.right { float: left; width: 235px; }
#bottom-column-right { float: right; color: #fcfcfc; padding: 11px 8px 0 0; }
#bottom-column-right p { float: left; font-size: 11px; padding: 10px 12px 0 0; }
#bottom-column-right a:hover { text-decoration: none !important; }

#footer { background-color: #050505; color: #666; height: 39px; width: 961px; overflow: hidden; }
#footer-left { float: left; }
#footer-left ul li { padding: 0 20px; display: inline; }
#footer-left a { color: #666; text-decoration: none; line-height: 39px; }
#footer-right { float: right; color: #313131; font-size: 10px; padding: 0 17px 0 0; }
#footer-right p { padding-top: 10px; }

.yellow { color: #debc01; }
.red { color: #ff0101; }
.blue { color: #3d64e0; }
.date { color: #666; margin-bottom: 5px; }
.border-art { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/harp_article_line.png'); width: 474px; height: 15px; margin: 0 0 15px; 0 }  
.border-art[class] { background: url(../images/harp_article_line.png) center bottom no-repeat; }