@font-face {
	font-family: 'andalemono';
	src: url('./images/andale_mono-webfont.eot');
	src: local('☺'), url('./images/andale_mono-webfont.woff') format('woff'), url('./images/andale_mono-webfont.ttf') format('truetype'), url('./images/andale_mono-webfont.svg#webfontM6zm2QVn') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { font-family: Arial; font-size: 12px; color: #666666; line-height: 20px; margin: 15px 0 0 0; height: 100%; background-color: #E6E6E6; }
.fade {background: #c7c9cc;
background: -moz-linear-gradient(top, #c7c9cc 0%, #dbdce2 25%, #ffffff 86%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c9cc), color-stop(25%,#dbdce2), color-stop(86%,#ffffff));
background: -webkit-linear-gradient(top, #c7c9cc 0%,#dbdce2 25%,#ffffff 86%); background-repeat:no-repeat;  }
					
#footer {font-size: 7pt; color: #999999;padding-top: 5px; width: 1100px;  margin:0 auto; text-align: left;}
a:link {text-decoration: none; color: #666666; }
a:visited {	text-decoration: none;	color: #666666;}
a:hover {text-decoration: none;color: #363636;  }

#content {  width: 1100px; /*height: 540px;*/ margin:0 auto; text-align: left; background-color: #f9f9f9; border: 1px solid #808080;
}

#contenthome {  width: 1100px; /*height: 540px;*/ margin:0 auto; text-align: left; background-color: #f9f9f9; border: 1px solid #808080;
    background-position: right top;  background-image:url('images/newhome-background.png'); background-repeat:no-repeat;
}


.nav {padding-top: 43px;padding-left: 80px; width: 950px; height: 44px;text-align: left; float: left; /* margin-left: 70px;*/ clear:both;  }
.nav a {font-family: Arial; letter-spacing: 2px; font-size: 11pt; font-weight: bold; color: #999999; padding-left: 15px;padding-right: 15px;}
.nav a:hover {text-decoration: none; color: #363636;}
.homeleft {float: left; padding: 15px 30px 30px 30px;margin-left: 65px;}
.lina{color:#E652A6;font-family: andalemono, Arial;  font-size: 38px; letter-spacing: -.5px;}
.nav a.lina{color:#E652A6;font-family: andalemono, Arial;  font-size: 30px; letter-spacing: -.5px; text-decoration: none;}
.tweeter {margin-left:45px; margin-right:0px; margin-top:50px; margin-bottom:60px; padding: 15px; 
			background-color:#E9EEF3; width:400px;-webkit-box-shadow:  0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:  0  3px 3px rgba(0, 0, 0, 0.2);}
.tweeter ul {padding-left: 14px; padding-top: 6px; margin-top: 0px;}
.tweeter ul li {margin-bottom: 4px;}
.tweeter b {color:#555555;}
.tweeter a {border-bottom: 1px dotted #666666;}
.tweeter a:hover {border-bottom: 1px solid #666666;}
.homeright {float:left;padding: 5px 0px 0px 5px;font-size: 8pt;}

/* ---- Category Pages style ---*/

.natura {background-position: bottom left;  background-image:url('images/2009-present/natura-background.png'); background-repeat:no-repeat; }
.fountains { background-position: bottom left;  background-image:url('images/2006-2008/fountains-background.png'); background-repeat:no-repeat;}
.botanico { background-position: bottom left;  background-image:url('images/2010works/botanico-background.png'); background-repeat:no-repeat;}

.detailleft {width: 250px;  height: 366px;float: left; padding: 60px 10px 30px 60px;text-align: right;font-size: 33px; font-family: Arial;
   				color: #E652A6;line-height: 33px;letter-spacing: 4px; }
.detailleft span {font-size: 18px; font-family: Arial;color: #E652A6;line-height: 33px;  letter-spacing: 3px; }
.detailleft a { color: #808080;font-family: Arial; letter-spacing: 1px; font-size: 10pt;  font-weight: bold; }
.detailleft a:hover {color: #363636;}
.detailright {float: left; width: 640px; margin-top: 20px; margin-left: 50px; margin-right: 5px;line-height: 13pt;}
.detailright a {border-bottom: 1px dotted #666666;}
.detailright a:hover {border-bottom: 1px solid #666666;}

.categoryleft {width: 240px;  height: 366px;float: left; padding: 60px 10px 30px 0px;text-align: right;font-size: 33px; font-family: Arial;
   				color: #E652A6; letter-spacing: 4px; line-height: 33px }
.categoryleft span       {font-size: 18px; font-family: Arial;color: #E652A6; line-height: 24px;  letter-spacing: 1px; }
.categoryleft a.selected {font-size: 18px; font-family: Arial;color: #E652A6;line-height: 24px;  letter-spacing: 1px;  }
.categoryleft a.link {color: #808080;font-family: Arial; letter-spacing: 1px; font-size: 10pt;  font-weight: bold; }
.categoryleft a:hover {color: #363636;}
.categoryleft a.sub {color: #808080; font-family: Arial; letter-spacing: 1px; font-size: 10pt; line-height: 24pt;}

.categoryright {float: left; width: 740px; margin-top: 10px; margin-left: 40px; margin-right: 5px; line-height: 13pt;}
.categoryright a.link {border-bottom: 1px dotted #666666;}
.categoryright a.link:hover {border-bottom: 1px solid #666666;}


.categoryrowone {
   font-family: Arial; font-weight: bold; float: left;
   margin-top: 30px; padding: 16px; 
}

.categoryrowtwo {
   font-family: Arial; font-weight: bold; float: left;
   margin-top: 2px; padding: 20px; margin-bottom: 40px;
}

h1 {font-family: Arial; font-size: 14px; margin: 0px; padding-top: 6px;}
h2 { margin: 0;  font-size: 16px; font-family: Arial; color: #272727;}


/* --- content glider style _----*/


.glidecontentwrapper{ position: relative; /*Do not change this value */ width: 720px; height: 310px; overflow: hidden; z-index: 1;}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /*Do not change this value */ background-color: #f9f9f9;
padding: 0px; visibility: hidden; width: 720px;}

.glidecontent img {border: 1px solid #DDDDDD; margin-right: 15px;}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
  margin-top: 6px;text-align: left; margin-bottom: 30px;
/*background: white; always declare an explicit background color for fade effect to properly render in IE*/}


.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box; display: inline-block;
margin-right: 3px; border: 1px solid #DDDDDD;
}

.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */ /*background: #E4EFFA;*/ 
								border: 1px solid #000000;}

.glidecontenttoggler a:hover {/*background: #E4EFFA;*/  }

.glidecontenttoggler a.toc {/*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */}



/*------ Form style -----*/

input {width: 230px; height: 22px; font-family: Arial; font-size: 14px; color: #666666;}
textarea {padding: 2px; border: 1px insert #C0C0C0; font-family: arial;font-size: 14px;color: #666666; margin-bottom: 5px;}
button {background-color: #666666; color:#FFFFFF; padding: 3px 5px 3px 5px; font-family: arial; font-size: 13px; cursor: pointer; border: 1px insert #C0C0C0;}

/* ---- Thumbnail style --- */


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 2px;
padding-bottom: 0;
 background: #666666;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 11px Arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* -------- Module Pop UP ----- */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px 0 20px 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -50px -32px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;