html {padding: 0px; margin: 0px; background-image: url('../images/main/bg.jpg'); background-repeat: repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color:#FFFFFF; width: 100%; height: 100%;}
body {padding: 0px; margin: 0px; width: 100%; height: 100%;}
#bg_top {background: url('../images/main/bg_top.jpg') repeat-x top center; width: 100%; display: table; height: 100%;}
#bg_bottom {background: url('../images/main/bg_bottom.jpg') repeat-x bottom center; width: 100%; display: table; height: 100%;}
#holder {width: 800px; height: auto; margin: auto;}
#header {width: 800px; height: 145px; display:block; background-image: url('../images/main/header.jpg');}

#nav {width: 800px; height: 60px; display: block; background-image: url('../images/main/nav_bg.jpg');}
#content {width: 800px; height: auto; min-height: 400px; background-color: #transparent; background-image: url('../images/main/content_bg.jpg'); background-repeat: repeat-y;}
#content_inside {width: 660px; height: auto; min-height: 400px; padding: 25px 20px 20px 20px; background-color: #transparent; background-image: url('../images/main/frame_top.jpg'); background-repeat: no-repeat; background-position: top center;}
#content_bottom {width: 700px; height: 65px; background-color: #000000; background-image: url('../images/main/content_bottom.jpg'); background-repeat: no-repeat; background-position: top center; text-align: center; display: block;}
#frame_bottom {width: 800px; height: 300px; background-color: #000000; background-image: url('../images/main/frame_bottom.jpg'); background-repeat: no-repeat; background-position: top center; display: block;}
#footer {height: 100px; width: 800px; display: block; margin: auto; text-align: center; color: #999999;}



a {color: #666666; text-decoration: none;}
a:hover {color: #FFFF66;}


.nav_portfolio, .nav_news, .nav_about, .nav_contact, .nav_clients, .nav_video {height: 60px; overflow: hidden; display: block; float: left;}
.nav_portfolio:hover, .nav_news:hover, .nav_about:hover, .nav_contact:hover, .nav_clients:hover, .nav_video:hover {background-position: 0px -60px;}
.nav_portfolio_selected, .nav_news_selected, .nav_about_selected, .nav_contact_selected, .nav_clients_selected, .nav_video_selected  {height: 60px; overflow: hidden; display: block; float: left; background-position: 0px -60px;}

.nav_portfolio, .nav_portfolio_selected {width: 123px; background-image: url('../images/main/nav_portfolio.jpg'); margin-left: 110px;}
.nav_news, .nav_news_selected {width: 81px; background-image: url('../images/main/nav_news.jpg');}
.nav_about, .nav_about_selected {width: 86px; background-image: url('../images/main/nav_about.jpg');}
.nav_contact, .nav_contact_selected {width: 106px; background-image: url('../images/main/nav_contact.jpg');}
.nav_clients, .nav_clients_selected {width: 106px; background-image: url('../images/main/nav_clients.jpg');}
.nav_video, .nav_video_selected {width: 77px; background-image: url('../images/main/nav_video.jpg');}

.news_title, .news_date, .news_text {font-family: Georgia, "Times New Roman", Times, serif;}
.news_headline {font-size: 18px; color: #ffffff; font-style: italic;}
.news_date {font-size: 12px; color: #959595; margin-bottom: 20px;}
.news_text {font-size: 14px; color: #d7d7d7;}

.inside_headline {width: 660px; height: 80px; display: block; text-align: center;}


#post_btns {width: 180px; height: 25px; display: block; margin: auto;}
.older_btn {height: 54px; width: 73px; display: block; overflow: hidden; float: left; background-image: url('../images/main/older_btn.jpg');}
.newer_btn {height: 54px; width: 82px; display: block; overflow: hidden; float: left; background-image: url('../images/main/newer_btn.jpg');}
.older_btn:hover, .newer_btn:hover {background-position: 0px -54px;}


hr {margin: 30px 0px 25px 0px; border: none; height: 1px; width: 680px; background-color: #333333;}



#portfolio_content {width: 800px; height: 580px; background-color: #000000;}
#portfolio_left {width: 50px; height: 580px; display: block; background-image: url('../images/main/portfolio_left.jpg'); float: left;}
#portfolio_center {width: 700px; height: 580px; display: block; float: left;}
#portfolio_right {width: 50px; height: 580px; display: block; background-image: url('../images/main/portfolio_right.jpg'); float: left;}
#portfolio_content_bottom {width: 800px; height: 270px; background-color: #000000; clear: both;}