/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html {
  min-width: 980px;
}

body {
	background: url(../images/bg_flowers.gif) repeat #FFFFFF;	
	font-family: 'Buda';
	font-size: 100%;
	min-width: 980px;
	min-height: 800px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	padding: 0;
	margin: 0;
	overflow: scroll;
}

#glob {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	min-width: 980px;
	min-height: 800px; 
}

#globNOSCRIPT {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	min-width: 980px;
	min-height: 800px;
  display: none; 
}

#gspinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center center no-repeat #FFFFFF;
}


/*ELEMENTS*/
.TDpics {
  padding: 2px;
  vertical-align: middle;
}

.pic_p1 {
	position: absolute;
	left: 29px;
	top: 75px;
}

.pic_p4 {
	position: relative;
	left: 29px;
	top: 20px;
}

.pic_p3 {
	position: relative;
	left: 29px;
	top: 20px;
}


.comingSoon {
  position: absolute;
  top: -5px;
  left: -40px;
  z-index: 99999;
}

.comingSoonNOSCRIPT {
  position: absolute;
  top: 30px;
  left: 25px;
  z-index: 99999;
}

.mainTitle{
	position : relative;
	font-family: 'Buda';
	font-size: 28px;
  top: 20px;
	left: 30px;
	height: 63px;
	font-weight: bold;	
	color: #705745;
}

.subTitle{
	font-family: 'Buda';
	font-size: 26px;
	font-weight: bold;	
	color: #705745;
}

.subsubTitle{
	font-family: 'Buda';
	font-size: 20px;
	font-weight: bold;	
	color: #705745;
}


.rotate4 {
  -moz-transform:rotate(4deg);
  -o-transform:rotate(4deg);
  -ms-transform:rotate(4deg);
}

.rotate2 {
  -moz-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
}

.rotatem1 {
  -moz-transform:rotate(-1deg);
  -o-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
}

.rotatem3 {
  -moz-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
}


.splashBoxSMALL {
	background: url(../images/_splash_icon_back_small.png) 0px 0px no-repeat #00FFFF;
	position: absolute;
	width: 100px;
	height: 100px;
	cursor: hand;
}

.splashBoxInlineSMALL {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 0px;
  top: 0px;
}

.splashBoxDisabledSMALL {
	background: url(../images/_splash_icon_back_small.png) 0px 0px no-repeat #EEEEEE;
	position: absolute;
	width: 100px;
	height: 100px;
}

.splashTextSMALL {
	font-family: 'Buda', cursive;
	color: #705745;
	font-size: 18px;
	padding-top: 10px;
  text-align: center;
  text-decoration: none; 
}

.splashTextDisabledSMALL {
	font-family: 'Buda', cursive;
	color: #BBBBBB;
	font-size: 18px;
	padding-top: 10px;
  text-align: center;
}

.splashBoxNOSCRIPT {
	font-family: 'Buda', cursive;
	color: #705745;
	font-size: 32px;
	background: url(../images/_splash_icon_back.png) 0px 0px no-repeat #00AAAA;
	position: absolute;
	width: 200px;
	height: 200px;
	cursor: hand;
}

.splashBoxDisabledNOSCRIPT {
	font-family: 'Buda', cursive;
	color: #705745;
	font-size: 32px;
	background: url(../images/_splash_icon_back.png) 0px 0px no-repeat #EEEEEE;
	position: absolute;
	width: 200px;
	height: 200px;
}

.splashTextNOSCRIPT {
	font-family: 'Buda', cursive;
	color: #705745;
	font-size: 32px;
	padding-top: 20px;
  text-align: center;
  text-decoration: none; 
}

.splashTextDisabledNOSCRIPT {
	font-family: 'Buda', cursive;
	color: #BBBBBB;
	font-size: 32px;
	padding-top: 20px;
  text-align: center;
}

.splashText {
	font-family: 'Buda', cursive;
	color: #705745;
	font-size: 32px;
	background: url(../images/_splash_icon_back.png) 0px 0px no-repeat #00AAAA;

}

.splashTextDisabled {
	font-family: 'Buda', cursive;
	color: #BBBBBB;
	font-size: 32px;
	background: url(../images/_splash_icon_back.png) 0px 0px no-repeat #EEEEEE;

}

.TextPane { 
	position : relative;
	font-family: 'Buda';
	font-size: 16px;
	left: 338px;
	width: 550px;
	top: 10px;
	color:#705745;

}

.TextPaneWide { 
	position : relative;
	font-family: 'Buda';
	font-size: 16px;
	left: 30px;
	width: 850px;
	top: 25px;
	color: #705745;
}

.pagePhoto {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page1 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page7 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page3 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

#page1id {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page4 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page6 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page5 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

.page8 {
	background-color: #f7f4ee;
	margin-bottom: 30px;
}

#backNOSCRIPT {
	position: absolute;
	top: 70px;
  right: 0px;
	float: right;
	z-index: 99999;	
	width: 231px;
	height: 64px;
	background: #84c124;
	text-shadow: 0px 1px #2c2c2c;
	background: url(../images/_back_bg.png) #17e1e1;
}

#backNOSCRIPT a { 
	font: 32px 'Buda', cursive;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display:block;
	line-height: 60px;
	margin-left: -25px;
}

a {
  color: #23cadf;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #5ef2ff;
}

h1{
	position: absolute;
	left : 60px;
	top : 84px;
	z-index: 99999;
	font-weight: bold;
}

nav {
	position: absolute;
	top: 200px;
}

nav>ul {
	margin: 0 auto;
	padding-left: 0px;
}

nav>ul>li {
	position: relative;
	float: left;
	margin-right: 8px;
}

nav>ul>li img {
	position:absolute;
	left: 66px;
	top: 35px;
	z-index:1;
}

nav>ul>li>a {
	width: 200px;
	height: 200px;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 285px;		
}

nav>ul>li>a:hover {
	width: 200px;
	height: 200px;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 285px;		
  color: #705745;
}

nav>ul>li>span {
	width: 200px;
	height: 200px;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 285px;
}

#content{
	overflow:hidden;
	position:absolute;
	top: 175px;
  margin-left: -36px;
	font: 12px Tahoma;
	z-index: 99999;
}

#back {
	position: absolute;
	top: 70px;
  right: -250px;
	float: right;
	z-index: 99999;	
	width: 231px;
	height: 64px;
	background: #84c124;
	text-shadow: 0px 1px #2c2c2c;
	background: url(../images/_back_bg.png) #17e1e1;
}

#back a { 
	font: 32px 'Buda', cursive;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display:block;
	line-height: 60px;
	margin-left: -25px;
}

#back img {
	position: relative;
	left: -13px;
	top: 22px;
}

#main {
	width: 836px;
	height: 100%;
	min-height: 700px;
	margin: 0 auto;
	position: relative;
}