/***************************************
****************************************
    LAYOUT AND STYLES
****************************************
***************************************/


/***************************************
****************************************
    LAYOUT
    ------------------------------------
    DO NOT ADD FORMATTING STYLES TO
    THIS SECTION - IT IS FOR *LAYOUT*
    INFORMATION ONLY. MARGIN AND PADDING
    INFORMATION *SHOULD* GO IN HERE.
****************************************
***************************************/

div#container
{
    margin:0 auto 6px;
    width:850px;
    text-align:left;
}


/**************************************/
/* HEADER */
div#header
{
    height:auto !important; /*ie6 min height*/
    height:115px;
    min-height:115px;
}




/**************************************/
/* CONTENT */

div#main
{
    
}

.corners
{
    background:url(../images/main_corners.gif) top left no-repeat;
    height:10px;
    font-size:0;
    position:relative;
    top:-6px;
}




div#wrap
{    
}

div#content_inside
{    
    padding:20px 20px 0;  	
}



/**************************************/
/* FOOTER */
div#footer
{   
    clear:both;
    width:858px;
    margin:0 auto;
}

/***************************************
    END
***************************************/
/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm


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

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext,
    #logo
    {
        text-indent:0px;
        background: none;
    }   
}


@media print 
{
    /*more styles in tripoli/print.css*/
    div#globalnav
    {
        display:none;
    }
}

/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.hidetext{text-indent:-9000px; overflow:hidden;}
.clear{clear:both;}

/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}

b, strong
{
    font-weight:bold;
}
em, i
{
    font-style:italic;
}

em strong, strong em
{   
    font-weight:bold;
    font-style:italic;
}

html 
{
    background:#fff;
    /*i cant remember the ie7 bg zoom bug atm will fix later*/
    
}

body
{
    
    color:#555555;    
    /*text-shadow: #000000 0 0 0px;safari boldness fix*/
}

a
{
    color:#53A9CE;
    text-decoration:none;
}
/*correct order of psudeo classes*/


address
{
    margin-left:20px;
}

#container
{  
}

/*
.transparent_class
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}

br.clear{font-size:0;}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
    background:url(../images/header.gif) top left no-repeat;
    position:relative;
    margin-top:5px;
}

    #header #logo
    {
        display:block;
        height:97px;
        overflow:hidden;
        position:absolute;
        text-indent:-9000px;
        left:0;
        top:0;
        width:127px;
    }

    
    #header #logo2
    {
        display:block;
        height:97px;
        overflow:hidden;
        position:absolute;
        text-indent:-9000px;
        right:0;
        top:0;
        width:127px;
    }

    

/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
    
#globalnav
{
    border-bottom:solid 2px #fff;
    background: url(../images/nav.png) 0px -96px no-repeat;
}

	#container #globalnav ul 
	{
        text-align:center;
        margin:0;
        padding-left:77px;    
    }
    
	#container #globalnav ul.nofaq
	{
        padding-left:100px;    
    }
    
	    #container #globalnav ul li
	    {
	        list-style-type:none;
	        float:left;
	        display:inline;
	        margin:0;
        }     
	    
#globalnav a
{
    color:#fff;
    background: url(../images/nav.png) top left no-repeat;
    height:28px;
    display:block;
    position:relative;
    overflow:hidden;
    cursor:pointer;
} 

#globalnav a span
{
    color:#fff;
    background: url(../images/nav.png) top left no-repeat;
    height:28px;
    display:block;
    height:100%;
    width:100%;
    left:0;
    top:0;
    position:absolute;
    cursor:pointer;
}
#globalnav  a:active{outline:0;border:0;}

#globalnav .home        a {   width:52px;}
#globalnav .products    a {   width:67px;}
#globalnav .sectors     a {   width:62px;}
#globalnav .case        a {   width:90px;}
#globalnav .concepts    a {   width:71px;}
#globalnav .news        a {   width:133px;}
#globalnav .technical   a {   width:85px;}
#globalnav .faq         a {   width:54px;}
#globalnav .contact     a {   width:61px;}

#globalnav .home        a span{   width:52px; background-position:-85px 0; }
#globalnav .products    a span{   width:67px; background-position:-137px 0;}
#globalnav .sectors     a span{   width:62px; background-position:-205px 0;}
#globalnav .case        a span{   width:90px; background-position:-267px 0; }
#globalnav .concepts    a span{   width:71px; background-position:-357px 0; }
#globalnav .news        a span{   width:133px;background-position:-428px 0; }
#globalnav .technical   a span{   width:85px; background-position:-561px 0; }
#globalnav .faq         a span{   width:54px; background-position:-653px 0; }
#globalnav .contact     a span{   width:61px; background-position:-699px 0; }

/*selected - uses body id*/
#ctl00_body8                #globalnav .home          a span{   width:52px; background-position:-85px -28px;  }
#ctl00_body2                #globalnav .products      a span,
#ctl00_products             #globalnav .products      a span{   width:67px; background-position:-137px -28px; }
#ctl00_body3                #globalnav   .sectors     a span{   width:62px; background-position:-205px -28px; }
#ctl00_casestudies          #globalnav   .case        a span{   width:90px; background-position:-267px -28px; }
#ctl00_concepts             #globalnav   .concepts    a span{   width:71px; background-position:-357px -28px; }
#ctl00_news                 #globalnav   .news        a span{   width:133px;background-position:-428px -28px; }
#ctl00_body4                #globalnav   .technical   a span{   width:85px; background-position:-561px -28px; }
#ctl00_body13               #globalnav   .technical   a span{   width:85px; background-position:-561px -28px; }
#ctl00_body14               #globalnav   .technical   a span{   width:85px; background-position:-561px -28px; }
#ctl00_body12               #globalnav   .faq         a span{   width:54px; background-position:-653px -28px; }
#ctl00_body5                #globalnav   .contact     a span{   width:61px; background-position:-699px -28px; }

/*hover*/
#globalnav .home        a:hover span{   width:52px; background-position:-85px  -28px; }
#globalnav .products    a:hover span{   width:67px; background-position:-137px -28px;}
#globalnav .sectors     a:hover span{   width:62px; background-position:-205px -28px;}
#globalnav .case        a:hover span{   width:90px; background-position:-267px -28px; }
#globalnav .concepts    a:hover span{   width:71px; background-position:-357px -28px; }
#globalnav .news        a:hover span{   width:133px;background-position:-428px -28px; }
#globalnav .technical   a:hover span{   width:85px; background-position:-561px -28px; }
#globalnav .faq         a:hover span{   width:54px; background-position:-653px -28px; }
#globalnav .contact     a:hover span{   width:61px; background-position:-699px -28px; }

/*active*/
#globalnav .home        a:active span{   width:52px; background-position:-85px -56px; }
#globalnav .products    a:active span{   width:67px; background-position:-137px -56px;}
#globalnav .sectors     a:active span{   width:62px; background-position:-205px -56px;}
#globalnav .case        a:active span{   width:90px; background-position:-267px -56px; }
#globalnav .concepts    a:active span{   width:71px; background-position:-357px -56px; }
#globalnav .news        a:active span{   width:133px;background-position:-428px -56px; }
#globalnav .technical   a:active span{   width:85px; background-position:-561px -56px; }
#globalnav .faq         a:active span{   width:54px; background-position:-653px -56px; }
#globalnav .contact     a:active span{   width:61px; background-position:-699px -56px; }








/*try out css version
#globalnav2
{
    border-bottom:solid 2px #fff;
    background: url(../images/globalnav_bg.gif) top left no-repeat;
    padding-left:77px;    
    font-family:Arial, Sans-Serif;
    text-transform:lowercase;
    height:28px;
}

	#container #globalnav2 ul 
	{
        text-align:center;
        margin:0;
    }
    
	    #container #globalnav2 ul li
	    {
	        list-style-type:none;
	        float:left;
	        display:inline;
	        margin:0;
        }     
	    
#globalnav2 a
{
    color:#fff;
    background:  url(../images/50pc.png) -9999px  -9999px  no-repeat;
    height:26px;
    display:block;
    position:relative;
    font-style:normal;
    line-height:26px;
    text-shadow: #333 -.8px -1px 1px;

    padding: 0 5px;
    font-size:12px;
    font-weight:normal;    
}    

#globalnav2 a:hover
{
    background:  url(../images/50pc.png) top left no-repeat;
} 

#globalnav2 a span
{
    color:#fff;
    height:28px;
    display:block;
    height:100%;
    width:100%;
    left:0;
    top:0;
    position:absolute;
}


*/

/***************************************
    CONTENT STYLES: #container
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#container
{
    
    
}	

#container a
{
    /*color:#636363;*/
    text-decoration:none;
}

	
.tab
{ 
    float:left;
    display:inline;
    /*text-transform:lowercase;*/
    height:auto !important;
    min-height:50px;
    height:50px;
}

.tab a,
.tab h1,
td h1
{
    font-size:190%;
    color:#53A9CE; 
    margin:0;
}

.tab      h1,
table td.selected h1
{
    font-size:240%;
}






div#tabs2,
div#tabs3,
div#tabs3
{
    background:#EEEEEE url(../images/tabsbg.gif) 0 0 repeat-y;
    /*overflow-x:hidden;*/
}

#ctl00_body2 .tabs2 h1,
#ctl00_body2 .tabs3 h1,
#ctl00_body2 .tabs4 h1
{
    background:none;
    padding:0;
    font-size:130%;
}
#ctl00_body2 #container .tabs2 h1 a ,
#ctl00_body2 #container .tabs3 h1 a,
#ctl00_body2 #container .tabs4 h1 a
{
   padding:14px 4px 8px 16px;
   height:auto !important;
   height:31px;
   min-height:31px;
}
#ctl00_body2 td{border-bottom:0;}


    

#container .noneselected #tabs2 .tab    {width:425px;}
#container .noneselected #tabs3 .tab    {width:283px;}
#container .noneselected #tabs3 .last   {width:284px;}
#container .noneselected #tabs4 .tab    {width:212px;}
#container .noneselected #tabs4 .last   {width:214px;}

#notabs
{
    font-size:0;
    height:1px;
    background:#ABABAB;
}
#ctl00_body2 #notabs {background:none;}


#tabs2 a,
#tabs2 h1,
#tabs3 a,
#tabs3 h1,
#tabs4 a,
#tabs4 h1,
#tabletabs a,
#tabletabs h1,
td h1, 
td a
{
    margin:0;
    padding:8px 2px 0 20px;
    display:block;
}

td {vertical-align:top;}

#tabs2 a:active,
#tabs3 a:active,
#tabs4 a:active,
#tabs2 a:focus,
#tabs3 a:focus,
#tabs4 a:focus
{
    outline:none;
}

#container h1 a {padding:0}
#ctl00_body2 #container h1 a {padding:8px 2px 8px 0;}


#container .tab h1 a
{
    font-size:100%;
   /* padding:0;*/
}

#content #tabs2 a,
#content #tabs3 a,
#content #tabs4 a
{
    /*color:#98DAF8;*/
    color:#53A9CE;
    text-decoration:none;
}

#content #tabs2 a:hover,
#content #tabs3 a:hover,
#content #tabs4 a:hover
{
    color:#98DAF8;
}



#tabs2 .tab{width:426px;        background:url(../images/tabs_2.gif) top left no-repeat;}
#tabs3 .tab{width:284px;        background:url(../images/tabs_3.gif) top left no-repeat;}
#tabs4 .tab{width:213px;        background:url(../images/tabs_4.gif) top left no-repeat;}

#tabs2 .selected{width:424px;   background:url(../images/tabs_2_selected.gif) top left no-repeat;}
#tabs3 .selected{width:282px;   background:url(../images/tabs_3_selected.gif) top left no-repeat;}
#tabs4 .selected{width:211px;   background:url(../images/tabs_4_selected.gif) top left no-repeat;}


/*
#tabs2 .tableft {background:url(../images/tab_left.gif) top left 0px no-repeat;}
#tabs2 .tabright{background:url(../images/tab_right.gif) top right no-repeat;}*/


#tabinner
{
    clear:both;
    background:#fff url(../images/main_bg.gif) top left repeat-x;
    border-left:solid 1px #ABABAB;
    border-right:solid 1px #ABABAB;
    position:relative;
    height:auto !important;
    min-height:500px;
    height:500px;
    /*top:-2px;*/
}
/*
#tabs2 .first,
#tabs3 .first,
#tabs4 .first
{
    position:relative;
    left:-2px;
}

#tabs2 .last,
#tabs3 .last,
#tabs4 .last
{
    position:relative;
    left:2px;
}
*/


table   
{
    width:100%;
    border-collapse:separate;
    *border-collapse:collapse; 
}

.tabs2 td{width:50%;}
.tabs3 td{width:33.3%;}
.tabs4 td{width:25%;}

#container table a
{
    border:solid 1px #E6E6E6;
    margin:4px;
    display:block;
    background:url(../images/lines.gif);
    padding:8px 2px 0 20px;
    height:auto !important;
    height:42px;
    min-height:42px;
}




#container table .first a
{
    margin-left:0;
}

#container table .last a
{
    margin-right:0;
}

td 
{
    border-bottom:solid 1px #ABABAB;
 
}

td.selected 
{
    border:solid 1px #EEEEEE;
    border-top-color:#ABABAB;
    border-left-color:#ABABAB;
    border-right-color:#ABABAB;
    background:#EDEDED;
}

table a,
table h1
{
    font-size:190%;
}








#container #images
{
    width:240px;
    float:right;
    display:inline;
}


#container #images img
{
    display:block;
}

h1
{
    font-size:270%;
    color:#53A9CE;
    /*text-transform:lowercase;*/
    margin-bottom:20px;
}

h2
{
    font-size:130%;
    font-weight:bold;
    color:#53A9CE;
    margin-bottom:12px;
    /*text-transform:lowercase;*/
    padding-top:8px;
}	

p
{
    margin:10px 0;
}


#content_inside
/*.storyshortdesc,
.longdesc,
.newsitem*/
{
    /*margin: 10px 0;*/
    font-size:85%;        /*FIX WITH %!!!!!!!!!!!!!!!!!!!!!!!*/
    color:#363636;
    line-height:1.5em
}	

#container .email
{
    color:#0054A6;
}	

#container ul
{
    margin: 5px 0;
}
	
    #container ul li
    {
        font-size:11px;        /*FIX WITH %!!!!!!!!!!!!!!!!!!!!!!!*/
        color:#53A9CE;
        margin: 5px 0;
        font-style:italic;
        font-weight:bold;
    }    
 

    #container .dblcol li
    {
        width:254px;
        float:left;
        display:inline;
    }
    
    #container .dblcolthin li
    {
        width:200px;
        float:left;
        display:inline;
    }
    

#container ol
{
    margin: 10px 0;
}
	
    #container ol li
    {
        margin: 10px 0;
    }
    	


	
.pagerButtons, 
.pagecount
{
    text-align:center;
    font-size:90%;
    display:block;
}

#ctl00_concepts  .pagerButtons
{
    font-size:210%;
}


.pagecount {margin-bottom:10px;}

#container .pagerButtons a
{
    color:#53A9CE;
    font-weight:bold;
    font-size:110%;
    padding:3px;
}


/*tech data*/

.pdf
{
    color:#636363;
}

.pdf img
{
    vertical-align:middle;
    padding-right:12px;
}

/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/

/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/

#footer
{
    background:url(../images/footer.gif) no-repeat left top;
    color:#53A9CE;
    font-weight:bold;
    margin-top:6px;
    height:auto !important;
    height:36px;
    min-height:36px;
    font-size:86%;
}

    #footer a:link{color:#53A9CE;}
    #footer a:hover{color:#5CB9E1;}

	#footer .footerleft
	{
	    float:left;
        display:inline;
	    padding-top:9px;
	    padding-left:18px;
	}

	#footer .footerright
	{
	    float:right;
        display:inline;
	    padding-top:9px;
	    padding-right:18px;
	}



/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/
/*homepage*/
#ctl00_body8 #content_inside
{
    padding:0; 
    position:relative;
    left:-1px;
}

#ctl00_body4 .pdf
{
    color:#111;
}


/*concept*/
#concept img {border:none;}
#concept .story h2 {margin:0;clear:both;}
.conceptdesc {width:425px;}


/*products ctl00_body2*/
.proddesc
{
    margin:10px;
}

#container  .tellmore
{
    font-size:11px;
    color:#53A9CE;
    font-weight:bold;
    padding:0;   
    display:block; 
    margin-top:8px;
    text-transform:lowercase;
    background:none;
    border:none;
}

#ctl00_body2 .product,
#ctl00_body2 #tabs2 .tab
{
    width:423px;
    float:left;    
}

#ctl00_body2 #tabs2 .tab
{      
    height:49px !important; 
    min-height:49px !important; 
}
#ctl00_body2 #tabs2 h1
{  
   
}

#ctl00_body2 .product img
{
    display:block;   
    clear:both;
}

#ctl00_body2 #content_inside {padding:0;}
#ctl00_body2 #tabinner {border:none;background:none;}
#ctl00_body2 .corners {display:none;}


/*product page*/

#container #flashcol
{
    width:310px;
    float:right;
    display:inline;
}

.productcol
{
    width:480px;
    float:left;
}

.productcolwide
{
    width:530px;
    float:left;
}

.flashwrapper
{
    border:solid 1px #469BC5;
    margin-top:30px;
}

.bottomlink
{
    margin:0 0 10px -9px;
    clear:both;
    padding-top:10px;
}

#container .bottomlink img
{
    float:left;  
}
#container .bottomlink a
{
    float:left;
    display:inline;
    width:175px;
    text-decoration:none;  
    color: #636363;
    font-size:90%;
    line-height:1.3em;
}

#ctl00_body7  .bottomlink   /*tilt dam page*/
{
    margin:110px 0 0 0; 
}

#ctl00_body7 .bottomlink a  /*tilt dam page*/
{
    width:150px;
   
    
}
#container .bottomlink em
{
    color:#53A9CE; 
    font-weight:bold;
    font-style:normal;
    
}

.award
{
    text-align:center;
    color:#666;
    font-size:85%;
    margin-top:20px;
    line-height:1.1em;
}

.award span
{
    color:#000;
    font-size:117%;
    position:relative;
    top:-2px;
}

#container  .award img
{
    display:block;
    margin:3px auto -2px;
}

/*list pages*/
.story
{
    clear:both;
    margin-bottom:10px;
}

    .story img
    {
        float:left;
        display:inline;
        border:solid 1px #469BC5;
    }

    .story h2,
    .storydetail h2
    {
        /*padding-top:15px; */
        text-transform:none;
    }
    
    #container .story h2 a
    {
        color:#53A9CE;      
        display:block; 
    }
    
    .story h2,
    .storyshortdesc
    {
        margin:0 105px 0 175px;
    }

    #container .story .more
    {
        float:right;
        display:inline;
        text-transform:lowercase;
        font-weight:bold;
        font-style:italic;
        background:url(../images/go.png) top right no-repeat !important;
        background:url(../images/go.gif) top right no-repeat;
        padding-right:30px;
        height:auto !important;
        height:30px;
        min-height:30px;
        color:#53A9CE;
        font-size:130%;
        padding-top:1px;        
    }



.seperator
{
    height:7px;
    background:url(../images/hr.gif);
    margin:30px 0;
}


.storydetail
{
    clear:both;
    padding-bottom:10px;
}

    .storydetail .gallery    
    {
        float:left;
        display:inline;
        margin-right:20px;
    }

    .storydetail .gallery img
    {
        border:solid 1px #469BC5;
        display:block;
        margin-bottom:10px;
    }

    .storydetail h2,
    .storydetail .longdesc,
    .storydetail .attachment
    {
            /*margin:0 30px 0 245px;*/
            float:left;
            display:inline;
            width:550px;
    }

    
    .storydetail .attachment
    {
            margin-top:10px;
    }

    
    .subdesc
    {
        float:right;
        display:inline;
        background:url(../images/sub_bg.png) top left no-repeat;
        color:#fff;
        width:212px;
        height:auto !important;
        height:296px;
        min-height:296px;   
        line-height:1.2em;     
    }
    
    .subdesc .inner
    {
        padding:17px 15px 33px 25px;
        font-size:110%;
    }


.newsitem
{
    margin:0 0 10px 315px;
}






#ctl00_body2 .newsitem {margin:0;}
#ctl00_news .selected h1{padding-left:2px;font-size:204%;}
    .newsitem h2
    {
        font-size:100%;
        margin-bottom:2px;
        text-transform:none;
        
    }

    .newsitem .newsdesc
    {
        
    }
    #ctl00_news .newsitem a
    {
        text-decoration:underline;
        color:#636363;
    }
        	
    #ctl00_news .pagerButtons, 
    #ctl00_news .pagecount
    {
        margin:0 0 0 325px;
    }

    #ctl00_news .pagecount {margin-bottom:10px;}
    
    
.newsaward .Image a,
.newsaward .Image img
{
    display:block;
    border:none;
    float:none;
}
.newsaward
{
    float:left;
    background:#1D5A98;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    width:295px;    
    font-size:83%;
    line-height:1.2em;
}


.newsaward .LongDesc
{
    padding:4px 2px 0;   
}

.newsaward .LongDesc p
{
    margin: 0 0 8px 0;   
}




#sitemap
{
    
}

    #sitemap ul
    {
        margin:0;
    }

    #sitemap ul li
    {
        margin:3px 0;
    }

        #sitemap ul li li
        {
            margin:3px 0 3px 10px;
        }

/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

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

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pictureHolder .content .details .nav a.arrow_previous { background: url(../images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(../images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pictureHolder .bottom .left { background: url(../images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pictureHolder .loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .top .left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */
	div.dark_rounded .top .middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .top .right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */
	div.dark_rounded .bottom .left { background: url(../images/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */
	div.dark_rounded .bottom .middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .bottom .right { background: url(../images/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */
	div.dark_rounded .content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded div.prettyPhotoTitleLeft { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; }
	div.dark_rounded div.prettyPhotoTitleRight { background: url(../images/prettyPhoto/dark_rounded/tr.png) top right no-repeat; }
	div.dark_rounded div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }
	div.dark_rounded .loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .top .left ,
	div.dark_square .top .middle,
	div.dark_square .top .right,
	div.dark_square .bottom .left,
	div.dark_square .bottom .middle,
	div.dark_square .bottom .right,
	div.dark_square .content,
	div.dark_square div.prettyPhotoTitleLeft,
	div.dark_square div.prettyPhotoTitleRight,
	div.dark_rounded div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .top .left ,
	div.light_square .top .middle,
	div.light_square .top .right,
	div.light_square .bottom .left,
	div.light_square .bottom .middle,
	div.light_square .bottom .right,
	div.light_square .content,
	div.light_square div.prettyPhotoTitleLeft,
	div.light_square div.prettyPhotoTitleRight,
	div.light_square div.prettyPhotoTitleContent { background: #fff; }
	div.light_square div.prettyPhotoTitleContent { color: #666666; }


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pictureHolder a:focus{outline:none}div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static;left:0}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 2px 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:3px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -16px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pictureHolder .content a.next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pictureHolder .content a.previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static;left:0}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.pictureHolder #fullResImageContainer{display:block;margin:0 auto}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/


/***************************************
    END
***************************************/