                                                                                                                                div.clearing { /* DIV for Mozilla browser float hack */
	clear: both;
	height: 1px; /* Height must be 1 for the wrapping element to actually wrap the containing elements (IE fix) */
	overflow: hidden; /* Style used because MSIE refuses to automatically make div tags less than 1em high when in Standards Compatible mode. */
}

img {
      border: 0px;
      behavior: url("pngbehavior.htc");
}

*{
    padding : 0px;
    margin : 0px;
}

html{
    min-height: 100%; 
    margin: 0 0 1px 0; 
}
  
body{
    background-image : url(/assets/root/images/site/background.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #ecf7fb;
}

.clear{
    clear : both;  
}
ul{
	list-style:none;
}

h1,h2,h3,h4,h5{
	color:#795328;
	font-family:Georgia, Serif;
	font-size:11px;
	padding-bottom:3px;
	letter-spacing:3px;
}

p, li{
	color:#86B1AF;
	font-family:Verdana, Sans-Serif;
}

#container{
	width:900px;
	height: auto;
    padding : 0px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	margin-top:10px;
}

#container #mainTop{
    width:900px;
    height:20px;
	background-image: url(/assets/root/images/site/main_BKG_top.gif) no-repeat;
}

 #container #main{
    width:900px;
	background:#c5e7f2 url(/assets/root/images/site/main_BKG.gif) no-repeat top left;
	padding:0px 0px 20px 0px;
    min-height:600px;
}

* html #container #main{
    height:600px;
}


/********* END OF GENERAL SETTINGS ***************/

/**********TOP NAV STARTS *************/

#container #main .top_nav{
	width:830px;
	padding: 10px 0 0 35px;	
}

#container #main .top_nav .text-field{
	float:right;
	margin:-22px 0px 0 0;
	padding:0px;
	height:18px;
}
#container #main .top_nav .text-field input{float:left;margin:1px 3px 0px 0px;}
#container #main .top_nav .text-field .defaultLinkImage{float:left; margin:1px 0px 0px 0px;}
input{
	color:#86B1AF;
	font-family:Verdana, Sans-Serif;
	font-size:12px;
}


#container #main .top_nav ul{
	width:576px;
	margin: 0px 0 0 0px;
}

#container #main .top_nav ul a{
	text-decoration: none;
}

#container #main .top_nav ul img{
	margin-left:0px;
}

#container #main .separator{
	margin:10px 0 0 15px;
}

/**********TOP NAV ENDS *************/

/**********HOME PAGE CONTENT STARTS *************/

#container #main .intro{
	width:275px;
	margin: 103px 0 0 80px;
}

#container #main .intro .welcome{
	margin: 30px 0 25px 0px;
}

#container #main .intro a:link,
#container #main .intro a:visited,
#container #main .intro a:active{
	color:#795328;
	text-decoration:none;
}


#container #main .intro a:hover{
	color:#86B1AF;
	text-decoration:none;
}

#container #main .intro .block1{
	font-size:10px;
	width:275px;

}

#container #main .intro .block2{
	font-size:9px;
	line-height:2em;
}
#container #main .intro .block2 span.column
{
	width:137px;
	float:left;
}
#container #main .intro .block2 span.column-right
{
	width:117px;
	float:left;
	margin:0px 0px 0px 20px;
}
#container #main .intro .events-block ul
{
	font-size:9px;
	margin:0px 0px 10px 20px;
}

#container #main .menu-container{
	float:right;
	top:70px;
	left: 370px;
}

#container #main .menu-container .menu-left,
#container #main .menu-container .menu-middle,
#container #main .menu-container .menu-right{
	float:left;
}

#container #main .menu-container .menu-left img,
#container #main .menu-container .menu-middle img,
#container #main .menu-container .menu-right img{
	
}

#container #main .menu-container .menu-left .top{
	margin-top:82px;
}

#container #main .menu-container .menu-right{
	padding-top:80px;
}

.intro .events-block li
{
    line-height:14px;
    padding:0px;
    margin:0px;
    height:auto;
    
}

.events{
height:281px;
overflow-x:hidden;
overflow-y:hidden;
}

/**********HOME PAGE CONTENT ENDS *************/

/**********FOOTER NAV STARTS *************/

#container .footer{
	text-align:right;
	padding:13px 0 0 70px;
}

#container .footer a:link,
#container .footer a:visited,
#container .footer a:active{
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Sans-Serif;

	color:#795328;

}

#container .footer .dot:hover
{
	display:none;
}

#container .footer a:hover{

	color:#86B1AF;
}



.facebook{
display:block;
float:left;
padding:8px 0 0 40px;
margin-top:-5px;
height:32px;
background:url(/assets/root/images/site/facebook_32.png) no-repeat top left;
}

facebook span{
background:url(/assets/root/images/site/contact_btn_over.png) top left
width:150px;
}

.facebook span{
padding:0 20px 0 0;
background:transparent url(/assets/root/images/site/sitemap_btn_up.png) no-repeat scroll 161px -2px;
}


.twitter{
display:block;
float:left;
padding:8px 0 0 40px;
margin-top:-5px;
height:32px;
background:url(/assets/root/images/site/twitter_32.png) no-repeat top left;
}

.twitter span{
background:url(/assets/root/images/site/contact_btn_over.png) top left
width:150px;
}

.twitter span{
padding:0 20px 0 0;
background:transparent url(/assets/root/images/site/sitemap_btn_up.png) no-repeat scroll 161px -2px;
}











/**********FOOTER NAV STARTS *************/

/**** CODE FOR THE LINK BACK TO TECTURE****/
.footer_credits_text{
	margin-left: 820px;
	padding: 10px 5px 20px 5px;
}

.events-block
{
    margin:5px 0px 20px 0px;   
}

a#addToCart{
    background: url(/assets/root/images/site/checkout_btn_up.gif) no-repeat;
}
    

/* EMAIL */
#emailSignUp .emailSignUpForm{
border:none 0px;
}
#emailSignUp .emailSignUpForm legend, #emailSignUp .emailSignUpForm label{
display:none;
}

.emailSignUpForm .emailSignUpTextBox{
height:13px;
width:230px;
margin:1px 3px 0 0;
}

.emailSignUpForm .emailSignUpButton{
background:url(/assets/root/images/site/arrow_btn.gif) no-repeat top left;
border:none;
width:21px;
height:18px;
cursor:pointer;
color:#86B1AF;
}
    
#emailSignUp{
color:#86B1AF;
}
.menu-container ul li{
height:180px;
width:165px;
}

    

    

    

    

    