/* 
    Document   : nyc
    Created on : Mar 12, 2009, 1:50:59 PM
    Author     : Gregg
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/


colors:@charset
ORANGE:
color: #f78f1e;

DARK GREY:
color:#717174

CASE STudy 1
color:#8fb355;

CASE STudy 2
color:#d166a6;


CASE STudy 3
color:#c6b205;
*/


a.jinxed    {


}

a.jinxed:hover    {

    cursor:auto;

}

.bait_04    {

    width:190px;
    background:url(../images/bait_04.jpg);
    background-repeat:no-repeat;
}

.bait_04 a.text   {

    font:12px/17px Helvetica, Arial, sans-serif;
    text-decoration:none;
    color:#525255;

    display:block;
    width:157px;
    padding:98px 0px 0px 13px;
}

.bait_04 a.text:hover   {

    color: #f78f1e;
}



.bait_06    {

    width:190px;
    background:url(../images/bait_06.jpg);
    background-repeat:no-repeat;
    margin:5px 0px 0px 0px

}

.bait_06 a.text   {

    font:12px/17px Helvetica, Arial, sans-serif;
    text-decoration:none;
    color:#525255;

    display:block;
    width:157px;
    padding:79px 0px 0px 13px;
}

.bait_06 a.text:hover   {

    color: #f78f1e;
}


.bait_07    {

    width:190px;
    background:url(../images/bait_07.jpg);
    background-repeat:no-repeat;

    }

.bait_07 a.text   {

    font:12px/17px Helvetica, Arial, sans-serif;
    text-decoration:none;
    color:#525255;

    display:block;
    width:157px;
    padding:76px 0px 0px 13px;
}

.bait_07 a.text:hover   {

    color: #f78f1e;
}

body    {

    background-color:#E3E3E3;

}

.body_left {

   width:760px;
   float:left;

}


.body_right {

    width:190px;
    float:left;
    
}

.spaced {

    height:8px;
    font-size:8px;
    line-height:8px;
}


.case_study_link_bottom    {

    position:relative;
    background:url(../images/case_study_link_bottom.gif);
    width:372px;
    height:140px;

    
}

.case_study_link_bottom img   {

    position:absolute;
    left:0px;
    bottom:12px;

}


.case_study_link_bottom h3   {

    position:absolute;
    top:17px;
    left:155px;
    font:12px/12px Arial, Helvetica, sans-serif;

}

.case_study_link_bottom a.header   {

    display:block;
    position:absolute;
    top:17px;
    left:155px;

    font:12px/12px Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;

}

.case_study_link_bottom p   {

    position:absolute;
    top:39px;
    left:155px;
    width:171px;
    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
}


.case_study_link_bottom a.text   {

    position:absolute;
    display:block;
    top:39px;
    left:155px;
    width:171px;
    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
    text-decoration:none;
}

.case_study_link_bottom a.text:hover   {

    color:#333333;
    }

.case_study_link_top   {

    width:372px;
    background-color:#33a126;
    height:134px;
    margin:23px 0px 0px 0px;

    position:relative;
    background:url(../images/case_study_link_top.gif);

}


.case_study_link_top img   {

    position:absolute;
    left:0px;
    bottom:0px;

}

.case_study_link_top img.view_more   {

    position:absolute;
    left:0px;
    top:0px;

}


.case_study_link_top h3   {

    position:absolute;
    left:155px;
    top:33px;
    font:12px/12px Arial, Helvetica, sans-serif;

}

.case_study_link_top a.header   {

    display:block;
    position:absolute;
    left:155px;
    top:33px;

    font:12px/12px Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;

}

.case_study_link_top p   {

    position:absolute;
    left:155px;
    top:55px;
    width:171px;
    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
}

.case_study_link_top a.text   {

    position:absolute;
    display:block;
    left:155px;
    top:55px;
    width:171px;
    
    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
    text-decoration:none;
}

.case_study_link_top a.text:hover   {

    color: #333333;
    }

.case_study_tabs    {

    float:left;
    }


.color_cs1  {

    color:#8fb355;
}

.color_cs2  {
    color:#d166a6;
}

.color_cs3  {
    color:#c6b205;
}

.color_neutral  {
    color:#717174;
}

.color_vibrant  {

    color: #f78f1e;
}

.contact_us_top {

    width:570px;
    height:286px;
    background:url(../images/background_contact_us.jpg);
    background-repeat:no-repeat;
}

.container  {

    width:1024px;
    margin:0px auto;
    background:transparent;
}

.container_logo  {

    position:absolute;
    z-index:5000;
    background-color:transparent;

}

.container_penultimate  {

    width:950px;
    margin:0px auto;
    background:url(../images/background_template_01.gif) #ffffff repeat-y;
}

.container_penultimate_t2  {

    width:950px;
    margin:0px auto;
}


.footer     {

    width:950px;
    margin:0px auto 0px auto;
    background:transparent;
    padding:7px 0px 0px 0px;
    clear:both;
    
}

.footer p   {

    font:10px/12px Arial, Helvetica, sans-serif;
    color:#707070;
    float:left;
    margin:0px 15px 0px 0px;
    padding:0px;

}


.footer a   {

    font:10px/12px Arial, Helvetica, sans-serif;
    color:#707070;
    float:left;
    margin:0px 15px 0px 0px;
    padding:0px;
    display:block;

}


form.search {

    margin:0px;
    padding:0px;
    float:right;
    display:block;
    width:190px;


}

/* sum of padding and height = 23
 sum of padding and widht = 168
*/

form.search input.text {

    margin:0px;
    padding:3px 0px 0px 3px;
    display:inline;
    height:20px;
    width:167px;
    color:#f78f1e;
    float:left;
    border:none;
    }

form.search input {


    float:left;
    }


.form_box   {

    margin:0px 0px 0px 0px;
    padding:30px 0px 25px 25px;
    float:left;
}

.form_box p.head  {

    font:18px/25px Arial, Helvetica, sans-serif;
    width:350px;
    color:#f78f1e;
    margin:0px 0px 23px 0px;
    padding:0px;

}

.form_box label  {

    display:block;
    width:135px;
    float:left;
    clear:left;

    font:11px/14px Arial, Helvetica, sans-serif;
    color:#525255;
    text-transform:uppercase;
   

}

.form_box input  {

    font:12px/14px Helvetica, Arial, sans-serif;
    display:block;
    float:left;
    border:solid 1px #a8a8aa;
    margin:0px 0px 5px 0px;
    padding:3px 0px 0px 0px;
    height:20px;
    width:220px;

}

.form_box input.shorter  {

    
    width:135px;

}

.form_box input.submitter  {

    display:block;
    float:right;
    border:none;
    height:auto;
    width:auto;
    width:65px;
    height:13px;

}

.form_box select  {

    font:12px/18px Helvetica, Arial, sans-serif;
    display:block;
    float:left;
    border:solid 1px #a8a8aa;
    margin:0px 0px 3px 7px;
    padding:0px 0px 0px 0px;
    height:22px;

}


.form_box .submit_wrap  {

    clear:both;
    float:left;
    width:355px;
    margin:23px 0px 0px 0px;


}

.form_box textarea  {

    font:12px/14px Helvetica, Arial, sans-serif;
    display:block;
    float:left;
    border:solid 1px #a8a8aa;
    width:220px;
    height:160px;
}

h1  {

    font:18px/18px Arial, Helvetica, sans-serif;
    color: #f78f1e;
    letter-spacing:1px;

}

h1.homepage_left  {

    font:18px/18px Arial, Helvetica, sans-serif;
    color: #f78f1e;
    margin:20px 0px 15px 20px;

}

h1.left_header    {

    padding:0px;
    margin:40px 0px 8px 20px;
    color: #f78f1e;

}






h2  {

    font:12px/14px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#525255;
 
}


h2.left_header  {

    font:12px/17px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color: #f78f1e;
    margin:0px 0px 0px 20px;
    letter-spacing:1px;
}

h2.homepage  {

    font:18px/18px Arial, Helvetica, sans-serif;
    color: #f78f1e;
    margin:20px 0px 15px 17px;
    text-transform:none;

}


h2.contact  {

    font:12px/18px Arial, Helvetica, sans-serif;
    color: #f78f1e;


}

a.homepage_tab_link  {

    font:12px/12px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    color:#717174;
    letter-spacing:1px;

    display:block;
    margin:0px 0px 7px 17px;

    
}



.header_bottom {

    background-color:#717174;
    height:23px;
    width:950px;
    float:left;
}

.header_middle  {

    height:20px;
    background-color:#a1a1a1;
}

.header_middle_trick    {

    width:190px;
    float:right;

}

.header_middle p {

    font:11px/14px Arial, Helvetica, sans-serif;
    color:#ffffff;
    letter-spacing:1px;

    float:left;
    margin:4px 15px 0px 0px;

}

.header_middle a {

    font:11px/14px Arial, Helvetica, sans-serif;
    color:#ffffff;
    letter-spacing:1px;


    float:left;
    text-decoration:none;
    display:block;
    margin:4px 0px 0px 0px;
}


.header_middle a:hover {

    color:#717174
}

.header_top {

    background:transparent;
    height:15px;
}

.homepage_tab   {

    width:188px;
    height:288px;
    background:url(../images/homepage_tab.gif);
    background-repeat:no-repeat;
    float:left;
}


.homepage_tab img  {

    margin:0px 0px 3px 17px;
}

.homepage_tab img.header  {

    margin:25px 0px 10px 17px;
}

.homepage_tab p  {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
    width:150px;
    margin:0px 0px 0px 17px;
}

.homepage_tab a.text  {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#717174;
    text-decoration:none;

    display:block;
    width:150px;
    margin:0px 0px 0px 17px;
}

img.left_col_header {

    margin:60px 0px 7px 20px;

}

.homepage_tab a.text:hover  {

    color: #f78f1e;

    }

.logo_backdrop  {

    background:transparent;
    width:190px;
    float:left;

}

#result_other_pages {

    padding:0px 0px 0px 25px;
    
}

#result_report  {
    padding:60px 0px 15px 25px;
    font-size:19px;
    color: #f78f1e;


}

#results {

    padding:0px 0px 0px 25px;

}

.results_description {

    
    margin:10px 0px 15px 20px;
    width:450px;


}

.results_global {

    font:12px/17px Helvetica, Arial, sans-serif;
    letter-spacing:1px;
    color:#525255;

}

.results_global a   {

    font:12px/17px Helvetica, Arial, sans-serif;
    color: #f78f1e;
    letter-spacing:1px;
}

.results_global a:hover   {

    color:#525255;

    }

.results_global form {

    margin:0px 0px 20px 25px;

}

.results_global form input {

    border:solid 1px #525255;
    margin:0px 5px 0px 0px;
    }

.results_url   {

 margin:0px 0px 0px 20px;
    
}

.site_map a   {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    display:block;
    text-decoration:none;
    margin:0px 0px 0px 25px;
    
}

.site_map a:hover   {

     color: #f78f1e;

    }

.site_map a.spacer   {

    margin:0px 0px 17px 25px;



}

.site_map a.first   {

    margin:17px 0px 17px 25px;



}

.template_1_container    {

    float:left;
    background:url(../images/background_t1.gif);
    background-repeat:repeat-y;
    width:950px;

}


.template_1_container ul

{
    display:block;
    float:left;

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    letter-spacing:.5px;


    margin:20px 0px 0px 15px;
    padding:0px 0px 22px 0px;
    list-style-image: url(../images/list_plus.gif);

}

.template_1_item    {

    margin:0px 0px 25px 22px;
    float:left;
    clear:left;
    width:710px;
    
    }

.template_1_item img   {
    
    float:left;
    margin:0px 25px 0px 0px;

    }

.template_1_item img.hanger   {

    float:left;
    margin:0px 25px 30px 0px;

    }

.template_1_item h2   {

    font:12px/14px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    margin:0px;
    padding:0px 0px 0px 0px;
    float:left;
    letter-spacing:1px;



    }

.template_1_item p   {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    letter-spacing:1px;
    
    float:left;
    width:500px;

    }



 .template_1_lead    {

    margin:25px 0px 0px 22px;
    float:left;
    clear:left;
    width:710px;


    }

.template_1_lead img   {

    float:left;
    margin:0px 25px 0px 0px;

    }



.template_1_lead p   {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    letter-spacing:.5px;

    float:left;
    width:460px;

    }



.template_2_left_col    {

    float:left;
    width:190px;
    
}

.template_2_left_col img   {

    margin:56px 0px 0px 23px;
}

.template_2_middle_col  {

    float:left;
    width:388px;

}


.template_2_middle_col p  {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    width:310px;
    margin:0px 0px 22px 0px;
    letter-spacing:1px;

}

.template_2_middle_col h1  {

    


}

.template_2_middle_col h2  {

    margin:0px 0px 10px 0px;
    letter-spacing:1px;

}

.template_2_middle_col h3  {

    font:12px/12px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#525255;
    letter-spacing:1px;
    margin:0px 0px 3px 0px;


}



.template_2_middle_col .best_spacer  {

    height:56px;
}

.template_2_middle_col .best_spacer img {

    padding:25px 0px 0px 0px;

    }

.template_2_middle_col ul

{
    
    font:12px/17px Helvetica, Arial, sans-serif;
    color:#525255;
    letter-spacing:1px;


    margin:0px 0px 0px 15px;
    padding:0px 0px 22px 0px;
    list-style-image: url(../images/list_plus.gif);

}

.template_3_left_col    {

    float:left;
    width:375px;

}

.template_3_left_col img   {

    margin:0px 0px 7px 0px;

}

.template_3_left_col img.header   {

    margin:25px 0px 10px 22px;

}

.template_3_left_col p   {

    font:15px/20px Arial, Helvetica, sans-serif;
    margin:0px 0px 20px 20px;
    width:345px;
    color:#717174;

}


.template_4_center    {

    width:570px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 30px 0px;
}



.template_4_center h1    {

    padding:0px;
    margin:23px 0px 15px 25px;

}

.template_4_center h1.top    {

    padding:0px;
    margin:40px 0px 15px 25px;

}


.template_4_center img.body   {

    margin:6px 0px 0px 25px;

    }

.template_4_center img.header   {

    margin:30px 0px 15px 25px;

    }

.template_4_center img.header_small   {

    margin:60px 0px 0px 25px;
    padding:0px;

    }

.template_4_center img.header_big   {

    margin:60px 0px 0px 25px;

    }

.template_4_center p   {

    font:12px/18px Arial, Helvetica, sans-serif;
    margin:0px 0px 18px 25px;
    width:490px;
    color:#525255;
    letter-spacing: 1px

}

.template_4_center ol   {

    padding:0px 0px 0px 25px;
    margin:0px;
}

.template_4_center ol li  {
    
        
        background-repeat:no-repeat;

}

.template_4_center ol li p  {

        margin:0px 0px 0px 25px;
        padding:0px;
        width:415px;

}







.template_4_center p.top   {

    margin:0px 0px 0px 25px;
    width:360px;
    letter-spacing:1px;


}

.template_4_container    {

    float:left;
    background:url(../images/background_t4.gif);
    background-repeat:repeat-y;

}

.template_4_left_col    {

    float:left;
    width:190px;

}



.template_4_left_col p  {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#ffffff;
    padding:0px;
    margin:0px 0px 20px 20px;

    }


.template_4_left_col p.subtext  {

    font:12px/17px Helvetica, Arial, sans-serif;
    color:#ffffff;
    padding:0px;
    margin:0px 0px 20px 20px;

    }

.template_4_left_col a  {

    display:block;
    font:12px/17px Helvetica, Arial, sans-serif;
    color:#ffffff;
    padding:0px;
    margin:0px 0px 23px 20px;
    text-decoration:none;
}

.template_4_left_col a:hover  {

    color: #f78f1e;

    }


.template_4_right_col   {

    float:left;
    width:190px;

}

.template_wide_bottom   {

    background-color:#ffffff;
    float:left;
    width:950px;


}



.z_2_sidebar    {

   position:absolute;
   top:0px;
   font-size:50px;
   z-index:2;
  /* background-color:#525255;

        opacity:.8;
   filter:alpha(opacity=50); */
   height:400px;
   width:190px;
}

.z_2_bottombar  {

    position:absolute;
    bottom:0px;
    right:0px;
    font-size:50px;
    z-index:2;
    background-color:#525255;
    opacity:.8;
    filter:alpha(opacity=50);
    height:90px;
    width:560px;

}

.z_3_sidebar    {

   position:absolute;
   top:0px;
   font-size:50px;
   z-index:3;
   height:400px;
   width:190px;
}




.z_3_bottombar  {

    position:absolute;
    bottom:0px;
    right:0px;
    z-index:3;

    height:90px;
    width:560px;

}



.z_3_bottombar p    {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#ffffff;

    margin:0px 0px 0px 20px;

}

.z_3_bottombar p.bar_top    {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#ffffff;

    margin:10px 0px 0px 22px;

}



.z_2_bottombar_cs  {

    position:absolute;
    bottom:0px;
    left:0px;
    font-size:50px;
    z-index:2;
    background-color:#525255;
    opacity:.8;
    filter:alpha(opacity=50);
    height:90px;
    width:950px;

}


.z_3_bottombar_cs  {

    position:absolute;
    bottom:0px;
    left:0px;
    z-index:3;

    height:90px;
    width:950px;

}



.z_3_bottombar_cs p    {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#ffffff;

    margin:0px 0px 0px 20px;

}

.z_3_bottombar_cs p.bar_top    {

    font:11px/14px Helvetica, Arial, sans-serif;
    color:#ffffff;

    margin:10px 0px 0px 22px;

}




/* hacked up code */

.body_left_a {

   width:760px;
   float:left;

}


.mask6x{
	position:absolute;
	width:760px;
	height:180px;
	overflow:hidden;

       
}

.mask1x{
	position:relative;
	width:760px;
	height:400px;
	overflow:hidden;
}


/* masks for different templates */

.mask_template_1{
	position:relative;
	width:760px;
	height:400px;
	overflow:hidden;
}

.mask_template_2{
	position:relative;
	width:950px;
	height:400px;
	overflow:hidden;
}

.mask_template_3{
	position:relative;
	width:760px;
	height:400px;
	overflow:hidden;
}




/*
end masks for templates
begin boxes for templates
*/

#box8x{
	position:absolute;
}
#box8x div{
	width:760px;
	float:left;
}
#box8x .buttons{
	text-align:left
}
#box8x .next{
	float:right
}



#box_template_1{
	position:absolute;
}
#box_template_1 div{
	width:760px;
	float:left;
}
#box_template_1 .buttons{
	text-align:left
}
#box_template_1 .next{
	float:right
}



#box_template_2{
	position:absolute;
}
#box_template_2 div{
	width:950px;
	float:left;
}
#box_template_2 .buttons{
	text-align:left
}
#box_template_2 .next{
	float:right
}




#box_template_3{
	position:absolute;
}
#box_template_3 div{
	width:760px;
	float:left;
}
#box_template_3 .buttons{
	text-align:left
}
#box_template_3 .next{
	float:right
}




.sample7{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  /* get rid of this to break it */
        border:0px;position:relative; border:solid 1px #ffffff;}




/* code from _web.css */

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}



h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:0px;}
.buttons span{
        display:block;
        float:left;
        width:42px;
        color:#0080FF;
        background-color:transparent;
        cursor:pointer;
        font:10px Verdana;
        margin:0px 2px 0px 0px;

    }
.buttons span.active, .buttons span:hover{background-color:#f78f1e;}

.buttons span img{display:block; color:#0080FF;padding:2px 0px;cursor:pointer;font:10px Verdana; margin:0px auto;}

/* .buttons img.active, .buttons img:hover{border:solid 1px #0080FF;}
*/


/* code from style.css */

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
/*	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;

        */
        }

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}