/* Body Styling */

@import url(reset.css);

body,td,th 		{font-family:Arial, Helvetica, sans-serif;}

/*------------ gallery ------------*/
.slideimage		{ float:left; clear:none; width:75px; height:55px; background:#FF0000; margin: 0 4px 0 0; }
.slideimage img		{ border:0; }
.slideimage a		{ text-decoration:none; }
.slideimage a:visited:hover,
.slideimage a:hover	{ text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.7; }

#slideholder		{ position:relative; width:10000px; }

.slidediv		{ float:left; clear:none; width: 316px; overflow:hidden; position:absolute; }

.slidearrowleft		{ float:left; clear:none; width:40px; padding: 0 4px 0 0; }
.slidearrowleft img	{ border:0; }
.slidearrowright	{ float:right; clear:none; width:40px; padding: 0 0 0 4px; }
.slidearrowright img	{ border:0; }
.slidethumbs		{ float:left; clear:none; width:320px; }

#slidelargeholder	{ position:relative; width:500px; clear:both; height:340px; margin: 0 0 4px 10px; }

#slidelargediv		{ z-index:700;position:absolute; left:0px; top:0px; background:#FFF;}
#slidelargeimage	{ }
#slide_loadingdiv	{ z-index:702;position:absolute; left:64px; top:19px; width:408px; background:#CCC; height: 256px; text-align:center; visibility:hidden; }
#slide_loadingdiv img	{ padding-top: 120px; }

.animationtitle		{ padding: 6px 0 0 0; font-size:13px; }
.animationtitle a:visited,
.animationtitle a:active,
.animationtitle a	{ color:#FFFFFF; text-decoration:none; }
.animationtitle a:visited:hover,
.animationtitle a:hover	{ color:#FFFFFF; text-decoration:none; }
.animationdescription	{ font-size:12px; padding: 6px 0 0 0; }

#cmspopup		{ z-index:982; position: absolute; width:450px; height:250px; left: 200px; top:100px; background:#FFFFFF; padding:5px; visibility:hidden;  }
#popupback		{ z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; }
#cmspopupcontent	{ clear:both; padding:10px; }

/*----- hover ---------*/
.hoverpic			{ position: relative; z-index: 0; }

.hoverpic:hover		{ background-color: transparent; z-index: 50; }

.hoverpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.hoverpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.hoverpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -80px;
left: 110px; /*position where enlarged image should offset horizontally */

}


#contactLeft		{ background:transparent url(../images/contact_left.jpg) no-repeat 0px 0px; clear:none; float:left; height:419px; width:429px; }
#contactRight		{ background:transparent url(../images/contact_right.jpg) no-repeat 0px 100px; clear:none; float:right; font-size:12px; height:170px; padding:130px 10px 0 10px; width:401px; }


/*---- blog */

#blog			{ clear:both; padding:20px 0 0 105px; }
#blogTop		{ background:url(../images/blog_top.jpg) no-repeat 0px 0px; clear:both; color:#FFF; height:20px; font-size:14px; padding:4px 0 0 315px; text-align:left; width:128px; }
#blogCenter		{ background:url(../images/blog_center.jpg) repeat-y 0px 0px; clear:both; font-size:13px; padding:10px 20px; width:403px; }
#blogBottom		{ background:url(../images/blog_bottom.jpg) no-repeat 0px 0px; clear:both; height:17px; width:443px; }

#blog a:visited,
#blog a:active,
#blog a			{ color:#666; text-decoration:none; }
#blog a:visited:hover,
#blog a:hover		{ color:#666; text-decoration:underline; }