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

/* GENERIC GLOBAL STYLES*/
html, body{
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    overflow-x: hidden;
}
p{
    margin-bottom: 18px;
}
ul, ol{
    margin-bottom: 18px;
}
.text_replace{
    background-repeat:no-repeat;
    outline:0;
    text-indent:-9999px;
}
img{
    margin-bottom: 18px;
}

/* MAIN TEMPLATE STYLES*/
#wrap{
    width:auto;
    height: auto;
}
.center{
    position: relative;
    width: 940px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

/* HEADER*/
#glob_header{
    width:auto;
    height: 144px;
}
#top_bar .center div{
    float: right;    
    text-transform: uppercase;
    font-size: 8px;
    margin: 0 10px;
}
#top_bar .center div a{
    text-decoration: none;
}
h1#logo{
    position: absolute;
    left: 0;
}
h1#logo a{
    display:block;
    width:280px;
    height:500px;
}
.navi{
    position: absolute;
    top: 54px;
    right: 20px;
}
.navi li{
    float: left;
    padding-left: 15px;
}
.navi li h3{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.9px;
    padding: 0 8px;
}
.navi li h3:hover{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.navi li h3.current{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;   
}
.navi li h3 a{
    position: relative;
    top: -1px;
    right: -1px;
    text-decoration: none;
}

/*header slider*/
#slider_cover{
    display: block;
    height: 378px;
    width: 2040px;
    position: absolute;
    top: 0;
    left: -540px;
    z-index: 99;
}
#glob_slider{
    position: relative;
    width: auto;
    display: block;
    height: 414px;
	overflow: hidden;
}
#carousel {
	margin: 0;
    float: right;    
	width: 960px;
	height: 360px;
	padding: 0;
}
#carousel ul {
	list-style: none;
	width: 1600px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder{
    top: 270px;
    z-index: 101;  
}
.slider_holder{
    position: relative;
    width: 316px;
    height: 96px;
    top: 270px;
    z-index: 100;
}
.textholder p{
    position: relative;
    left: 10px;
    width: 286px;
    padding: 0 10px;
}
.textholder p span{
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 18px;    
}
div.thumbs{
    position: absolute;
    top: 378px;
    left: 440px; /* -10px if want to add new slide in header slider*/
    z-index: 100;
    width: 60px; /* +20px if want to add new slide in header slider*/
    height: 5px;  
}
a.thumb{
    position: relative;
    float: left;
    height: 5px;
    width: 5px;
    margin-left: 15px;
    text-indent: -9999px;
}
#slider_botton{
    position: relative;
    margin-top: -36px;
    height: 36px;
}
#container_top{
    position: relative;
    height: 18px;
}
a.btn_rt{
    position: absolute;
    display: block;
    top: 378px;
    left: 515px; /* +10px if want to add new slide in header slider*/
    height: 5px;
    width: 5px;
    color: #8a867c;
    z-index: 100;
    background: url(../images/slider_arrow_rt.png) 0 0 repeat-x;
}
a.btn_lt{
    position: absolute;
    display: block;
    top: 378px;
    left: 435px; /* -10px if want to add new slide in header slider*/
    height: 5px;
    width: 5px;
    color: #8a867c;
    z-index: 100;
    background: url(../images/slider_arrow.png) 0 0 repeat-x;
}
a.btn_rt:hover{
    color: #8a867c;
    background-position: 0 -5px;
}
a.btn_lt:hover{
    color: #8a867c;
    background-position: 0 -5px;
}

/* MAIN CONETENT AREA*/
#main_container{
    padding-bottom: 90px;
}
#main_container .center{
    margin-top: -18px;   
}
.sub_container{
    padding-bottom: 18px;    
}
.sep_line{
    position: relative;
    top: 36px;
    height: 36px;     
}
.arrow_left{
    position: absolute;
    top: 8px;
    left: 10px;
    height: 5px;
    width: 9px;
}
.arrow_left:hover{
    background-position: 0 -5px;
}
.arrow_right{
    position: absolute;
    top: 23px;
    right: 10px;
    height: 5px;
    width: 9px;
}
.arrow_right:hover{
    background-position: 0 -5px;
}
#main_container h2{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 36px;
    font-weight: normal;
    font-style: italic;    
}
#main_container .navi{
    top: 9px;
    right: 20px;
}
.section_bar{
    position: relative;
    margin-top: 63px;
    margin-bottom: 45px;
}
.share_bar{
    position: relative;
    height: 18px;    
}
.share_bar a{
    position: absolute;
    right: 10px;
    display: block;
    font-size: 8px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: normal;
    padding-left: 15px;
}

/* CONTENT TEMPLATE*/
.content img{
    float: left;
}
#main_container form{
    position: relative;
    margin-bottom: 18px;
}
.content form span{
    display: block;
    width: 280px;
    height: 34px;
    padding: 0 2px 2px 0;
}
.content input{
    float: left;
    width: 234px;
    border: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-decoration: underline;
    padding: 8px 0 8px 10px;
}
input.button{
    display: block;
    width: 34px;
    height: 34px;
}
.result1{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin-top: 9px;
}
.scroll_module{
    float: left;
    width: 280px;
    height: 342px;
    margin-bottom: 18px;
    padding: 0 10px;
    margin-right: 20px; 
}
.scroll_module h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}
.scroll_module .content_module{
    width: 280px;
    height: 270px;
}

/* scroll module (1/3)*/
.scroll_module .scroll_area_01,
.scroll_module .scroll_area_02,
.scroll_module .scroll_area_03{
    position: relative;
    float: left;
    width: 260px;
    height: 270px;
    padding-right: 10px;  
}
.scroll_module .scroll_line{
    position: relative;
    top: -36px;
    float: left;
    height: 306px;
    width: 10px;
}
.arrow_up{
    position: absolute;
    top: 0;
    width: 10px;
    height: 18px;
}
.arrow_down{
    position: absolute;
    top: 288px;
    width: 10px;
    height: 18px;
}
.ui-slider-vertical{
    position: absolute;
    width: 10px;
    height: 306px;
}
.vertical_handle_wrap{
    position: absolute;
    top: 90px;
    height: 216px;
}
.ui-slider-handle{
    position: absolute;
    width: 10px;
    height: 90px;
    cursor: pointer;
}

/* scroll module 2 (2/3)*/
.scroll_module2{
    float: left;
    width: 600px;
    height: 342px;
    margin-bottom: 18px;
    padding: 0 10px;
    margin-right: 20px; 
}
.scroll_module2 h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}
.scroll_module2 .content_module{
    width: 600px;
    height: 270px;
}
.scroll_module2 .scroll_area_04{
    position: relative;
    float: left;
    width: 580px;
    height: 270px;
    padding-right: 10px;  
}
.scroll_module2 .scroll_line{
    position: relative;
    top: -36px;
    float: left;
    height: 306px;
    width: 10px;
}

/* right module*/
.right_module{
    position: relative;
    float: left;
    width: 300px;
    height: 342px;
    margin-bottom: 18px;
    margin-right: 20px; 
}
.right_module .bg{
    position: absolute;
    top: -4px;
    left: -5px;
    width: 280px;
    height: 358px;
    padding: 0 21px 0 15px; 
}
.right_module h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}

/* center module*/
.center_module{
    position: relative;
    float: left;
    width: 300px;
    height: 342px;
    margin-bottom: 18px;
    margin-right: 20px; 
}
.center_module .bg{
    position: absolute;
    top: -4px;
    left: -5px;
    width: 280px;
    height: 358px;
    padding: 0 21px 0 15px; 
}
.center_module h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}

/* left module*/
.left_module{
    position: relative;
    float: left;
    width: 300px;
    height: 342px;
    margin-bottom: 18px;
    margin-right: 20px; 
}
.left_module .bg{
    position: absolute;
    top: -4px;
    left: -5px;
    width: 280px;
    height: 358px;
    padding: 0 21px 0 15px; 
}
.left_module h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}
.last_m{
    margin-right: 0;     
}
.left_module .content_module, .center_module .content_module, .right_module .content_module{
    height: 270px;
    overflow: hidden;
} 
.scroll_module h4, 
.scroll_module2 h4, 
.left_module h4, 
.center_module h4, 
.right_module h4{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 22px;
    font-weight: normal;    
}
h4.style2{
    line-height: 27px;
    margin-bottom: 18px;
}
h4.style3{
    margin-bottom: 18px;
}

/* frame(shadow) for images*/
img.img_258-124{
    width: 258px;
    height: 124px;
    padding: 0 2px 2px 0;
}
img.img_278-124{
    width: 278px;
    height: 124px;
    padding: 0 2px 2px 0;
}
img.img_128-88{
    width: 128px;
    height: 88px;
    padding: 0 2px 2px 0;
}
img.img_138-88{
    width: 138px;
    height: 88px;
    padding: 0 2px 2px 0;
}
img.img_258-88{
    width: 258px;
    height: 88px;
    padding: 0 2px 2px 0;
}
img.img_198-88{
    width: 198px;
    height: 88px;
    padding: 0 2px 2px 0;
}
img.img_198-124{
    width: 198px;
    height: 124px;
    padding: 0 2px 2px 0;
}
img.img_278-196{
    width: 278px;
    height: 196px;
    padding: 0 2px 2px 0;
}
img.img_438-304{
    width: 438px;
    height: 304px;
    padding: 0 2px 2px 0;
}

/* icons (twitter, facebook, linkedin)*/
a.twitter_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
a.facebook_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
a.linkedin_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
.column{
    float: left;
    height: 270px;
    width: 260px;
    padding-right: 10px;
    margin-right: 20px;
    overflow: hidden;
    margin-bottom: 36px;
}
.last_c{
    padding-right: 0;
    padding-left: 29px;
    margin-right: 0;
}
.column h5{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-decoration: underline;
}
span.date{
    line-height: 36px;
    font-size: 10px;
    text-transform: uppercase;    
}

/* CONTENT TEMPLATE 2*/
.template_module{
    float: left;
    margin-bottom: 18px;    
}
.template_module h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 54px;
    font-size: 22px;
    font-weight: normal;    
}
.one-fourth{
    float: left;
    width: 200px;
    padding: 0 30px 0 10px;
    margin-bottom: 18px; 
}
.three-fourths{
    float: left;
    width: 680px;
    padding: 0 30px 0 10px;
    margin-bottom: 18px;
}
.two-third{
    float: left;
    width: 600px;
    padding: 0 30px 0 10px;
    margin-bottom: 18px; 
}
.one-third{
    float: left;
    width: 280px;
    padding: 0 30px 0 10px;
    margin-bottom: 18px; 
}
.one-half{
    float: left;
    width: 440px;
    padding: 0 30px 0 10px;
    margin-bottom: 18px; 
}
.full-width{
    float: left;
    width: auto;
    padding: 0 10px;
    margin-bottom: 18px; 
}
.template_module .last{
    padding: 0 10px;
    background: none
}
.margin_off{
    margin: 0;
}

/* scroller*/
.scroll_template{
    position: relative;
    height: 396px;
    margin-bottom: 18px;
}
.scroll_template p{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 18px;
}
.text_bar{
    padding: 0 10px; 
}
#main_container .scroll_template .navi{
    position: relative;
    top: 0;
    left: 0;
    height: 36px;
    width: 940px;
}
#main_container .scroll_template .navi a{
    position: relative;
    margin-left: -5px;
    display: block;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 36px;
    width: 105px;
    height: 36px;
    padding-left: 15px;
    text-decoration: none;
}
#main_container .scroll_template .navi a:hover{
    background-position: 0 -108px;
}
#main_container .scroll_template .navi a.active{
    background-position: 0 -108px;
}
#main_container .scroll_template .navi a.first{
    width: 115px;
    margin-left: 0;
    padding-left: 0px;
}
#main_container .scroll_template .navi a.first:hover{
    background-position: 0 -36px;
}
#main_container .scroll_template .navi a.first.active{
    background-position: 0 -36px;
}
.scroll_template .one-half{
    float: left;
    width: 440px;
    padding: 0 10px;
    margin-right: 20px;
    margin-bottom: 18px; 
}
.scroll_template .one-third{
    float: left;
    width: 280px;
    padding: 0 10px;
    margin-right: 20px;
    margin-bottom: 18px; 
}
.scroll_template .last{
    margin-right: 0;
}
.scroll_slides{
    position: relative;
    margin-top: 36px;
    width: 960px;
    height: 306px;
    overflow: hidden;
    float: left;
    z-index: 1;
}
.scroll_slides .items{
    width:20000em;
    position:absolute;
    clear:both;
}
.scroll_slides .items .item{
    float: left;
    width: 960px;   
}
.scroll_slides h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 18px;    
}
.scroll_slides h4{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 27px;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 18px;    
}
.scroll_slides small{
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 11px;
    font-style: normal;  
}
.scroll_slides li{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    padding-left: 34px;
    margin-bottom: 9px;
    font-size: 13px;
}

/* PORTFOLIO TEMPLATE*/
.portfolio_template{
}
.portfolio_template ul{
    margin: 0;
}
.portfolio_template ul li{
    display: inline;
}
.portfolio_template .one-fourth{
    float: left;
    width: 200px;
    padding: 18px 10px;
    margin-right: 20px;
    margin-bottom: 18px; 
}
.portfolio_template .one-third{
    float: left;
    width: 280px;
    padding: 18px 10px;
    margin-right: 20px;
    margin-bottom: 18px;
}
.portfolio_template .one-half{
    float: left;
    width: 440px;
    padding: 18px 10px;
    margin-right: 20px;
    margin-bottom: 18px;
}
.portfolio_template .full-width{
    float: left;
    width: 920px;
    height: 198px;
    padding: 18px 10px;
    margin-right: 20px;
    margin-bottom: 18px;
}
.portfolio_template .last{
    margin-right: 0;
}
.portfolio_template img{
    cursor: default;
}
.portfolio_template h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 27px;
    font-size: 22px;
    font-weight: normal;    
}
.portfolio_template h3 a{
    cursor: pointer; 
}
.portfolio_template h3 a:hover{
    border-bottom: none;
}
.portfolio_template small{
    font-size: 10px;
    text-transform: uppercase;
    line-height: 27px;
}
.portfolio_template img{
    margin-bottom: 0;
}
.portfolio_template .full-width h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 22px;
    font-weight: normal;    
}
.portfolio_template .full-width small{
    font-size: 10px;
    text-transform: uppercase;
    line-height: 18px; 
}
.portfolio_template .full-width p{
    height: 126px;
    margin: 18px 0 0 0;
    overflow: hidden;  
}
.portfolio_template .full-width .details p{
    height: auto;
    margin: 0 0 18px 0;
    overflow: visible;  
}
.portfolio_template .full-width .details small{
    line-height: 27px; 
}
img.right{
    float: right;
    margin-left: 10px;
}
img.left{
    float: left;
    margin-right: 10px;
}

/* FOOTER*/
#footer_container{
    position: relative;
    height: 612px; 
}
.bottom_bg{
    position: absolute;
    top: 468px;
    width: 100%;
    height: 144px;
}
.footer_wrap{
    position: relative;
}
.footer_bg_det{
    position: absolute;
    top: -26px;
    right: 10px;
    height: 26px;
    width: 26px;
}
.footer_sep_line{
    position: absolute;
    height: 18px;
    width: 100%;    
}
#footer_container h2{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 36px;
    font-weight: normal;
    font-style: italic;    
}
#footer_container .section_bar{
    margin: 0;
    padding-top: 72px;
    margin-bottom: 72px;
}
#footer_container .navi{
    top: 80px;
}
#footer_container .one-half{
    position: relative;
    float: left;
    width: 460px;
    height: 342px;
    padding: 0;
    background: none;
    margin-right: 20px;
    margin-bottom: 18px;
}
.bg-l{
   position: absolute;
   top: -4px;
   left: -5px;
   height: 358px;
   width: 440px;
   padding-left: 15px;
   padding-right: 21px;
}
.bg-r{
   position: absolute;
   top: -4px;
   right: -12px;
   height: 358px;
   width: 440px;
   padding-left: 15px;
   padding-right: 21px;
}
.bg-l h3, .bg-r h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 22px;
    margin-bottom: 18px;
    font-weight: normal;    
}

/* map*/
#map{
    float: left;
    width: 210px;
    margin-right: 20px;
}
#map a{
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}
#map a:hover{
    text-decoration: underline;
}
#google_map{
    width: 208px;
    height: 178px;
}
#address{
    float: left;
    width: 210px;
    height: 270px;
    overflow: hidden;   
}
#address h4{
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 27px;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 18px;
}
#address h4 small{
    font-size: 16px;
    text-transform: lowercase;
}
#address p span{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;    
}

/* footer contact form*/
#footer_container form p{
    float: left;
    width: auto;
    margin-right: 20px;
}
#footer_container .last{
    margin-right: 0;
}
#footer_container form label{
    text-transform: uppercase;
}
#footer_container form input{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
    width: 198px;
    border: 0;
    padding: 8px 0 8px 10px;
}
#footer_container form p span{
    display: block;
    height: 34px;
    width: 208px;
    padding: 0 2px 2px 0;
}
button{
    position: relative;
    float: left;    
    font-family: Georgia, "Times New Roman", Times, serif;
    height: 36px;    
    font-size: 16px;
    border: 0 none;
    overflow: visible;
    cursor: pointer;
    padding: 0 10px 0 0;
    margin: 18px 10px 0 0;
}
button::-moz-focus-inner { border: none;} /* span’s offset in firefox */
button span{
    display: block;
    line-height: 36px;
	padding-left: 10px;
}
button:hover{
    background-position: right -108px;
}
button:hover span{
    background-position: 0 -72px;
}
#footer_container form textarea{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    height: 88px;
    width: 418px;
    border: 0;
    padding: 9px 10px;  
}
#footer_container form span.style2{
    display: block;
    height: 106px;
    width: 438px;
    padding: 0 2px 2px 0;
}
.result{
    font-family: Georgia, "Times New Roman", Times, serif;
    width: 180px;
    font-style: italic;
    float: left;
    margin: 18px 0 0 20px;
}
#footer_container .result p{
    margin: 0;
}

/* footer icons*/
.footer_icons a.twitter_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
.footer_icons a.facebook_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
.footer_icons a.linkedin_icon{
    display: block;
    float: left;
    height: 18px;
    width: 56px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 36px;
    padding-right: 4px;
    margin-right: 20px;
    margin-bottom: 18px;
    text-align: center;
}
#footer_navi{
    position: relative;
    height: 108px;
}
#footer_navi .footer_sep_line{
    top: 72px;  
}
#footer_navi .navi{
    font-family: Georgia, "Times New Roman", Times, serif;
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 0;
    top: 0;
    left: 0;
}
#footer_navi .navi ul{
    margin: 18px 0 0 0;
}
#footer_navi .navi li{
    float: left;
    line-height: 27px;
    padding-left: 26px;
}
#footer_navi .navi li.first{
    padding-left: 0;
    background: none;
}
#footer_navi .navi li h4{
    font-size: 14px;
    font-weight: normal;
}
#footer_navi .navi li h4 a{
    text-decoration: none;
}
#footer_navi .navi li h4 a:hover{
    text-decoration: underline;
}
#footer_navi p{
    text-align: center;
    line-height: 27px;
}

/* portfolio window*/
.simple_overlay {
	display:none;
	z-index:10000;
	width:920px;	
	min-height:414px;	
}
.simple_overlay .close {
	position:absolute;
	right:-18px;
	top:-18px;
	cursor:pointer;
	height:36px;
	width:36px;
}
.simple_overlay .close:hover{
    background-position: 0 -36px;
}
.details {
	position:absolute;
	top:18px;
	right:10px;
	width: 280px;
    height: 369px;
    overflow: hidden;
}
.details h3{
    position: relative;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 36px;
    font-size: 22px;
    font-weight: normal;    
}
.details small{
    font-size: 10px;
    text-transform: uppercase;
    line-height: 27px;   
}
.container {
	position: relative;
	width: 610px;	
	height: 414px;
    padding-right: 20px;
}
.container img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
    cursor: pointer;
}

/* clearfix for floats*/
.clearfix{
   clear: both;
   height: 0;
   display: block; 
}