/* CSS Document */



html, body

{

    margin:0;

    padding:0;

   

}



#whole

{

    position:relative;

    width:1003px;

    background-color:#FFFFFF;

    margin:0 auto;

	height:1300px;

    }
	
	
	
	#wholecontact

{

    position:relative;

    width:1003px;

    background-color:#FFFFFF;

    margin:0 auto;

	height:1200px;

    }


	

#header{

	position:relative;

	width:1003px;

	height:430px;

	background-color: #FFFFFF;

}





#topbar{

	margin-top: 40px;

	width: 300px;

	height: 28px;

	float: right;

}



#google

{

	width:510px;

	height:25px;

	background-color:#FFFFFF;

	float: right;

	margin-right: 5px;

	margin-top: 10px;

}





#head{

	width:1003px;

	height:413px;

	background-image:url(../images/header.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}


#headnews{

	width:1003px;

	height:413px;

	background-image:url(../images/news.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}



#headbio{

	width:1003px;

	height:413px;

	background-image:url(../images/bio.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}

#headmani{

	width:1003px;

	height:413px;

	background-image:url(../images/manifesto.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}


#headmp{

	width:1003px;

	height:413px;

	background-image:url(../images/mplads.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}


#headwork{

	width:1003px;

	height:413px;

	background-image:url(../images/work.jpg);

	background-repeat:no-repeat;

	float: right;

	vertical-align: bottom;

}










#topright {

	float:left;

	margin-top:10px;

	font-family:arial;

	color:#ffffff;

	font-size:12pt;

	width: 290px;



}





.headericns

{

	font-family:Arial;

	font-size:13px;

	font-weight:normal;

	text-decoration:none;

	color:#FFF;

	font-style: normal;

	text-align: left; 

	margin-right:5px;





	

}



.headericns a

{

font-family:Arial;

font-size:13px;

font-weight:normal;

text-decoration:none;

color:#FFF;

margin-right:10px;

}



.headericns a:hover

{

font-family:Arial;

font-size:13px;

font-weight:normal;

text-decoration:none;

color:#F3C300;

margin-right:10px;

}







#menubar{

	position:relative;

	width:1003px;

	height:35px;

	background-image: url(../images/menu.jpg);

	background-repeat:repeat-x;

	vertical-align: top;

}





.menutxt

{

	font-family:Arial;

	font-size:14px;

	font-weight:normal;

	text-decoration:none;

	color:#000000;

	font-style: normal;

	text-align: left;





	

}



.menutxt a

{

font-family:Arial;

font-size:14px;

font-weight:normal;

text-decoration:none;

color:#000;

}



.menutxt a:hover

{

font-family:Arial;

font-size:14px;

font-weight:normal;

text-decoration:none;

color:#FFFFFF;



}





.menu ul

{

    list-style-type:none;

    margin:0px;

    padding:0px;

	



 }



.menu li{

	float:left;

	display:block;

	width: 105px;

	margin-top:6px;



}



.menu ul li a:link

{

    font-family:arial;

    width:125px;

    background-color:#ffffff;

    color:#000;

    text-decoration:none;

    text-align:center;

    font-weight:bold;

    margin-top:70px;

    margin-left:10px;

	

}

.menu ul li a:active

{

    font-family:arial;

    width:125px;

    background-color:#ffffff;

    color:#000;

    text-decoration:none;

    text-align:center;

    font-weight:bold;

    margin-top:70px;

    margin-left:10px;

}



.menu ul li a:visited

{

    font-family:arial;

    width:125px;

    background-color:#ffffff;

    color:#000;

    text-decoration:none;

    text-align:center;

    font-weight:bold;

    margin-top:70px;

    margin-left:10px;

}

.menu ul li a:hover

{

    font-family:arial;

    width:128px;

    background-color:#555555;

    color:#000;

    text-decoration:none;

    text-align:center;

    font-weight:bold;

    margin-top:70px;

    margin-left:10px;

}





#left

{

	width:250px;

	height:auto;

	background-color:#FFFFFF;

	float: left;

 

}



.trigger



{

	background-repeat:no-repeat;

	margin:15px 10px 0px 10px;

	width:240px;

	height:200px;

	background-image: url(../images/boxorange.gif);





	

}



.trigger1



{

	background-repeat:no-repeat;

	margin:15px 10px 0px 10px;

	width:240px;

	height:200px;

	background-image: url(../images/boxgreen.gif);





	

}



.gall



{

	background-repeat:no-repeat;

	margin:15px 10px 0px 10px;

	width:240px;

	height:233px;

	background-image: url(../images/gall.jpg);





	

}




.blog



{

	background-repeat:no-repeat;

	margin:17px 10px 0px 10px;

	width:240px;

	height:117px;






	

}



.join



{
	background-image:url(../images/greybg.jpg);
	background-repeat:repeat-x;
	margin:17px 10px 0px 10px;
	width:240px;
	height:185px;
	padding-top: 10px;


}




.sms



{
	background-repeat:no-repeat;
	margin:17px 10px 0px 10px;
	width:240px;
	height:117px;





	

}


.facebook



{
	background-repeat:no-repeat;
	margin:17px 10px 0px 30px;
	width:200px;
	height:60px;





	

}


.orkut



{
	background-repeat:no-repeat;
	margin:17px 10px 0px 30px;
	width:200px;
	height:98px;





	

}









.headings



{

	font-family:Arial;

	font-size:14px;

	width: 235px;

	text-align: center;

	padding-top: 5px;

	color: #FFFFFF;

	font-weight: bold;

	height: 25px;

}





.headings1



{

	font-family:Arial;

	font-size:14px;

	width: 460px;

	text-align: center;

	padding-top: 5px;

	color: #000000;

	font-weight: bold;

	height: 25px;

}





.headings2



{

	font-family:Arial;

	font-size:14px;

	width: 460px;

	text-align: center;

	padding-top: 5px;

	color: #fff;

	font-weight: bold;

	height: 25px;

}





.boxtxt



{

	font-family:Arial;

	font-size:12px;

	width: 200px;

	text-align: left;

	color: #333;

	font-weight: normal;

	float: left;

	margin-top: 10px;

	padding-left: 10px;

}





.arrow

{

	width:13px;

	height:11px;

	background-image:url(../images/arr.gif);

	background-repeat:no-repeat;

	float:left;

	vertical-align: text-top;

	margin-top: 10px;

	margin-left: 5px;



}





.rdmrtxt

{

	font-family:Arial;

	font-size:11px;

	color:#ffa301;

	float:right;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	padding-right: 10px;

	text-decoration: none;



}



.rdmrtxt a

{

	font-family:Arial;

	font-size:11px;

	color:#ffa301;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	



}

.rdmrtxt a:hover 

{

	font-family:Arial;

	font-size:11px;

	color:#467F48;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: underline;



}



#bodycentercontainer

{

	width:470px;

	height: 700px;

	float:left;

	margin:15px 0px 0px 7px;

	border: 0px;

	text-align: justify;

	background-color: #FFFFFF;



}





#cont1

{

	width:461px;

	height: 200px;

	float:left;

	margin:15px 0px 0px 5px;

	border: 0px;

	text-align: justify;

	background-image: url(../images/linegreen.gif);

	background-repeat: repeat-x;

	



}





.cont2

{

	width:461px;

	height: 200px;

	float:left;

	margin:0px 0px 0px 5px;

	border: 0;

	text-align: justify;

	background-image: url(../images/linegreen.gif);

	background-repeat: repeat-x;

	



}


#cont3

{

	width:461px;

	height: 240px;

	float:left;

	margin:15px 0px 0px 5px;

	border: 0px;

	text-align: justify;

	background-image: url(../images/linegreen1.gif);

	background-repeat: repeat-x;

	



}









#content

{

background-color:#FFFFFF;

width:1003px;

height:700px;

}

#contentprofile

{

background-color:#FFFFFF;

width:1003px;

height:2750px;

}


#contentmp

{

background-color:#FFFFFF;

width:1003px;

height:2350px;

}


#contentapp

{

background-color:#FFFFFF;

width:1003px;

height:4650px;

}



#contentnot

{

background-color:#FFFFFF;

width:1003px;

height:1450px;

}


#contentrej

{

background-color:#FFFFFF;

width:1003px;

height:4000px;

}



#contentnews

{

background-color:#FFFFFF;

width:1003px;

height:3050px;

}


#contentnews1

{

background-color:#FFFFFF;

width:1003px;

height:16350px;

}



#contentwork

{

background-color:#FFFFFF;

width:1003px;

height:2750px;

}


#contentmani

{

background-color:#FFFFFF;

width:1003px;

height:1100px;

}

#contentcontact

{

background-color:#FFFFFF;

width:1003px;

height:1050px;

}




.p

{

	font-family:Arial;

	font-size:12px;

	text-decoration:none;

	text-align:justify;

	color:#333333;

	font-variant:normal;

	line-height: 14pt;

	

}





.pgreen

{

	font-family:Arial;

	font-size:12px;

	text-decoration:none;

	text-align:justify;

	color:#044E03;

	font-variant:normal;

	line-height: 12pt;

	

}





#right

{

	width:250px;

	height:auto;

	background-color:#FFFFFF;

	float: left;

	

 

}



.blogtxt

{

padding:35px 0px 0px 0px;

font-size:18px;

color:#FFFFFF;

text-align:center;

}



.blogtxt a

{

padding:35px 0px 0px 0px;

font-size:18px;

color:#FFFFFF;

text-align:center;

}



.blogtxt a:hover

{

padding:35px 0px 0px 0px;

font-size:18px;

color:#000000;

text-align:center;

}




#footer{
	width:1003px;
	font-size:8pt;
	font-family:arial;
	color:#9EC065;
	text-align:right;
	float: left;
	background-color: #FFFFFF;
	padding-top: 15px;
    
}


#footer ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
   
}

#footer ul li{
  float:left;
    font-size:10pt;
    font-family:arial;
    text-decoration:none;
    text-align:center;
    margin-left:8px;
    color:#555555;
    
    
}
#footer ul li a:link
{
    font-family:arial;
    width:auto;
    color:#555555;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
    margin-top:65px;
    margin-left:10px;
}
#footer ul li a:active
{
    font-family:arial;
    width:auto;
    color:#555555;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
    margin-top:65px;
    margin-left:10px;
}

#footer ul li a:visited
{
    font-family:arial;
    width:auto;
    color:#555555;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
    margin-top:65px;
    margin-left:10px;
}
#footer ul li a:hover
{
    
    background-color:#9EC065;
    color:#000000;
     font-weight:normal;
    

}

#fake{
    
    clear:both;
}






#copy
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width: 150px;
	float:right;
    
}

hr{
border:1px solid #9EC065;
width:1003px;
float:left;
}


.cprtxt
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#6b6a68;
	padding-top:0px;
	line-height: 15pt;
}

.cprtxt a
{
font-family:Arial;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#6b6a68;
}

.cprtxt a:hover
{
font-family:Arial;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#FF6600;
}


#leftside
{
	width:700px;
	float:left;
	margin-top: 15px;
	padding: 10px;
}

.left1
{
width:350px;
float:left;
}

.left2
{
width:350px;
float:left;
}

#rightside
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 2600px;
	background-color: #FFFFFF;
}

#rightsidework
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 2600px;
}


#rightsidecontact
{
	width:280px;
	float:left;
	padding: 10;
	
	height: 1000px;
}



#rightsidemp
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 2200px;
}

#rightsideapp
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height:4500px;
}

#rightsidenot
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height:1300px;
}



#rightsiderej
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height:3850px;
}

#rightsidenews
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 2900px;
}


#rightsidenews1
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 16200px;
}





#rightsidemani
{
	width:280px;
	float:left;
	padding: 10;
	margin-top: 35px;
	height: 950px;
}



.txt
{
font-family:arial;
font-size:12px;
font-weight:normal;
line-height:14pt;
color:#333333;
text-align:justify;
}


.txtbold
{
font-family:arial;
font-size:12px;
font-weight:bold;
line-height:normal;
color:#333333;
text-align:justify;
}


.headinggreenc
{
	font-family: Arial;
	font-size: 16px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:underline;
	text-align:center;
	
}

.headinggreenc a
{
	font-family: Arial;
	font-size: 16px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:underline;
	text-align:center;
	
}

.headinggreenc a:hover
{
	font-family: Arial;
	font-size: 16px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#CE6107;
	text-decoration:underline;
	text-align:center;
	
}

.headinggreenn
{
	font-family: Arial;
	font-size: 15px;
	font-style:normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:none;
	text-align:left;
	
}

.headinggreen
{
	font-family: Arial;
	font-size: 15px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:none;
	text-align:left;
	
}

.headinggreen a
{
	font-family: Arial;
	font-size: 15px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:none;
	text-align:left;
	
}


.headinggreen a:hover
{
	font-family: Arial;
	font-size: 15px;
	font-style:normal;
	line-height: normal;
	font-weight:bolder;
	font-variant: normal;
	text-transform: none;
	color:#FF6600;
	text-decoration:none;
	text-align:left;
	
}



.headgreen
{
	font-family: Arial;
	font-size: 13px;
	font-style:normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:none;
	text-align:left;
	
}

.headinggreen a
{
	font-family: Arial;
	font-size: 13px;
	font-style:normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#064E05;
	text-decoration:none;
	text-align:left;
	
}


.headinggreen a:hover
{
	font-family: Arial;
	font-size: 13px;
	font-style:normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color:#FF6600;
	text-decoration:none;
	text-align:left;
	
}




.boxorange
{
	width:400px;
	height:auto;
	padding:10px;
	background-color:#EBEBEB;
	margin-left: 135px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
}


.boxorange1
{
	width:550px;
	height:auto;
	padding:10px;
	background-color:#96B863;
	margin-left: 55px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
}



.lines ul
{
	margin:0px;
	padding:0px;
	color:#333333;
	margin-left: 5px;
}


.lines li

{
	display: list-item;
	list-style: url(../images/arr.gif);
}

















































































#scroll

{

	position:relative;









// mandatory

    width:100px;

	height:100px;

	overflow:hidden;









// mandatory

    float:left;

	width: 100px;

	margin-top: 20px;

	padding-bottom: 10px;

	margin-right: 2px;

	top: 20px;

	border: 1px;

	right: 0px;

}



.redtxtn

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}


.redtxtn a

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}


.redtxtn a:hover

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#064E05;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}







.redtxt

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}

.redtxt a

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}


.redtxt a:hover

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#064E05;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: left;



}



.redtxtul

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}


.redtxtul a

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#CE6107;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}


.redtxtul a:hover

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#064E05;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}



.gtxtul

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFFFFF;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}


.gtxtul a

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#fff;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}


.gtxtul a:hover

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#064E05;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:16pt;

	text-decoration: none;

	text-align: center;



}

.pblack

{

	font-family:Arial;

	font-size:12px;

	text-decoration:none;

	text-align:justify;

	color:#333333;

	font-variant:normal;

	line-height: 12pt;

	

}


.pblack a

{

	font-family:Arial;

	font-size:12px;

	text-decoration:none;

	text-align:justify;

	color:#333333;

	font-variant:normal;

	line-height: 12pt;

	

}


.pblack a:hover

{

	font-family:Arial;

	font-size:12px;

	text-decoration:none;

	text-align:justify;

	color:#064E05;

	font-variant:normal;

	line-height: 12pt;

	

}














.greentxt

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#044E03;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height:normal;

	text-decoration: none;

	text-align: right;



}














#joinform form label {
	display: block;
	float: left;
	padding: 0;
	margin: 5px 0 0 5px;
	text-align: left;
	color: #000000;
	width: 50px;
}



#joinform form input, form textarea {
	
	border:1px #ccc solid;
	margin-left: 15px;
	background-color: #FFFFFF;
	
}


#joinform form input#submit {
	background-color:#9EC065;
	color:#333;
	border: 1px solid;
	border-color: #333333;
	float: none;
}










#contactform form {
	font:100% verdana,arial,sans-serif;
	margin: 0;
	width: 500px;
	padding-left: 20px;
}

#contactform form fieldset {
  clear: both;
  border-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  padding: 10px;      
  margin: 0;
}

#contactform form fieldset legend {
	font-size:1.1em;
}

#contactform form label { 
	display: block; 
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: left; 
}



#contactform form input, form textarea {
	
	width:auto;     
	margin:5px 0 0 10px;
	border:1px #cccccc solid;
	
}



#contactform form input#reset {
	margin-left:50px;
	background-color:#064E05;
	color:#fff;
}

#contactform form input#submit {
	
	background-color:#064E05;
		color:#fff;
}

#contactform textarea { overflow: auto; }

#contactform form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

#contactform form .required{font-weight:bold;} 

#contactform form br {
	clear:left; 
}

#contactform form.txt
{
font:Arial;
font-size:12px;
font-weight:normal;
text-decoration:none;

}


























.photo {width:680px; text-align:left; position:relative;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:680px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:220px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:220px; height:30px; text-align:center; line-height:30px; color:#fff; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#064E05; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#CE6107 ;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#CE6107 url(lbox/close.gif) no-repeat right top; width:520px; padding:40px 50px; border:20px solid #064E05;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}
