/*
.....................
..............
...........

FIXED LAYOUT

Hello, welcome !
Look inside, get inspired, but don't steal it or a good friend of mine will cook some voodoo over your ip...

...........
..............
.....................
*/




/*...................


GENERAL


.....................*/



body{

margin: 0;

padding:0;

overflow: visible;

}

	
html>body{
	
padding: 0px;

}


img {
	 
border: 0;

margin:0;

padding:0;

}

a {
	
margin:0;

padding:0;

text-decoration:none;

}



/*...................


TOP


.....................*/



#headerTop{
	
margin: 0;

padding: 0;

height:80px;

height:3.1em;

width:100%;

}


.one{
	
float:left;

height:3.1em;

margin-left: 19px;

}


.one h1{
	
margin-top:1.2em;

}


.two{
	
float:right;

height:3.1em;

margin-right: 19px;

}


.two h1{
	
margin-top:1.2em;

}


.three{

float:right;

height:3.1em;

margin-left: 20px;

margin-right: 19px;

}


.three h1{

margin-top:1.2em;

}



/*...................


FIXEDWRAPPER


.....................*/



#fixedWrapper{

position: fixed;

top: 0;

left: 0;

right: 0;

margin:0;

padding:0;

width:100%;

z-index:700;

}

#fixedWrapperMe{

position: relative;

margin:0;

padding:0;

width:100%;

z-index:700;

}




/*...................


NAV


.....................*/



#nav{

margin:0;

padding:0;

height:2em;

width:100%;

/* correct this FF flickering bug when repainting img on screen */

overflow: hidden;/* for Opera also */

position: relative;/* center vertically */

}


#nav[id]{

/* vertical centering method */

margin:0;

padding:0;

height:1.9em;

width:100%;

/* correct this FF flickering bug when repainting img on screen */

overflow: hidden;/* for Opera also */

display: table;/* center vertically */

position: static;/* center vertically */

}


#middle {
	
position: absolute;

top: 50%;

margin: 0;

padding: 0;

}


#middle[id] {
	
display: table-cell;

vertical-align: middle;

position: static;

margin: 0;

padding: 0;

}


#inner {
	
position: static;/* also a value 4 Opera*/

top: -50%;

margin: 0;

padding: 0;

display: inline;/* a value 4 Opera*/

}


#opt {
	
position: static;/* also a value 4 Opera*/

top: -50%;

margin: 0;

padding: 0;

display: inline;/* a value 4 Opera*/

}


/* for explorer only */
/* optional: #inner[id] {position: static;} */
/* optional: #opt[id] {position: static;} */


#nav ul{

margin-top: 1px;/* To watch */

margin-bottom: 0;/* a value 4 Opera */

margin-right: 19px;

margin-left: 19px;

padding:0;

line-height: .1em;/* a value 4 Opera */

/* correct this FF flickering bug when repainting img on screen */

overflow: visible;

}


#nav ul li{

list-style: none;

display: inline;

padding:0;

margin: -2px .4em .1em 0;/* bottom value to add space between lines */

float: left;

}


#nav ul li a{

margin: 0;

padding:0;

display: inline;

}



/*...................


ARTICLE


.....................*/



#articleBgnd{

width:100%;

margin: 0 0 0 0;

padding: .3em 0 0 0;

z-index:500;

margin-top: 4.8em;

position: relative;/* remove this line for art. to slide with cf*/

}


#article{

width:100%;

margin: 0;

padding: .3em 0 .6em 0;

z-index:500;

}

#noScript{

width:100%;

margin: 0;

padding: .6em 0 .6em 0;

z-index:500;

float: left;

text-align: center;

}


#articleIn{

margin: .1em 20px 0 20px;

line-height:.5em;

}

#articleIn ul{

margin: 0 .05em 0 -0.15em;

padding:0;

display:inline;

}

#articleIn ul li{

list-style: none;

margin: 0;

padding:0;

display: inline;

}

#articleIn ul li a{

margin: 0 0 0 .25em;

padding:0;

display: inline;

}


#articleIn{

margin: .1em 20px 0 20px;

line-height:.5em;

}


#article h1, #article h2, #article h3{

display:inline;

}


#article p{

display:inline;

}

#article2{

width:100%;

margin: 0;

padding: .3em 0 .6em 0;

z-index:500;

}

#articleIn2{

margin: .1em 20px 0 20px;

line-height:.5em;

}

#article2 h1{

display:inline;

}

#article2 p{

display:inline;

}


/*...................


MEDIAS


.....................*/


#articleBgndMe{

width:100%;

margin: 0 0 0 0;

padding: .1em 0 0 0;

z-index:500;


clear: both;

display:block;

}

#articleMe{

width:100%;

margin: 0;

padding: .3em 0 .6em 0;

z-index:500;

clear: both;

display:block;


}

#articleInMe{

margin: .1em 20px 0 20px;

line-height:.5em;

}

#articleInMe ul{

margin: 0 .05em 0 -0.15em;

padding:0;

display:inline;

}

#articleInMe ul li{

list-style: none;

margin: 0;

padding:0;

display: inline;

}

#articleInMe ul li a{

margin: 0 0 0 .25em;

padding:0;

display: inline;

}

#articleInMe{

margin: .1em 20px 0 20px;

line-height:.5em;


}

#articleMe h1, #articleMe h2, #articleMe h3{

display:inline;

}

#articleMe p{

display:inline;

}


#mediaBox{

text-align: center;

margin: 0 auto 0 auto;

padding: 0;

overflow: hidden;

}

#mediaBox embed, #mediaBox object{

margin: 0 auto 0 auto;

padding: 0;

display: block;

line-height: normal;

}


#mediaHolder p, #nsw, #mediaHolder2 p{

text-align: center;

margin: 2em auto 2em auto;

padding: 2em 0 2em 0;

width: 300px;

}

#mediaHolder{
	
/*display: block;*/

text-align: center;

margin: 0 auto 0 auto;

padding: 0;

overflow: hidden;


}



/*...................


CONTAINERS


.....................*/





#cf{

margin: 0px auto 0 auto;

padding:0;

position: relative; /* relative or absolute 4 slide to work */

width: 100%;

float: left; /* slopy slide solver ? */

}

#cfMe{

margin: 0px auto 0 auto;

padding:0;

position: relative; /* relative or absolute 4 slide to work */

width: 100%;

float: left; /* slopy slide solver ? */

}


#content{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

overflow: hidden; /* Avoid horizontal scrollbar when the img is resized through resize tool */

}

#contentS{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

overflow: hidden; /* Avoid horizontal scrollbar when the img is resized through resize tool */

min-height: 1100px;

/*min-height: 1100px; Use this only if no image to stretch*/

}

#contentMe{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

overflow: hidden; /* Avoid horizontal scrollbar when the img is resized through resize tool */

text-align: center;

}

#contentNr{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

overflow: hidden; /* Avoid horizontal scrollbar when the img is resized through resize tool */

text-align: center;

min-height: 100px;

}

#contentNr img{

width: auto;

margin: 0 auto 0 auto;/* -2px mt */

padding: 0;

}

#contentNrWs{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

 /* overflow: hidden; Removed because of text select bug only in ff osX - To watch - But was also avoiding text flashing when tools called from options */

text-align: center;

min-height: 1250px;

}

#holdImg{

width:100%;

overflow: hidden; /* slopy slide solver */

}

#contentH, #contentR {

min-height: 100px; /*min-height: 100px; Removed causing slopy slide */

width: 100%;

text-align: center;

overflow: hidden; /* slopy slide solver */

}

#contentH img{

width:100%;


}


#contentR img{

width:100%;




}



#contentRerr img{

width: 100%;

}

#contentRerr{

margin: 0 auto 0 auto;

padding:0;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

min-height: 300px;

overflow: hidden; /* slopy slide solver */

}

#contentNrWsCov{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

 /* overflow: hidden; /*Removed because of text select bug only in ff osX - To watch - But was also avoiding text flashing when tools called from options */

text-align: center;

min-height: 1250px;

float: left;

}

#contentNrWsCov ul{

margin: 0;

padding:0;

float: left;

margin-bottom: 10px;/* Added 30507*/

}

#contentNrWsCov ul li{

margin: 0;

padding:0;

list-style: none;

float: left;

}

#contentNrWsCov ul li img{

margin: 0;

padding:0;

float: left;

}


#contentTContact{
	
margin: 0 auto 0 auto;

padding:0;

z-index: 301;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

min-height: 1250px;

overflow: hidden; /* slopy slide solver */

}


#contentTContact img{
	
top: 0;

margin: 0 auto 0 auto;

padding:0;

z-index: 299;

position: relative; /* needed to stay above menu behind */

width: 100%;

}


#contentTContact img{
	
width: 100% !important;

}


#contentTContact form{
	
top: 0;

margin: 0 auto 0 20px;

padding:0;

z-index: 320;

position: absolute; /* needed to be pushed above img */

width: 60%;

float: left;

}


#contentAbout{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

min-height: 1100px;

overflow: hidden;


}


#contentGuest{

margin: 0 auto 0 auto;

padding:0;

z-index: 300;

position: relative; /* needed to stay above menu behind */

width: 100%;

height: auto;

min-height: 1100px;

}

.comment img.favatar{

margin: 0 0 0 0;

padding:0 0 0 0;

height: 16px;

width: 16px;

float: left;

}


#fakeMinheight{

margin: 0;

padding: 0;

height: 900px;

width: 1%;

float: right;

}


#fakeMinheightAbout{

margin: 0;

padding: 0;

height: 900px;

width: 1%;

float: left;

}


#contentText{

margin: 0 0 0 0;

padding:0;

text-align: left;

width:99%;

float: left;

}


#contentTextContact{

margin: 0 0 0 0;

padding:0;

text-align: left;

width:100%;

height: auto;

min-height: 1100px;

float: left;

}

#contentTextContact2{

margin: 0 0 0 0;

padding:0 0 0 0;

text-align: left;

width:100%;

height: auto;

min-height: 1250px;

float: left;

}

#contentTextContact2 h1{

margin: 1em 0 0 20px;

padding: 0;

}


#contentTextContact #zemContactForm {

margin: 0 0 0 20px;

padding: 0;

float: left;

}


#contentTextAbout{

margin: 0 0 0 0;

padding: 33px 0 0 0;

text-align: left;

width:100%;

height: auto;

min-height: 500px;

}


#contentTextGuest{

margin: 0 0 0 0;

padding: 3.5em 0 3.5em 0;

text-align: left;

width:100%;

height: auto;

min-height: 500px;

}


#contentTextAbout2{

margin: 0 0 0 0;

padding: 33px 0 68px 0;

text-align: left;

width:100%;

height: auto;

min-height: 500px;

}




/*...................


FOOTER


.....................*/



#footer{

width:100%;

height: auto;

margin-top:-10px;

z-index: 400;

position: relative; /* needed to stay above menu behind */

border: 0px solid red;

}


#footerIn{

margin: 0 20px 0 20px;

line-height:.5em;

text-align: left;

padding: 4px 0 5px 0;

}

#footerMe{

width:100%;

height: auto;

z-index: 400;

margin: 0 0 0 0;

padding: 0;

}

#footerInMe{

margin: 0 20px 0 20px;

text-align: left;

padding: 7px 0 8px 0;

}


#footerIn p.browserDetect{

margin: 0;

padding: 0;

text-align: left;

}


#footerInLeft{
	
width: 90%;

float: left;

margin: 0;

padding: 0;

}

#footerInLeftMe{
	
width: 100%;

float: left;

margin: 0;

padding: 0;

}


#footerInRight{

width: 10%;

float: right;

text-align: right;

margin: 0;

padding: 0;

}


#footerInLeft h1{

display:inline;

margin: 0 8px 0 0;

}

#footerInLeftMe h1{

padding: 0;

margin: 0 8px 0 0;

float: left;

}

#footerInLeftMe p{

padding: 0;

margin: 0 0 0 0;

float: right;

}


#footerInLeft p, #footerInRight p{

display:inline;

margin: 0 0 0 0;

padding: 0;

}


#footerInLeft p.more a{

padding: 0 0 0 0;

}


#footerInLeft p.more{

margin: 0;

}


#footerInLeft p.less a{

padding: 0 2px 0 0;

}


#footerInLeft p.less{

margin: 0 0 0 0;

}


#footerInRight p.more2 a{

padding: 0 2px 0 2px;

}


#footerInRight p.less2 a{

padding: 0 2px 0 2px;

}




#footerInRight p.less2{

margin: 0 -3px 0 -5px;

}


#footerInRight p.up a{

padding: 0 0 0 2px;

}


.upTop, .upTop a {

visibility: hidden;

float: left;	

position: absolute;

top: 0;

left: 0;

}


.clearfix:after {
	
content: "";
 
display: block;
 
height: 0;

clear: both;

visibility: hidden;

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/*...................


TOOLS


.....................*/


#tools{
	
position:relative;/* relative or absolute 4 slide to work */

width:100%;

margin: -0.3em 0 0 0;/* top -1px to correct those  clientHeight and offsetHeight different values accross browsers. -0.3 em to add to javascript for those disabled ones */

padding: 0;

z-index: 400;

float: left;/* solved FF bug does this offect Op in contact ? No: to watch */

clear: both;/* solved FF bug does this offect Op in contact ? No: to watch */

}


.srch{
	
margin: 0 0 0 0;

padding: 0 0 0 0;

width: 200px;

}

#contentS2{

margin: 0 20px 0 20px;

padding: 5em 0 40em 0;

float: left;

}

#contentS2 h3{

margin: 0 0 0 0;

padding: 0;

float: left;

clear: both;

}

#contentS2 p{

margin: .1em 20px 1.5em 20px;

padding: 0;

float: left;

clear: both;

}

.srchTwrp{
	
margin: -1px 0 0 0;

padding: 20px 10px 5px 20px;

float: left;

clear: both;
	
}

#contentS2 .srchbr{

margin: .1em 0 0 0;

padding: 0;

clear: both;

float: none;

display: block;

}

#contentS2 p a{

margin: 0 0 0 30px;

padding: 0;

}




/*...................


NEWSLETTER & SEARCHBOX


.....................*/


#toolsWrp{
	
margin: 0;

padding: 5px 0 5px 0;

display: block;

float: left;

width: 100%;
}


#toolsWrpA{
	
margin: 0;

padding: 0;

/*width: 32%;*/

width: 30%;

float: left;

}

#toolsWrpB{
	
margin: 0;

padding: 0;

width: 63%;

width: 50%;

float: right;

}




#sToolsWrp{

padding: 0 0 0 0;

margin: 0 0 0 20px;

float: left;

width: 100%;

}

.sToolsWrpTtl{

float: left;

}



#sToolsWrp h1{

float: left;

width: 61px;

text-align: center;

/*padding: .36em 0 .42em 0;*/

padding: .19em 0 .25em 0;/* .30em ? */

margin: 0 -1px -1px 0;

display: block;

text-indent: -900em;

}


#sToolsWrp ul {

display: inline;

}

#sToolsWrp ul li{

list-style: none;

display: inline;

text-align: center;

}

#sToolsWrp ul li a{

display: inline;

width: 30px;

float: left;

/*padding: .36em 0 .42em 0;*/

padding: .19em 0 .25em 0;/* .30em for Safari*/

display: block;

}


#sToolsWrp ul li.toolsRA{

width: 64px;

float: left;

margin-bottom:-1px;

margin-right:-2px;

}

#sToolsWrp ul li.toolsRAN{

width: 32px;

float: left;

margin-bottom:-1px;

margin-right:-1px;

}

#sToolsWrp ul li.toolsHF{

width: 64px;

float: left;

margin-bottom:-1px;

margin-right:-2px;

}

#sToolsWrp ul li.toolsHF2{

width: 32px;

float: left;

margin-bottom:-1px;

margin-right:-2px;

}

#sToolsWrp ul li.toolsCI{

width: 64px;

float: left;

margin-bottom:-1px;

}

#sToolsWrp ul li.toolsHF32{

width: 32px;

float: left;

}

#sToolsWrp ul li.toolsHF64{

width: 96px;

float: left;

}


#sToolsWrp ul li.toolsML {

width: 64px;

float: left;

clear: both;

margin-bottom:-1px;

}

#sToolsWrp ul li.toolsML96 {

width: 96px;

float: left;

clear: both;

margin-bottom: -1px;

margin-top: -1px;

}

#srchBox{

margin: 0 20px 5px 10px;

padding: 0;

float: right;

line-height: 1em;



}



#zemContactForm {

margin: 0 20px 5px 10px;

padding: 0;

float: right;

line-height: 1em;

}


#zemContactForm div ul{
	
margin: 0 0 0 0;

padding:0;

float: left;

}



input#srchField{

margin: 0;

/*padding: .36em 0 .42em 5px;*/

padding: .19em 0 .25em 5px;

width: 130px;

display: inline;




}


input#newsletter{

margin: 0;

/*padding: 2px 0 3px 5px;*/

/*padding: .36em 0 .42em 5px;*/

padding: .19em 0 .25em 5px;

width: 130px;

display: inline;

}


button#imgBtn, button#zemSubmit{
	
padding: 0 0 0 3px;

display: inline;

}



#toolsWrpB #srchBox label, #toolsWrpB #zemContactForm label{

margin: 0;

padding: 0;

display: none;

visibility: hidden;

}


/*...................


COVERS


.....................*/


#covers{
	
position:relative;/* relative or absolute 4 slide to work */

width:100%;

margin: 0 0 0 0;/* top -1px to correct those  clientHeight and offsetHeight incorrect values accross browsers. -0.3 em to add to javascript for those disabled ones */

padding: 0;

z-index: 400;

float: left;/* solved FF bug does this offect Op in contact ? No: to watch */

clear: both;/* solved FF bug does this offect Op in contact ? No: to watch */

text-align: center;

}

#coversWrp{
	
margin-top: 0;

margin-bottom: 0;

padding: 0 0 0 0;

}

#coversWrpT, #coversWrpB{
	
padding: 0;

}

#coversWrpTtl{
	
margin: 0 0 0 0;

padding: 0 19px 0 19px;

text-align: left;

}

#coversWrpTtl h1{
	
margin: 0 0 0 0;

padding: 17px 0 16px 0;

}

#coversWrpTtl h1 span#coversWrpTtl2{
	
margin: 0;

padding: 0;

}

#coversWrpImgs{
	
margin: 0;

padding: 0 0 0 15px;

text-align: center;

}


#coversWrpImgs ul{
	
margin: 0 auto 10px auto;

padding: 0;

width: 496px;

border: 0px solid red;

text-align: center;

}


#coversWrpImgs ul li{
	
margin: 0 auto 10px auto;

padding: 0 5px 0 5px;

width: 160px;

height: 160px;

list-style-type: none;

display: inline;

}

#coversWrpImgs ul li a{
	
margin: 0;

padding: 0;

width: 150px;

height: 150px;

}

#coversWrpImgs ul li a img{
	
margin: 12px 0 0 0;

padding: 0;

width: 150px;

height: 150px;

}

#coversInsLnk{

margin: 0;

padding: 0 19px 0 19px;
	
text-align: left;

}

#coversInsLnk p{

margin: 0 0 0 0;

padding: 10px 5px 15px 0;

}



.covers{

margin: 0 0 0 0;

padding: 0;

}


/*...................


OPTIONS


.....................*/



#options{
	
position:relative;/* relative or absolute 4 slide to work */

width:100%;

margin: 0;/* -height activated by constructor */

padding: 0;

z-index: 100;

float: left;/* solved FF bug does this offect Op in contact ? No: to watch */

clear: both;/* solved FF bug does this offect Op in contact ? No: to watch */

}


#optionsIn{

margin: 0 20px 0 20px;

}


#optionsInA{
	
margin: 0;

padding: 35px 0 38px 0;

width: 73%;

float: left;

}


#optionsInALeft{
	
margin: 0 5px 0 0;

padding: 0;

width: 43%;

float: left;

}


#optionsInALeftTitle{
	
margin: 0;

padding: 0;

}


#optionsInALeftContent{
	
margin: 0;

padding: 0;



overflow: hidden;

position: relative;

}


#optionsInALeftContent[id]{
	
margin: 0;

padding: 0;



display: table;

position: static;

}


/* for explorer only*/


#optionsInALeftContentMid{
	
margin: 0;

padding: 0;

position: absolute;

top: 50%;

}


#optionsInALeftContentMid[id]{
	
margin: 0 0 0 0;

padding: 0;

display: table-cell; 

vertical-align: middle; 

position: static;

}


/* for explorer only */


#optionsInALeftContentIn{
	
margin: 0 0 0 0; /* if top-mar neg then Op will crop text */

padding: 0;

position: relative;

top: -50%;

}


#optionsInALeftContent p{
	
margin: 0 0 0 0;

padding: 0;

}


#optionsInALeftContentIn p{
	
line-height: 1.2em;

margin: 0 0 0 0;

padding: 18px 0 0 0;

}


#optionsInALeftTitle h1{
	
margin: 0 0 3px 0;

padding: 0;

line-height: .8em;

}


#optionsInARight{
	
margin: 0 0 0 5px;

padding: 0;

width: 49%;

float: right;

}


.optionsInARightTw{
	
margin: 0 0 0 0;

padding: 0 0 0 0;

float: left;

width: 49%;

text-align: center;

}


.optionsInARightTw2{
	
margin: 0 auto 0 auto;

padding: 0 0 0 0;

text-align: left;

width: 81%;


}



#optionsInARight h1{
	
margin: 0 0 0 0;

padding: 0 0 0 0; /* 13 %*/

line-height: .8em;

}


#optionsInARight ul{
	
margin: 4px 0 0 0;

padding: 0 0 0 5px;

float: right;

width: 44%;

}


#optionsInARight ul li{
	
margin: 1px 0 0 3px;

padding: 0 0 0 0;

line-height: 1.21em;

}

#optionsInARight ul li a{
	
margin: 0;

padding: 0;

}

#optionsInARight ul li a:hover{
	
margin: 0 0 0 0 ;

padding: 0;

}


#optionsInARightOne{
	
margin: 0;

padding: 0;


}


#optionsInARightTwo{
	
margin: 0 0 0 0;

padding: 0 0 18px 0;

}


#optionsInB{
	
margin: 0;

padding: 35px 0 38px 0;

width: 22%;

float: right;

}

#optionsInB h1{
	
margin: 0 0 0 0;

padding: 0;

line-height: .8em;

}


#optionsInBContent{
	
margin: 0 0 0 0;

padding: 0;

}

#optionsInBContent h1{
	
margin: 0 0 5px 0;

padding: 0 0 0 0;

}

#optionsInBContent h1.tiFeeds{
	
margin: 17px 0 5px 0;

padding: 0 0 0 0;

clear: both;

}



#optionsInBContent h1.tiFeedsH{
	
margin: 0 0 5px 0;

padding: 0 0 0 0;

clear: both;

}


#optionsInBContent h1.tiTools{
	
margin: 7px 0 5px 0;

padding: 0 0 0 0;

}

#optionsInBContent h1.tiToolsH{
	
margin: 0 0 5px 0;

padding: 0 0 0 0;

}

#optionsInBContent h1.tiStatH{
	
margin: 0 0 5px 0;

padding: 0 0 0 0;

}


#optionsInBContent p{
	
margin: 0 0 0 0;

padding: 0;

line-height: 1.1em;

}

#options #wth{

margin: 17px 0 0 0;

padding: 0;

}

#options #lastU{

margin: 0 0 1.2em 0;

padding: 0;

}

#options #lastU p{

margin: 0 0 1.2em 0;

padding: 1em 0 0 0;

}


#options #sta{

margin: 12px 0 0 0;

padding: 0 12px 0 5px;

float: left;

}

#options #fee{

margin: 12px 0 0 0;

padding: 0 7px 0 5px;

float: left;


}

#options #too{

margin: 12px 0 0 0;

padding: 0 0 0 5px;

float: left;


}


#options p.degreCel{

margin: 0 0 0 0;

padding: 0 0 0 0;

display: inline;

white-space: nowrap;

}

#options p.degreFar{

margin: 0 0 0 0;

padding: 0 0 0 5px;

display: inline;

white-space: nowrap;

}

#options p.degreHum{

margin: 0 0 0 0;

padding: 0 0 0 5px;

display: inline;

white-space: nowrap;

}

.degSep{
	
margin: 0 5px 0 5px;

}


.cel{
	
margin: 0 -6px 0 -14px;

padding: 0;

}

.far{
	
margin: 0 -6px 0 -11px;

padding: 0;

}

.hum{
	
margin: 0;

padding: 0;

}


#options p.gmt{

margin: 3px 0 0 30px;

padding: 4px 0 0 0;

float: left;

clear: both;
	

}

#options p.feeds{

margin: -2px 0 0 2px;

padding: 0;

}

#options p.toolsL{

margin: -2px 0 0 2px;

padding: 0;

}

#options p.statsL{

margin: -2px 0 0 2px;

padding: 0;

}


#options p.tools{

margin: 10px 0 0 0;
	
text-align: center;

}




/*...................


FORMS


.....................*/



#contactWrapper{
	
text-align: left;

margin: 4em 0 0 0;

float: left;

width: 400px;

clear: both;

}

#contactWrapperG{
	
text-align: left;

margin: 2.6em 0 0 0;

padding: 	0;

float: left;

width: 265px;

}


#guestWrpCfFr{
	
margin: 5px 0 0 5px;

padding: 0;

overflow: hidden;

width: 315px;

float: left;

/*/float: left; REMOVED */

}

#guestWrpCf{
	
margin: 4px 4px 4px 4px;

padding: 0 10px 1px 10px;

width: 285px;

float: left;

min-height: 426px;

}

#guestWrpCf .even{
	
margin: 10px 5px 0 0;

padding: 0;

float: left;
}

#zemContactForm div ul.zemError{
	
margin: 4em 20px 1px 0;

padding: .15em 5px .21em 0;

width: 400px;

float: left;

clear: both;

display: block;

}


#zemContactForm div ul.zemError li{
	
margin: 0 0 0 0;

padding: .15em 5px .21em 0;

list-style:none;

float: left;

clear: both;

}

#zemContactForm div ul.zemError li span{
	
margin: 0 10px 0 0;

padding: 0;

}

#nameInput, #emailInput, #subjectInput{

margin: 0 0 7px 0;

float: left;

width: 400px;

}

#nameInputG, #emailInputG, #subjectInputG{

margin: 0 0 7px 0;

float: left;

}


#nameW, #emailW, #subjectW{

padding: 5px 0 5px 0;

width: 400px;


}

#nameWG, #emailWG, #subjectWG{

padding: 0;

margin: 0;

float: left;

}



#nameInput > input, #emailInput > input, #subjectInput > input{

margin: .2em 0 0 0;

padding: 3px 0 4px 0;
	
width: 210px;

float: left;

}

#nameInputG > input, #emailInputG > input, #subjectInputG > input{

margin: .2em 0 0 0;

padding: 3px 0 4px 0;
	
width: 150px;

float: left;

}



#nameInput label, #emailInput label, #subjectInput label{
	
margin: 0 0 0 0;

padding: .1em  0 .1em  0;

float: right;

width: 170px;

display: block;

}

#nameInputG label, #emailInputG label, #subjectInputG label{
	
margin: 0 0 0 10px;

padding: .1em  0 .1em  0;

float: right;

width: 100px;

display: block;

}

#messageInput{

float: left;

margin: 23px 0 5px 0;

padding: 0;

width: 400px;

}

#messageInputG{

float: left;

margin: 23px 0 5px 0;

padding: 0;

width: 265px;

}

#messageInput > label{

margin: 0 0 18px 0;

padding: 0;

display: block;

position: relative;

float: left;


}

#messageInputG > label{

margin: 0 0 18px 0;

padding: 0;

display: block;

position: relative;

float: left;


}


#messageInput > textarea{

margin: 3px 0 0 0;

padding: 3px 0 4px 0;

width: 100%;

height: 170px;

float: left;

}

#messageInputG > textarea{

margin: 3px 0 0 0;

padding: 3px 0 4px 0;

width: 263px;

height: 170px;

float: left;

}


#send{

width: 100%;

text-align: right;

margin: 0;

padding: 0;

float: left;


}

#sendW{

width: 100%;

text-align: right;

margin: 6px 0 0 0;

padding: 0;

float: left;

}

#sendWG{

width: 100%;

text-align: right;

margin: 6px 0 0 0;

padding: 0;

float: left;

}

#send > button{

padding: 2px 5px 2px 5px;

margin: 0;

}

#sendG input#preview, #sendG input.button{

padding: 2px 5px 2px 5px;

margin: 0;

}

#sendG input#remember, #sendG input#forget{

padding: 2px 5px 2px 5px;

margin: 4px 0 0 0;

display: block;

float: left;

}

#sendG{

padding: 0;

margin: 0;

}

#sendG > label{

padding: 0 5px 0 2px;

margin: 4px 0 0 2px;

display: block;

float: left;

}

p#txpCommentInputForm, p#laterM{

padding: 4.5em 0 4.5em 0;

margin: 0;

width: 100%;

text-align: center;

display: block;

}

ul.comments_error{

padding: 15px 0 20px 0;

margin: 0 0 0 0;

float: left;

width: 100%;


}

ul.comments_error li{

text-align: right;

padding: 3px 8px 3px 8px;

margin: 0 0 -1px 0;

text-align: right;

list-style: none;

clear: both;

}




/*...................


ABOUT


.....................*/



.aboutWrapper{
	
width: 499px;

margin: 1.6em 0 0 20px;

padding: 0;

}


#aboutAframe{
	
width: 245px; /* 2px border*/

margin: 0;

padding: 0;

float: left;


}


#aboutBframe{
	
width: 245px; /* 2px border*/

margin: 0;

padding: 0;

float: right;

}


#aboutCframe{
	
width: 245px; /* 2px border*/

margin: 0;

padding: 0;

float: left;

}


#aboutDframe{
	
width: 245px; /* 2px border*/

margin: 0;

padding: 0;

float: right;

}


.aboutMinH{
	
width: 5px;

height: 439px;

margin: -39px 0 0 0;

padding: 0;

float: left;

}


#aboutA{
	
width: 235px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

min-height: 439px;/* Height for Ie */

}


#aboutB{
	
width: 235px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

min-height: 439px;/* Height for Ie */

}


#aboutC{
	
width: 235px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

min-height: 439px;/* Height for Ie */

}


#aboutD{
	
width: 235px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

min-height: 439px;/* Height for Ie */

}


#aboutAcontent{
	
width: 235px; /* 2px border*/

margin: 39px 0 0 0;

padding: 0;

border-top: 1px solid #F3F3F3;

height: auto;

min-height: 300px;

}

#aboutAcontent h2, #aboutBcontent h2, #aboutCcontent h2, #aboutDcontent h2{

float: left;

text-align: center;

padding: 0;

margin: 0 0 0 0;

display: block;

text-indent: -900em;

}

#aboutAbottom{
	
width: 245px; /* 2px border*/

height: 33px;

margin: 0;

padding: 0;



}


#aboutBcontent{
	
width: 235px; /* 2px border*/

margin: 39px 0 0 0;

padding: 0;

border-top: 1px solid #F3F3F3;



height: auto;

min-height: 300px;

}


#aboutBbottom{
	
width: 245px; /* 2px border*/

height: 33px;

margin: 0;

padding: 0;



}


#aboutCcontent{
	
width: 235px; /* 2px border*/

margin: 39px 0 0 0;

padding: 0;

border-top: 1px solid #F3F3F3;


height: auto;

min-height: 300px;

}

#aboutCbottom{
	
width: 245px; /* 2px border*/

height: 33px;

margin: 0;

padding: 0;



}


#aboutDcontent{
	
width: 235px; /* 2px border*/

margin: 39px 0 0 0;

padding: 0;

border-top: 1px solid #F3F3F3;


height: auto;

min-height: 300px;

}


#aboutDbottom{
	
width: 245px; /* 2px border*/

height: 33px;

margin: 0;

padding: 0;



}


#aboutAcontent p{

margin: 95px 12px 100px 20px;	

}


#aboutBcontent p{

margin: 95px 12px 100px 20px;	

}


#aboutCcontent p{

margin: 95px 12px 100px 20px;	

}


#aboutDcontent p{

margin: 95px 12px 100px 20px;	

}





/*...................


GUEST


.....................*/


#guestWrp{
	
width: auto;

margin: 0 10px 0 10px;

padding: 0 0 40px 0;

}



#guestWrapper{
	
width: auto;

margin: 0 10px 0 10px;

padding: 0 0 40px 0;

float: left;

}

#guestWrapperG{
	
width: auto;

margin: 0 10px 0 10px;

padding: 0 0 0 0;

float: left;

}


.guestAframe, .even .guestframe{
	
width: 315px; /* 2px border*/

margin: 5px;

padding: 0;

float: left;

}


.guestBframe, .odd .guestframe{
	
width: 315px; /* 2px border*/

margin: 5px;

padding: 0;

float: left;

}



.guestCframe, .my .guestframe{
	
width: 315px; /* 2px border*/

margin: 5px;

padding: 0;

float: left;

}


.guestA, .even .guest{
	
width: 305px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

}


.guestB, .odd .guest{
	
width: 305px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

}


.guestC, .my .guest{
	
width: 305px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

}


.guestD{
	
width: 305px; /* 2px border*/

margin: 4px 4px 0 4px;

padding: 0;

}


.guestAHeader, .guestBHeader, .even .guestHeader, .odd .guestHeader{
	
width: 305px; /* 2px border*/

margin: 20px 0 0 0;

padding: 0;

border-top: 1px solid #F3F3F3;

float: left;

}


.guestCHeader, .my .guestHeader{
	
width: 305px; /* 2px border*/

margin: 20px 0 0 0;

padding: 0;

border-top: 0px solid #F3F3F3;

float: left;

}


.guestBoxA, .guestBoxB, .guestBoxC, .even .guestBox, .odd .guestBox, .my .guestBox{
	
width: 89px;

height: 89px;

margin: 0 0 0 19px;

padding: 0;

float: left;

}



.guestBoxShdw{
	
width: 6px;

height: 89px;

margin: 0;

padding: 0;

float: right;

}


.guestGravA, .guestGravB, .guestGravC, .even .guestGrav, .odd .guestGrav, .my .guestGrav{
	
width: 51px;/* 8px border*/

height: 51px;/* 8px border*/

margin: 12px 0 0 12px;

padding: 0;

border: 4px solid;

float: left;

}


.guestGravA a img, .guestGravB a img, .guestGravC a img, .even .guestGrav a img, .odd .guestGrav a img, .my .guestGrav a img{

width: 49px;

height: 49px;

border: 1px solid;
	
}


.guestNameA, .guestNameB, .guestNameC, .even .guestName, .odd .guestName, .my .guestName{
	
width: 188px;

min-height: 75px;

margin: 0 0 1em 19px;

padding: 0;

float: left;

}


.guestNameATop, .guestNameBTop, .even .guestNameTop, .odd .guestNameTop{
	
width: 267px;

height: 38px;

margin: 0;

padding: 0;


}


.guestNameCTop, .my .guestNameTop{
	
width: 267px;

height: 19px;

margin: 20px 0 0 0;

padding: 0;

}


.guestNameAMid, .guestNameBMid, .even .guestNameMid, .odd .guestNameMid{
	
width: 267px;

min-height: 29px;

margin: 0;

padding: 0;

float: left;

}


.guestNameCMid, .my .guestNameMid{
	
width: 267px;

min-height: 29px;

margin: 0;

padding: 0;

float: left;

}



.guestNameAMid h1, .guestNameBMid h1, .even .guestNameMid h1, .odd .guestNameMid h1{
	
margin: -5px 20px 0 20px;

padding: 0 0 5px 0;

float: left;

}

.guestAcontent p img, .guestBcontent p img, .guestCcontent p img, .even .guestcontent img, .odd .guestcontent img, .my .guestcontent img{
	
margin: 0 10px 0 0;

margin: 0 12px 0px 20px;

padding: 5px;

float: left;

display: block;

width: 16px;

height: 16px;

}

.even .guestcontent p img, .odd .guestcontent p img, .my .guestcontent p img{
	
display: none;

}


.guestNameCMid h1, .my .guestNameMid h1{
	
margin: -5px 20px 0 20px;

padding: 0 0 5px 0;

float: left;

}



.guestNameABot, .guestNameBBot, .guestNameCBot, .even .guestNameBot, .odd .guestNameBot, .my .guestNameBot{
	
width: 267px;

height: 9px;

margin: 0;

padding: 0;

float: left;

}


.guestAcontent, .guestBcontent, .even .guestcontent, .odd .guestcontent{
	
width: 305px; /* 2px border*/

margin: 0;

padding: 24px 0 10px 0;

border-top: 1px solid #F3F3F3;

height: auto;

min-height: 250px;

clear: both;

}


.guestCcontent, .my .guestcontent{
	
width: 305px; /* 2px border*/

margin: 0 0 0 0;

padding: 25px 0 10px 0;

border-top: 0px solid #F3F3F3;

height: auto;

min-height: 250px;

clear: both;

}



.guestAbottom, .guestBbottom, .guestCbottom, .even .guestbottom, .odd .guestbottom, .my .guestbottom{
	
width: 305px;

height:auto;

margin: 0;

padding: 0 0 0 0;

}


.guestNameATime, .guestNameBTime, .guestNameCTime, .even .guestNameTime, .odd .guestNameTime, .my .guestNameTime{
	
width: 162px;

min-height: 23px;

margin: 4px 1px 6px 6px;

padding: 0;

float: right;

}


.guestNameATime1, .guestNameBTime1, .guestNameCTime1, .even .guestNameTime1, .odd .guestNameTime1, .my .guestNameTime1{
	
width: 162px;

height: 7px;

margin: 0;

padding: 0;

}


.guestNameATime2, .guestNameBTime2, .guestNameCTime2, .even .guestNameTime2, .odd .guestNameTime2, .my .guestNameTime2{
	
width: 162px;

min-height: 10px;

margin: 0;

padding: 0;

}


.guestNameATime2 p, .guestNameBTime2 p, .guestNameCTime2 p, .even .guestNameTime2 p, .odd .guestNameTime2 p, .my .guestNameTime2 p{
	
min-height: 10px;

margin: 0 12px 0 12px;

padding: 0;

text-align: center;

}


.guestNameATime3, .guestNameBTime3, .guestNameCTime3, .even .guestNameTime3, .odd .guestNameTime3, .my .guestNameTime3{
	
width: 162px;

height: 6px;

margin: 0;

padding: 0;

}


.even .guestcontent p, .odd .guestcontent p, .my .guestcontent p, .even .guestcontent h1, .odd .guestcontent h1, .my .guestcontent h1, .even .guestcontent h2, .odd .guestcontent h2, .my .guestcontent h2, .even .guestcontent h3, .odd .guestcontent h3, .my .guestcontent h3, .even .guestcontent h4, .odd .guestcontent h4, .my .guestcontent h4, .even .guestcontent h5, .odd .guestcontent h5, .my .guestcontent h5, .even .guestcontent h6, .odd .guestcontent h6, .my .guestcontent h6{

margin: 0 12px 0 20px;	

}




/*...................


WALLPAPER


.....................*/


#wallpaper, #wallpaper2 {
	
margin: 0;

padding:0;

z-index: 301;

position: absolute; /* needed to stay above menu behind */

width: 330px;

height: auto;

/*min-height: 1100px; Use this only if no image to stretch*/

}


#wallpaperArt{
	
margin: 6.5em 0 0 20px;

padding: 23px 25px 20px 28px;

z-index: 320;

width: 30%;

width: 550px;

text-align: left;

float: left;

}

#wallpaperArtErr{
	
margin: 6.5em 0 0 20px;

padding: 23px 25px 20px 0;

z-index: 320;

width: 30%;

width: 550px;

text-align: left;

float: left;

}

#wallpaperArt2, #wallpaperArtErr2{
	
margin: 6.5em 0 0 20px;

padding: 23px 25px 20px 0;

z-index: 320;

width: 30%;

width: 550px;

text-align: left;

float: left;

}

#wallpaper h1, #wallpaper2 h1{
	
margin: 0 0 5px 0;

padding: 0;

text-align: left;

float: left;/* Avoid flashing letters above article*/

clear: none;

}

#wallpaper p, #wallpaper2 p{
	
margin: 0;

padding: 0;

float: left;/* Avoid flashing letters above article*/

clear: none;

}

#wallpaper a, #wallpaper2 a{
	
margin: 0;

padding: 8px 1em 0 0;

text-align: right;

display: block;

}

#wallpaperArt p.err, #wallpaperArt2 h1.subOk{
	
margin: 0;

padding: 0;

float: left;/* Avoid flashing letters above article*/

clear: none;

}

.removeMlist {

display: none;

}

.flickrset{

margin-top: 1px;
	
margin-bottom: 11px;

float: left;


}

.flickrset a{
	
margin: 0 0 0 0;

padding: 0;

float: left;

}

.flickrset a img{
	
margin: 0 0 0 0;

padding: 0;

display: block;

}

#loader img{

display: none;

}

/*
.....................
..............
...........

FIXED LAYOUT


Bye...
End of message.

...........
..............
.....................
*/