@charset "UTF-8";
/* CSS Document */

#whole_container{
                 width:950px;
}

#nav_container{
               width:293px;
			   float:left;
}

#body_container{
                width:657px;
				height:532px;
				float:right;
}

/*--------------- Navigation ------------------*/

.nav{
     width:293px;
}

.nav li{
        list-style: none;
		width:293px;
		display:block;
}

.nav a { 
        height:100%;
		width:100%;
		display:block;
}

a.home{
         background:url(../images/nav.jpg) no-repeat 0px 0px;
		 width:293px;
		 height:48px;
}

a.home:hover, a.home-active{
                            background:url(../images/nav.jpg) no-repeat -293px 0px;
						    height:48px;
		                    width:293px;
}

a.event-special{
          		background:url(../images/nav.jpg) no-repeat 0px -48px;
		  		height:50px;
		 		width:293px;
}

a.event-special:hover, a.event-special-active{
                                  			background:url(../images/nav.jpg) no-repeat -293px -48px;
								  			height:50px;
		                          			width:293px;
}

a.menu{
           background:url(../images/nav.jpg) no-repeat 0px -98px;
		   height:50px;
		   width:293px;
}

a.menu:hover, a.menu-active{
                                    background:url(../images/nav.jpg) no-repeat -293px -98px;
								    height:50px;
		                            width:293px;
}

a.gallery{
           background:url(../images/nav.jpg) no-repeat 0px -148px;
		   height:50px;
		   width:293px;
}

a.gallery:hover, a.gallery-active{
                                    background:url(../images/nav.jpg) no-repeat -293px -148px;
								    height:50px;
		                            width:293px;
}

a.contactus{
           background:url(../images/nav.jpg) no-repeat 0px -198px;
		   height:49px;
		   width:293px;
}

a.contactus:hover, a.contactus-active{
                                     background:url(../images/nav.jpg) no-repeat -293px -198px;
								     height:49px;
		                             width:293px;
}

/*-------------------- end navigation ------------------------*/

/*------------------------ info -----------------------------*/
#info{
       background:url(../images/infoback.jpg) no-repeat;
	   width:293px;
	   height:285px;
}

#empty2{
        height:120px;
}

#info{
       background:url(../images/infoback.jpg) no-repeat;
	   width:293px;
	   height:285px;
	   float:left;
}

#address{
         width:150px;
		 padding-left:115px;
		 padding-top:22px;
}

#phone{
         width:160px;
		 padding-left:115px;
		 padding-top:10px;
}

#fax{
         width:150px;
		 padding-left:115px;
		 padding-top:15px;
}

#address p, #phone p, #fax p{
           font:15px "Arial", Helvetica, sans-serif;
		   color:#FFFFFF;
		   font-weight:600;
}

h1{
   font:12px "Arial", Helvetica, sans-serif;
   color:#FFFFFF;
   width:100px;
   margin-left:60px;
   margin-top:30px;
}

#icon{
      width:150px;
	  margin-left:90px;
	  margin-top:20px;
}

#facebook a{
            background:url(../images/icon_facebook.png) no-repeat;
			width:43px;
			height:44px;
			display:block;
			float:left;
}

#twitter a{
            background:url(../images/icon_twitter.png) no-repeat;
			width:43px;
			height:44px;
			display:block;
			float:left;
			margin-left:11px;
}

#myspace a{
            background:url(../images/icon_myspace.png) no-repeat;
			width:43px;
			height:44px;
			display:block;
			float:right;
}

#dog{
     background:url(../images/dog.png) no-repeat;
	 width:38px;
	 height:81px;
	 z-index:100;
	 margin-left:255px;
	 margin-top:-60px;
}

/*------------------------------- contact_form --------------------------------*/

#contact-area{
              background:url(../images/contact_formback.jpg) no-repeat;
			  width:457px;
			  height:222px;
			  padding-left:200px;
			  padding-top:25px;
}

.form_container{
                height:220px;
}

.font_type{
           font:15px "Arial", Helvetica, sans-serif;
		   color:#ffff00;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 260px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px 0px 2px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 50px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #FF6600;
}

#submit{
          background:url(../images/submit.png) no-repeat 0px 0px;
		  width:105px;
		  height:26px;
		  display:block;
		  cursor:pointer;
		  float:right;
		  margin-right:50px;
		  margin-top:7px;
}

#submit:hover{
          		background:url(../images/submit.png) no-repeat 0px -26px;
		  		width:105px;
		  		height:26px;
}

label {
	float: left;
	text-align: right;
	margin-right: 35px;
	width: 100px;
	padding-top: 5px;
	font-size: 15px;
}

/*--------------------------------------map----------------------------------------*/

#map{
     background:url(../images/contact_mapback.jpg) no-repeat;
	 width:627px;
	 height:256px;
	 padding-left:30px;
	 padding-top:29px;
}

#map-dropshadow{ 
                background:url(../images/contact_dropshadow.jpg) no-repeat;
				width:577px;
				height:183px;
				padding-left:4px;
				padding-top:4px;
}