/*
- 01 RESETS
- 02 GENERIC GLOBAL STYLES
- 03 MAIN TEMPLATE STYLES
- 04 HEADER
- 05 MAIN CONTAINER
- 06 FOOTER -> footer navigation
- 07 ABOUT PAGE
- 08 CLIENTS PAGE
- 09 SINGLE PORTFOLIO PAGE
- 10 HORIZONTAL SCROLL PAGE -> portfolio (index) page -> news page -> vertical scroll (news page) styles
- 11 FILTER (index page)
- 12 CONTACT PAGE

*/

/*01 RESETS*/
*{padding:0; margin:0;}
ul{list-style-type:none;}
fieldset{border:none;}
a img{border:none;}


/*02 GENERIC GLOBAL STYLES*/
html, body{
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size:13px;
    line-height:18px;
    color:#636363; 
    background: #292527;
    overflow-x: hidden;
}
p{
    margin-bottom: 18px;
}
ul, ol{
    margin-bottom: 18px;
}
.text_replace{
    background-repeat:no-repeat;
    outline:0;
    text-indent:-9999px;
}
a.text_replace:active{
    outline:0;
}
span.dropcaps{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 42px;
    float: left;
    line-height: 34px;
    margin-top: 2px;
    margin-right: 3px;
    font-weight: normal;
}


/*03 MAIN TEMPLATE STYLES*/
#wrap{
    width:auto;
    height: auto;
}
.center{
    width: 940px;
    height: auto;
    padding: 0 10px;
    margin:0 auto;
}
.one-third{float: left; width: 300px; height: auto; margin-left: 20px;}
.two-third{float: left; width: 620px; height: auto; margin-left: 20px;}
.one-fourth{float: left; width: 220px; height: auto; margin-left: 20px;}
.first_column{
    margin-left: 0;
}
.column_dark_area{
    height: 252px;
}
.column_light_area{
    height: 126px;
    margin-top: 18px;
    color: #404040;
    background: url(../images/transparent_bottom_border.png) left bottom repeat-x;
}
.column_light_area_about{
    height: 70px;
    margin-top: 30px;
    color: #404040;
    background: url(../images/transparent_bottom_border.png) left bottom repeat-x;
}
h6{
    font-size: 12px;
    font-weight: bold;
    color: #707070;
}
.column_light_area h6{
    color: #404040;
}
.column_light_area_about h6{
    height: 70px;
    margin-top: 30px;
    color: #404040;
    background: url(../images/transparent_bottom_border.png) left bottom repeat-x;
}
/*04 HEADER*/
#global_header{
    position: relative;
    height: 126px;
    background: #120f11;
    z-index: 1;
}
#global_header_noisy_bg{
    height: 125px;
    background: url(../images/header_noisy_bg.png)
}
#global_header_border{
    height: 126px;
    background: url(../images/header_transparent_border.png) 0 0 repeat-x
}
#global_header_gradient_bg{
    position: absolute;
    width: 691px;
    height: 126px;
    margin-left: -145px;
    background: url(../images/header_gradient_bg.jpg) no-repeat;
    z-index: -1;
}
#global_header h1#logo{
    position: absolute;
    float:left;
    margin:0;
}
#global_header h1#logo a{ display:block; background:url(../images/logo.png); width:280px; height:126px; 
}
#global_header ul#nav{
    position:relative;
    float:right;
    top:36px;
    right:0px;
}
#global_header ul#nav li{
    position:relative;
    float:left;
    padding-left: 20px;
}
#global_header ul#nav li div.global_nav_separator{
    position: absolute;
    left:-20px;
    width: 20px;
    height: 54px;
    background: url(../images/nav_button/nav_separator.png) 9px 10px no-repeat;
}
#global_header ul#nav li a{
    display: block;
    height: 54px;
}
#global_header ul#nav li#button_01_global_nav:hover{background-position: 0 0;}
#global_header ul#nav li#button_02_global_nav:hover{background-position: 0 0;}
#global_header ul#nav li#button_03_global_nav:hover{background-position: 0 0;}
#global_header ul#nav li#button_04_global_nav:hover{background-position: 0 0;}
#global_header ul#nav ul{
    background: none;
    width: 228px;
    visibility: hidden;
    position: absolute;
    top: 54px;
    left: 0px;
    padding-top: 36px;
}
#global_header ul#nav ul.dropdown_shadow_bg{
    background: url(../images/dropdown_shadow_test_bg.png) center top repeat-y;
}
#global_header ul#nav ul li.dropdown_shadow_bottom_bg{
    position:absolute;
    background: url(../images/dropdown_shadow_02_bg.png);
    margin: 0;
    padding: 0; 
    width: 228px;
    height: 9px;
    border: none;
}
#global_header ul#nav ul li{ background: url(../images/dropdown_bg.jpg); float: none; font-family: Garamond, Hoefler Text, Times New Roman, Times, serif; font-size: 14px; text-transform: uppercase; margin: 0 5px 0 3px; padding: 0 20px; line-height: 36px; width: 280px; height: 36px; 
}
#global_header ul#nav ul li div{ border-top: 1px solid #343334; border-bottom: 1px solid #252024; width: 300px; height: 34px; 
}
#global_header ul#nav ul li div.firstli{
    border-top: none;
    height: 35px;
}
#global_header ul#nav ul li div.lastli{
    border-bottom: none;
    height: 35px;
}
#global_header ul#nav li li a{
    display: block;
    height: 36px;
    padding-left: 10px;
    color: #839389;
    text-decoration: none;
}
#global_header ul#nav li li a:hover{
    text-decoration: underline;
    background-position: 0 -36px;
}
#global_header ul#nav ul li a{
    border-right: none;
    width: 100%;
    display: inline-block;
}

 
/*05 MAIN CONTAINER*/
#main_container_wrap{
    width:auto;
    height: 468px;
    background: url(../images/container_top_bg.jpg) -410px 0 repeat-x;
}
#container_drop_light_bg{
    background: url(../images/container_drop_light.png) center 0 no-repeat;
}
#main_container{
    width:auto;
    height: 432px;
    background: url(../images/container_bottom_bg.jpg) -410px bottom repeat-x;
    padding-top: 36px;
}
.index{
    margin-top: 36px;
}
#main_container h2{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 18px;
    text-decoration: underline;
}
#main_container h2.news{
    margin-bottom: 36px;
}
#button_line{
    width: 940px;
    height: 21px;
    background: url(../images/scroll_line.png) 0 14px no-repeat;
    margin-bottom: 51px;
}
#button_line_01{
    width: 940px;
    height: 21px;
    background: url(../images/button_line_01.png) 0 14px no-repeat;
    margin-bottom: 51px;
}
#button_line_02{
    width: 940px;
    height: 21px;
    background: url(../images/button_line_02.png) 0 14px no-repeat;
    margin-bottom: 51px;
}
#button_line_03{
    width: 940px;
    height: 21px;
    background: url(../images/button_line_03.png) 0 14px no-repeat;
    margin-bottom: 51px;
}
a.left_button_line{
    display: block;
    float: left;
    width: 80px;
    height: 17px;
    line-height: 16px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #898989;
    border-bottom: 1px solid #241f23;
    margin-left: 10px;
    text-decoration: none;
}
a.right_button_line{
    display: block;
    float: right;
    width: 80px;
    height: 17px;
    line-height: 16px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #898989;
    border-bottom: 1px solid #241f23;
    margin-right: 10px;
    text-decoration: none;
}
a.left_button_line:hover,
a.right_button_line:hover{
    color: #241f23;
}
.column_dark_area h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 36px;
    color: #84948a;
    height: 36px;
    overflow: hidden;
}
.column_light_area h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 36px;
    color: #363636;
    height: 36px;
    overflow: hidden;
}
.column_dark_area h3.underline{
    text-decoration: underline;
}
.column_light_area h3.underline{
    text-decoration: underline;
    color: #363636;
}
.column_light_area a{
    color: #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
    text-decoration: none;
}
.column_light_area a:hover{
    color: #fafafa;
    border-bottom: none;
}

.column_light_area h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 36px;
    color: #363636;
    height: 36px;
    overflow: hidden;
}
.column_dark_area h3.underline{
    text-decoration: underline;
}
.column_light_area_about h3.underline{
    text-decoration: underline;
    color: #363636;
}
.column_light_area_about a{
    color: #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
    text-decoration: none;
}
.column_light_area_about a:hover{
    color: #fafafa;
    border-bottom: none;
}
/*06 FOOTER*/
#footer_wrap{ width:auto; height: 250px; background: #cfcfcf url(../images/footer_bg.jpg) 0px 0 repeat-x; padding-top: 54px; 
}
#footer_content{
    width: 100%;
    height: 162px;
    color: #8f8f8f;
    font-size: 12px;
    background: url(../images/footer_content_bg.png);
    padding-top: 15px;
    padding-bottom: 16px;
}
#footer_content .one-fourth{
    padding-left: 10px;
    width: 210px;
}
#footer_content h4{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    color: #7e7e7e;
    margin-bottom: 18px;
}
#footer_content a{
    color: #ececec;
    border-bottom: 1px dashed #ececec;
    text-decoration: none;
}
#footer_content a:hover{
    color: #fafafa;
    border-bottom: none;
}
#footer_content ul a{
    color: #8f8f8f;
    text-decoration: none;
    border-bottom: none;
}
#footer_content ul a:hover{
    color: #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
}
#footer_content ul li{
    margin-bottom: 9px;
}
#footer_content ul.list_style_02 li{
    margin-bottom: 18px;
}
#footer_content ul li.last{
    margin: 0;
}
.vertical_separate_line{
    height: 162px;
    background: url(../images/footer_vertical_separate_line.png) 0 0 repeat-y;
}
#footer_logo{ width: 210px; height: 60px; background: url(../images/footer_logo.png) no-repeat; 
}
#footer_content ul{
    margin: 0 0 9px;
    padding: 0;
}
#footer_content ul.icons li{
    margin: 0;
}
#footer_content ul.icons li a{
    color: #ececec;
    border-bottom: 1px dashed #ececec;
    text-decoration: none;
}
#footer_content ul.icons li a:hover{
    color: #fafafa;
    border-bottom: none;
}
.facebook_icon{
    background: url(../images/icon/facebook_16.png) no-repeat;
    background-position: 0 6px;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding-left: 26px;
    margin-bottom: 9px;
}
.twitter_icon{
    background: url(../images/icon/twitter_16.png) no-repeat;
    background-position: 0 6px;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding-left: 26px;
}
.rss_icon{
    background: url(../images/icon/rss_16.png) no-repeat;
    background-position: 0 6px;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding-left: 26px;
}
#footer_top_border{
    width: 940px;
    height: 3px;
    background: url(../images/footer_content_top_border.png);
}
#footer_bottom_border{
    width: 940px;
    height: 2px;
    background: url(../images/footer_content_bottom_border.png);
    margin-bottom: 18px;
}
/*footer navigation*/
ul#footer_nav{
    position:relative;
    width: 100%;
    height: 18px;
}
ul#footer_nav li{
    position:relative;
    float: left;
    background: url(../images/footer_nav_separator.png) 19px 8px no-repeat;
    padding-left: 40px;
}
ul#footer_nav li.first{
    padding: 0;
    background: none;
}
ul#footer_nav li a{
    display: block;
}
#button_01_footer_nav{width: 132px; height: 18px; background: url(../images/footer_nav_buttons.png) 0 0 no-repeat;}
#button_01_footer_nav:hover{background-position: 0 -18px;}
#button_02_footer_nav{width: 114px; height: 18px; background: url(../images/footer_nav_buttons.png) 0 -36px no-repeat;}
#button_02_footer_nav:hover{background-position: 0 -54px;}
#button_03_footer_nav{width: 153px; height: 18px; background: url(../images/footer_nav_buttons.png) 0 -72px no-repeat;}
#button_03_footer_nav:hover{background-position: 0 -90px;}
#button_04_footer_nav{width: 104px; height: 18px; background: url(../images/footer_nav_buttons.png) 0 -108px no-repeat;}
#button_04_footer_nav:hover{background-position: 0 -126px;}


/*07 ABOUT PAGE*/
#about_item{
    width: 620px;
    height: 144px;
    margin-bottom: 18px;
}
#about_item .top_bg{
    width: 620px;
    height: 3px;
    background: url(../images/about_item_top_bg.png) no-repeat;
}
#about_item .content_bg{
    width: 620px;
    height: 138px;
    background: url(../images/about_item_bg.png) repeat-x;
}
#about_item .bottom_bg{
    width: 620px;
    height: 3px;
    background: url(../images/about_item_bottom_bg.png) no-repeat;
}
#about_item img{
    margin: 6px 10px;
}


/*08 CLIENTS PAGE*/
ul.client li{
    display: inline;
}
ul.client a{
    display: block;
    float: left;
    width: 140px;
    height: 108px;
    margin-left: 20px;
    margin-bottom: 18px;
    color:#636363;
    background-repeat: no-repeat;
    background-position: 0 0;
}
ul.client a:hover{
    background-position: -140px 0;
}
ul.client a.first_cleint{
     margin-left: 0;
}


/*09 SINGLE PORTFOLIO PAGE*/
#slider_wrap{
    width: 620px;
    height: 360px;
    background: url(../images/slider_top_border.png) 0 0 repeat-x;
}
#loopedSlider{
    position: relative;
    width:620px;
    height: 317px;
    padding-top: 54px;
    clear:both;
}
#slider_bg{
    width:600px;
    height:252px;
    padding: 6px 10px;
    background: url(../images/slider_bg.png) repeat-x;
}
#slider_top_bg{
    width:620px;
    height:3px;
    background: url(../images/slider_top_bg.png) no-repeat;
}
#slider_bottom_bg{
    width:620px;
    height:3px;
    background: url(../images/slider_bottom_bg.png) no-repeat;
}
.container{
    width:600px;
    height:252px;
    overflow:hidden;
    position:relative;
}
.slides{
    position:relative;
    top:0;
    left:0;
    cursor:pointer;
}
.slides div{
    position:absolute;
    top:0;
    display:none;
}
.portfolio_page .column_dark_area h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    text-decoration: underline;
    overflow: hidden;
}
.portfolio_page .column_light_area h3{
    line-height: 36px;
    height: 36px;
}
.portfolio_page .column_dark_area{
    margin-bottom: 36px;
}
.portfolio_page .column_light_area p{
    margin: 9px 0;
}
.portfolio_page .two-third .one-third{
    height: 72px;
    margin-top: 0;
}
.portfolio_page .item_info{
    width: 280px;
    height: 36px;
    line-height: 36px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #626e66;
    background: url(../images/news_item_info_bg.png) 0 17px no-repeat;
}
.portfolio_page_btn ul li {
    display: inline;
}
.portfolio_page_btn a{
    float: right;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 22px;
    padding: 4px 10px;
    border: 1px solid #555555;
    color: #404040;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-left: 10px;
}
.portfolio_page_btn a:hover{
    border: 1px solid #363636;
    color: #363636;
}
#slider_shadow{
    position: absolute;
    width: 606px;
    height: 38px;
    bottom: 0px;
    background: url(../images/slider_shadow.png) 0 0 no-repeat;
}
#slider_nav_wrap{
    position: absolute;
    top: 18px;
    left: 210px;
}
ul.pagination{
    list-style-type:none;
    height: 36px;
}
ul.pagination li{
    float:left;
    width: 50px;
    height: 36px;
    background: url(../images/slider_nav_bg.png) 0 18px no-repeat;
}	
ul.pagination a{
    display:block;
    width:20px;
    padding-top: 20px;
    height:0;
    margin: 8px 15px;
    color:#636363;
    overflow:hidden;
    background-position:0 0;
    background-repeat:no-repeat;
}
ul.pagination li a:hover{
    background-position:0 -40px
}
ul.pagination li.active a{
    background-position:0 -20px
}


/*10 HORIZONTAL SCROLL PAGE*/
#scroll_position{
    width: 100%;
    position: absolute;
    padding-right: 200px;
}
#scroll_wrap{
    position: absolute;
    left: -200px;
    width: 100%;
    height: 378px;
    overflow: auto;
    overflow-y: hidden;
}
#scroll_area{
    position: relative;
    left: 200px;
    height: 100%;
    padding-right: 160px;
}
.index #scroll_wrap{
    position: absolute;
    left: -200px;
    width: 100%;
    height: 396px;
    overflow: auto;
    overflow-y: hidden;
}
#scroll_line_bg{
    width: 940px;
    background: url(../images/scroll_line.png) no-repeat;
    margin-top: 14px;
    margin-bottom: 51px;
}
#scroll_line_wrap{
    position: relative;
    width: 840px;
}
#scroll_line{
    width:940px;
    height: 7px;
}
#scroll_line .ui-slider-handle{
    width: 100px;
    height: 7px;
    position: absolute;
    background: url(../images/scroll_line_handle.png) no-repeat;
}
/*portfolio (index) page*/
.portfolio_item{
    position: relative;
    width: 300px;
    height: 288px;
    float: left;
    margin-right: 40px;
}
.portfolio_item .top_bg{
    width: 300px;
    height: 3px;
    background: url(../images/item_top_bg.png) no-repeat;
}
.portfolio_item .bottom_bg{
    width: 300px;
    height: 3px;
    background: url(../images/item_bottom_bg.png) no-repeat;
    margin-bottom: 36px;
}
.portfolio_item .content_bg{
    width: 300px;
    height: 228px;
    background: url(../images/portfolio_item_content_bg.png) repeat-x;
}
.portfolio_item .content_bg a{
    color:#636363;
}
.portfolio_item h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 9px;
    height: 18px;
    overflow: hidden;        
}
.portfolio_item h3 a{
    color: #a3b8ab;
    text-decoration: none;
}
.portfolio_item h3 a:hover{
    text-decoration: underline;
}
.portfolio_item .item_info{
    width: 300px;
    height: 18px;
    line-height: 18px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #626e66;
    margin-bottom: 9px;
    background: url(../images/portfolio_item_info_bg.png) 0 8px no-repeat;
}
.portfolio_item img{
    margin: 6px 10px;
}
.portfolio_item a.item_button{
    position: absolute;
    left: 165px;
    bottom: -8px;
    display: block;
    width: 130px;
    height: 27px;
    line-height: 25px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px; 
    font-style: italic;
    text-align: center;
    color: #ebebeb;
    text-decoration: none;
    background: url(../images/item_button.png) 0 0 no-repeat;
}
.portfolio_item a.item_button:hover{
    background-position: 0 -27px;
}
.portfolio_item .item_shadow{
    position: absolute;
    bottom: -47px;
    left: 6px;
    width: 288px;
    height: 38px;
    background: url(../images/portfolio_item_shadow.png) no-repeat;
    z-index: 1;
}
.portfolio_item .description{
    width: 300px;
    height: 54px;
    padding: 9px 0;
    color: #555;
    background: url(../images/transparent_bottom_border.png) left bottom repeat-x;
}
/*news page*/
.news_item{
    position: relative;
    width: 300px;
    height: 324px;
    float: left;
    margin-right: 40px;
}
.news_item .top_bg{
    width: 300px;
    height: 3px;
    background: url(../images/item_top_bg.png) no-repeat;
}
.news_item .bottom_bg{
    width: 300px;
    height: 3px;
    background: url(../images/item_bottom_bg.png) no-repeat;
}
.news_item .content_bg{
    width: 280px;
    height: 318px;
    padding: 0 10px;
    background: url(../images/news_item_content_bg.png) repeat-x;
}
.news_item .content_bg p.last{
    margin: 0;
}
.news_item h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-top: 6px;
    margin-bottom: 9px;
    height: 18px;
    overflow: hidden;
}
.news_item h3 a{
    color: #84948a;
    text-decoration: none;
}
.news_item h3 a:hover{
    text-decoration: underline;
}
.news_item .item_info{
    width: 280px; 
    height: 18px;
    line-height: 18px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #626e66;
    background: url(../images/news_item_info_bg.png) 0 8px no-repeat;
}
.news_item a.item_button{
    position: absolute;
    left: 85px;
    bottom: -8px;
    display: block;
    width: 130px;
    height: 27px;
    line-height: 25px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px; 
    font-style: italic;
    text-align: center;
    color: #ebebeb;
    text-decoration: none;
    background: url(../images/item_button.png) 0 0 no-repeat;
}
.news_item a.item_button:hover{
    background-position: 0 -27px;
}
.news_item .item_shadow{
    position: absolute;
    bottom: -47px;
    left: 6px;
    width: 288px;
    height: 38px;
    background: url(../images/news_item_shadow.png) no-repeat;
    z-index: 1;
}
/*vertical scroll (news page) styles*/
.news_item .news_content_01,
.news_item .news_content_02,
.news_item .news_content_03,
.news_item .news_content_04,
.news_item .news_content_05,
.news_item .news_content_06,
.news_item .news_content_07,
.news_item .news_content_08,
.news_item .news_content_09,
.news_item .news_content_10{
    width: 260px;
    height: 216px;
    float:left;
    padding-right: 10px;
    margin: 18px 0;
    overflow: auto; overflow-x: hidden;
}
.vertical_scroll_line_bg{
    position: relative;
    width: 10px;
    height: 252px;
    float:left;
    background: url(../images/vertical_scroll_line.png) no-repeat;
}
.arrow_up{
    position: absolute;
    top: 0;
    width: 10px;
    height: 18px;
    background: url(../images/vertical_scroll_line_arrow_up.png) no-repeat;
}
.arrow_down{
    position: absolute;
    top: 234px;
    width: 10px;
    height: 18px;
    background: url(../images/vertical_scroll_line_arrow_down.png) no-repeat;
}
.ui-slider-vertical{
    position: absolute;
    top: 8px;
    width: 10px;
    height: 236px;
}
.vertical_handle_wrap{
    position: absolute;
    top: 91px;
    height: 153px;
}
.ui-slider-handle{
    position: absolute;
    width: 10px;
    height: 99px;
    cursor: pointer;
    background: url(../images/vertical_scroll_line_handle.png) no-repeat;
}


/*11 FILTER (index page)*/
#filter_panel_wrap{
    position: absolute;
    margin: 0 auto;
    width: 100%;
}
#filter_panel{
    position: relative;
    background-image: url(../images/filter_bg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    width: 100%;
    height: 28px;
    margin-top: -18px;
}
a#filter_panel_button{
    display: block;
    position: relative;
    color:#636363;
    top: -4px;
    left: 852px;
    width: 98px;
    height: 29px;
    background-image: url(../images/filter_button_close.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
ul#filter_categories{
    position:relative;
    width:860px;
    visibility: hidden;
    margin-bottom: 0;
}
ul#filter_categories li{
    float: left;
    margin-top: 4px;
    margin-right: 10px; 
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing:2px;
    border: 1px solid #2b292b;
}
ul#filter_categories li:hover{
    border: none;
    padding: 1px;
}
ul#filter_categories li.roundify{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
ul#filter_categories li a{
    display: block;
    padding: 0 9px;
    line-height: 16px;
    color: #3f3e3f;
    text-decoration: none;
}
ul#filter_categories li a:hover{
    color: #959595;
    text-decoration: underline;
}


/*12 CONTACT PAGE*/
#form_wrap{
    float: left;
    width: 460px;
    padding-top:18px;
}
form span{
    margin-left: 20px;
    font-size: 12px;
    line-height: 27px;
}
form input{
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    width: 218px;
    padding: 4px 0 5px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
form input.idleField{
    color:#707070;
    background: url(../images/form_bg.png); border: 1px solid #464646;	
}
form input.focusField{
    color: #b7b7b7;
    background: url(../images/form_focus_bg.png); border: 1px solid #636363;
}
form textarea.idleField{
    color:#707070;
    background: #343133; border: 1px solid #464646;
}
form textarea.focusField{
    color: #b7b7b7;
    background: #3d3a3c; border: 1px solid #636363;
}
form textarea{
    width: 428px;
    height: 116px;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding: 4px 5px;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
form button{
    float: left;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid #7a7e7c;
    color:#555;
    width: auto;
    height: auto;
    background: url(../images/contact_form_btn_bg.png) top left repeat-x;
    cursor: pointer;
}
form button:hover{
    color:#ebebeb;
    border-color: #7a7e7c;
    width: auto;
    height: auto;
    background-position: 0 -27px;
    cursor: pointer;
}
.error{
	font-size:12px;
	padding:4px 10px 5px 10px;
	color:#000;
	display:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
}
.error p{
	margin:0;		
}
#response{
    float:left;
    font-size: 12px;
    color: red;
    margin: 0 10px 0 30px;
    font-weight: bold;
}
#response p{
    margin: 0;
    line-height: 27px;
}
.hide{
    display: none;
}
#contact_form_shadow{
    margin-top: 9px;
    width: 440px;
    height: 38px;
    background: url(../images/contact_form_shadow.png) 0 0 no-repeat;
}
#contact_form_button{
    margin-top: -6px;
}
#contact_map_wrap{
    float: left;
    width: 460px;
    margin-left: 20px;
}
#contact_map_wrap h3{
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    color: #84948a;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    height: 18px;
    overflow: hidden;
}
#contact_map_wrap p a{
    color: #ccc;
    text-decoration: underline;
}
#contact_map_wrap p a:hover{
    text-decoration: none;
}
#map{
    float: left;
    width: 460px;
    height: 198px;
}
#map .top_bg{
    width: 460px;
    height: 3px;
    background: url(../images/map_top_bg.png) no-repeat;
}
#map .content_bg{
    padding:6px 10px;
    width: 440px;
    height: 180px;
    background: url(../images/map_bg.png) 0 0 repeat-x;
}
#map .bottom_bg{
    width: 460px;
    height: 3px;
    background: url(../images/map_bottom_bg.png) no-repeat;
}
#googlemap{
    width: 440px;
    height: 180px;
}
#map a.item_button{
    position:relative;
    left: 325px;
    top: -18px;
    display: block;
    width: 130px;
    height: 27px;
    line-height: 25px;
    font-family: Garamond, Hoefler Text, Times New Roman, Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #ebebeb;
    text-decoration: none;
    background: url(../images/item_button.png) 0 0 no-repeat;
}
#map a.item_button:hover{
    background-position: 0 -27px;
}
#map_shadow{
    position: relative;
    top:-18px;
    width: 460px;
    height: 38px;
    background: url(../images/map_shadow.png) 0 0 no-repeat;
}