/* ------------------------------------------------------------

Title: Base Connect
Author: ASI Communications

------------------------------------------------------------ */

/* ------------------------------------------------------------

CSS Reset

------------------------------------------------------------ */

body,div,dl,dt,dd,h2,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	} 
	
table { 
	border-collapse: collapse;
	border-spacing: 0;
	} 

fieldset,img {
	border:0;
	} 
	
address,caption,cite,code,dfn,th,var { 
	font-style:normal;
	font-weight:normal;
	} 

ol,ul { 
	list-style: none;
	}

caption,th { 
	text-align: left; 
	} 

h1 {
	margin: 0;
	padding:0 0 5px 0 ;  
	font-size:18px;
	font-weight: normal;
	color: #00467f;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .1em;
	}

h2 {
	margin: 0;
	padding: 0 0 5px 0 ;
	font-size: 14px;
	font-weight: bold;
	color: #00467f;
	text-align: left;
	}

h3 {
	margin:0;
	padding:10px 0 10px 0 ;
	font-size: 12px;
	font-weight: bold;
	color: #471f06;
	text-align: left;
	}
	
q:before,q:after {
	content:'';
	} 

abbr,acronym { 
	border:0;
	} 


/* ------------------------------------------------------------

Defult setting

------------------------------------------------------------ */

body {
	background: #ccd5e7 url(../images/bg.jpg) top center repeat-x;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	}

#main-content p a, a:link, a:visited, a:active {
	color: #00467f;
	text-decoration: underline;
	}

#main-content p a:hover {
	color:#00467f;
	text-decoration: none;
	}

p {
	font-size: 12px;
	color:#848b91;
	margin: 0 0 10px 0;
	letter-spacing: .05em;
	line-height: 18px;
	}
	
.download {font-size: 12px; line-height:18px; color: #004c7e; letter-spacing: .05em; font-weight:normal; text-decoration: none;}
a.download:link {font-size: 12px; line-height:18px; color: #004c7e; letter-spacing: .05em; font-weight:normal; text-decoration: underline;}
a.download:active {font-size: 12px; line-height:18px; color: #004c7e; letter-spacing: .05em; font-weight: normal; text-decoration: underline;}
a.download:visited {font-size: 12px; line-height:18px; color: #004c7e; letter-spacing: .05em; font-weight: normal; text-decoration: underline;}
a.download:hover {font-size: 12px; line-height:18px; color: #004c7e; letter-spacing: .05em; font-weight: normal; text-decoration: none;}

.grey1 {
	color:#666666;
	}

.intro {
	font-size:12px;
	color:#666666;
	letter-spacing: .06em;
	line-height: 16px;
	}


/* ------------------------------------------------------------

Structure

------------------------------------------------------------ */


#wrap {
	width: 976px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color:#FFF;
	background: url(../images/shadow_bg.jpg) top center repeat-y;
}
#logo {
	display:block;
	width:117px;
	height:112px;
	margin:40px 0 0 338px;
}

#login { 
	display: block;
	float:right;
	height: 25px;
	width:200px;
	margin: 95px 3px 0 0;
	text-align:right;
	
}
#head {
	display:inline;
	float:left;
	background-image: url(../images/head_bg.jpg) ;
	width:796px;
	height:200px;
	margin:0 0 0 92px;
}


#main-content {
	background: url(../images/bg_content1.gif) top no-repeat;
	float: left;
	width: 796px; 
	padding: 0 92px 0 92px;
  	height: auto !important;

}	
	
#clear {
	display:block;
	float: left;
	width: 700px;
	height: 15px;
}

.clearHorizontal {
	background: url(../images/line2.jpg) top no-repeat;
	display:block;
	float: left;
	width: 700px;
	height: 21px;
	margin: 15px 0;
}




/* ------------------------------------------------------------

Menu

------------------------------------------------------------ */

#menu {
	display:inline;
	background: transparent url(../images/menu1.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	width: 794px;
	height: 32px;
	margin: 0px 92px 0px 92px;
	}

#menu ul {
	list-style-type: none;
	width: 794px;
	height: 32px;
	margin: 0;
	padding: 0;
	}


#menu ul a {
	display: block;
	text-decoration: none;
	position: relative;
	margin: 0 0 0 0;
	}
	
#menu ul li a {
	margin: 0;
	display: block;
	text-decoration: none;
	width: 132px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	}

/* ------------------------------------------------------------
 Sub Menu
/* ----------------------------------------------------------------- */

#menu ul li {
	float: left;
	text-indent: -9999px;
	position: relative;
	}
	
#menu ul li ul {
	background-image: none;
	list-style: none;
	position: absolute;
	top: 39px; 
	left: 0;
	display: none;
	width: 132px;
	border-top: 1px solid #007AAA;
	}

#menu ul ul ul{
	top: -1px;
	left: 142px;
	}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul {
	display: none;
	}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
	display: block;
	}

#menu ul li ul li {
	width: 142px;
	border-bottom: 1px solid #007AAA;
	border-left: 1px solid #007AAA;
	border-right: 1px solid #007AAA;
	text-indent: 0;
	display: block;
	}
	
#menu ul li ul li.text a {
	font-size: 12px;
	color: #007AAA;
	position: relative;
	top: 0; left: 0;
	padding: 5px;
	text-decoration: none;
	width: 132px;
	height: auto;
	background-image: none;
	background-color: #E1E1E2;
	display: block;
	margin: 0;
	}
	
#menu ul li ul li.text a:hover {
	color: #FFF;
	text-decoration: none;
	background-image: none;
	background-color: #007AAA;
	display:block;
	}

ul li#menu1 a  { width: 83px; height: 32px; }
ul li#menu2 a  { width: 112px; height: 32px; }
ul li#menu3 a  { width: 113px; height: 32px; }
ul li#menu4 a  { width: 95px; height: 32px; }
ul li#menu5 a  { width: 99px; height: 32px; }
ul li#menu6 a  { width: 126px; height: 32px; }
ul li#menu7 a  { width: 93px; height: 32px; }
ul li#menu8 a  { width: 73px; height: 32px; }


ul li#menu1 a:hover  { background: transparent url(../images/menu1.jpg)    0px -32px no-repeat; }
ul li#menu2 a:hover  { background: transparent url(../images/menu1.jpg) -83px -32px no-repeat; }
ul li#menu3 a:hover  { background: transparent url(../images/menu1.jpg) -195px -32px no-repeat; }
ul li#menu4 a:hover  { background: transparent url(../images/menu1.jpg) -308px -32px no-repeat; }
ul li#menu5 a:hover  { background: transparent url(../images/menu1.jpg) -403px -32px no-repeat; }
ul li#menu6 a:hover  { background: transparent url(../images/menu1.jpg) -502px -32px no-repeat; }
ul li#menu7 a:hover  { background: transparent url(../images/menu1.jpg) -628px -32px no-repeat; }
ul li#menu8 a:hover  { background: transparent url(../images/menu1.jpg) -721px -32px no-repeat; }

#homePage ul li#menu1    		{ background: transparent url(../images/menu1.jpg)    0px -32px no-repeat; }
#whatsnewPage ul li#menu2  		{ background: transparent url(../images/menu1.jpg) -83px -32px no-repeat; }
#themPage ul li#menu3   		{ background: transparent url(../images/menu1.jpg) -195px -32px no-repeat; }
#aboutPage ul li#menu4          { background: transparent url(../images/menu1.jpg) -308px -32px no-repeat; }
#staffPage ul li#menu5          { background: transparent url(../images/menu1.jpg) -403px -32px no-repeat; }
#locationPage ul li#menu6       { background: transparent url(../images/menu1.jpg) -502px -32px no-repeat; }
#contactPage ul li#menu7       	{ background: transparent url(../images/menu1.jpg) -628px -32px no-repeat; }
#blogPage ul li#menu8       	{ background: transparent url(../images/menu1.jpg) -721px -32px no-repeat; }



/* ------------------------------------------------------------

Content

------------------------------------------------------------ */

                                 

/* Home */

#main-content ul {
	
	text-align: left;
	color: #FFFFFF;
	padding: 0px 0px;
	margin: 0; 
	padding: 0px;
	}
	 
#main-content li {
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: square; 
	padding-bottom: 5px;
	margin-left: 25px;
	}

#home {
	display:inline;
	float:left;
	background: transparent url(../images/home.jpg) top center no-repeat;
	margin: 18px 0 0 0;
	width:793px;
	height:309px;	
}

#video {
	display:block;
	float:left;
	width:362px;
	height:267px;
	margin: 19px 0 0 18px;

}

#video1 {
	display:block;
	float:left;
	width:362px;
	height:267px;
	margin: 30px 0 0 18px;

}


#copy1 {
	display:inline;
	float:left;
	width:310px;
	height:190px;
	margin: 25px 0 0 48px;
	padding: 0;

}

.title1 {
	display:inline;
	float:left;
	height:auto;
	width:300px;
	margin:0 0 10px 0;
	padding:0;
}


#home2 {
	display:inline;
	float:left;
	background: transparent url(../images/home2.jpg) top center no-repeat;
	margin: 0px 0 0 0;
	width:793px;
	height:231px;	
}

#home3 {
	display:inline;
	float:left;
	margin: 0px 0 0 0;
	width:793px;
	height:155px;	
}

#home4 {
	display:inline;
	float:left;
	margin: 0px 0 0 0;
	width:793px;
	height:162px;
	background-image:url(../images/bottomBG.jpg);
}

.title2 {
	display:inline;
	float:left;
	height:13px;
	width:650px;
	margin: 36px 0 0 32px;
}

.thumb1 {
	display:inline;
	float:left;
	height:115px;
	width:150px;
	margin: 22px 0 0 32px;
}

.copy2 {
	display:inline;
	float:left;
	width:300px;
	height:125px;
	margin: 22px 35px 0 12px;

}




.signup {
	background: transparent url(../images/email_bg.jpg) top center no-repeat;
	display:inline;
	float:left;
	width:258px;
	height:126px;
	margin:0 0 0 0;
}

.signup1 {
	display:inline;
	float:left;
	margin:19px 0 0 34px;
	width:200px;


}

.submit {
	display:block;
	float:left;
	width:79px;
	height:19px;
	margin:10px 0 0px 0;
}




/* ---------------Interior layouts------------------- */


#interior {
	display:inline;
	float:left;
	background: transparent url(../images/interior_bg.jpg) top center no-repeat;
	margin: 18px 0 0 0;
	width:793px;
	height:222px;	
}

.interiorLine {
	display:inline;
	float:left;
	background: transparent url(../images/interiorLine.jpg) top center no-repeat;
	margin: 0 10px;
	width:15px;
	height:493px;	
}

#interiorTop {
	background: transparent url(../images/interiorTop.jpg) top center no-repeat;
	display:inline;
	float:left;
	width:793px;
	height:42px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#interiorMiddle {
	background: transparent url(../images/interiorMiddle.jpg) top center repeat-y;
	display:inline;
	float:left;
	width:793px;
	height:auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

#interiorMiddleCopy {
	display:inline;
	float:left;
	width:793px;
	height:auto;
	margin: 0 0 0 0;
	padding: 0 34px;

}

#interiorBottom {
	background: transparent url(../images/interiorBottom.jpg) top center no-repeat;
	display:inline;
	float:left;
	width:793px;
	height:45px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.interiorLeftColumn {
	display: inline;
	float:left;
	margin:0;
	padding:0;
	height:auto;
	width: 331px;

}



.interiorRightColumn {
	display: inline;
	float:left;
	margin:0 55px 0 0;
	padding:0;
	height:auto;
	width: 331px;

}

.interiorMiddleColumn {
	display: inline;
	float:left;
	margin:0;
	padding:0;
	height:auto;
	width: 700px;

}

.picture1 {
	display:block;
	float:right;
	width:311px;
	height:181px;
	margin: 19px 21px 0 0px;

}


.introInterior {
	display:inline;
	float:left;
	width:382px;
	height:125px;
	margin: 29px 35px 0 38px;

}

.floatPic {
	display:inline;
	float:left;
	margin: 0 20px 35px 0;
}

.floatPicBig {
	display:inline;
	float:left;
	margin: 0 20px 10px 0;
}

.more {
	display:inline;
	float:left;
	width: 79px;
	height: 19px;
}


.themCopy {
	display:inline;
	float:left;
	width:525px;
	height:auto;
	margin:0;
	}
	
.whatsnewCopy {
	display:inline;
	float:left;
	width:695px;
	height:auto;
	margin:0;
	}

.nutsCopy {
	display:inline;
	float:left;
	width:695px;
	height:auto;
	margin:0;
	}

/* ------------------------------------------------------------

Lists

------------------------------------------------------------ */
#interiorMiddleCopy ul {
	list-style-type:disc;
	list-style-position:outside;
	text-align: left;
	color:#848b91;
	padding: 0 0 0 10px;

}

#interiorMiddleCopy  li {
	list-style-type:disc;
	padding: 0 0 10px 0px;
	text-align: left;
	color:#848b91;
}



/* ------------------------------------------------------------

Links

------------------------------------------------------------ */
.loginText {font-size: 11px; line-height:18px; color: #666666; font-weight:normal; text-decoration: none;}
a.loginText:link {font-size: 11px; line-height:18px; color: #666666; font-weight:normal; text-decoration: underline;}
a.loginText:active {font-size: 11px; line-height:18px; color: #666666; font-weight: normal; text-decoration: underline;}
a.loginText:visited {font-size: 11px; line-height:18px; color: #666666; font-weight: normal; text-decoration: underline;}
a.loginText:hover {font-size: 11px; line-height:18px; color: #666666; font-weight: normal; text-decoration: none;}

/* ------------------------------------------------------------

Footer

------------------------------------------------------------ */



#footer {
	background:#ccd5e7 url(../images/footer_bg.jpg) top center repeat-x;
	padding: 15px 0 0 0;
	clear: both;
	width: 976px;
	height: 82px;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	color:#848b91;
	font-size: 10px;
	margin:0;
	padding:0;

}

#footer p a, a:link, a:visited, a:active {
	font-weight: normal;
	color:#848b91;
	text-decoration: none;
}

#footer p a:hover {
	color:#848b91;
	background: none;
	text-decoration: underline;
}




/* ------------------------------------------------------------

Misc

------------------------------------------------------------ */




/* self-clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearall {
	clear:both;
	}

.center {
	text-align: center;
	}

.red {
	color:#F00;
	font-size: 12px;
	text-align:right;
	}

.downloadpdf {
	height: 40px;
	width: 200px;
	}
	
	

/* ------------------------------------------------------------

Contact Form Styles

------------------------------------------------------------ */
div.box2 table#contact_form {
	font-size: 12px;
	color:#848b91;
	margin: 0 0 10px 0;
	letter-spacing: .05em;
	line-height: 18px;
}
input {
	border: 1px solid #666;
	background-color: #c2c7cb;
	height: 18px;
	width: 120px;
}
textarea {
	border: 1px solid #666;
	background-color: #c2c7cb;
}
#send_message {
	height: 30px;
	width: 100px;
}
#contact_form tr {
	height: 30px;
}
.td2 {
	padding-left: 20px;
}
.testimonialBtn {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 12px;
	width: 372px;
	float: left;
	background-image: url(../images/watchOurTestimonialsBtn.jpg);
	background-repeat: no-repeat;
	height: 53px;
	padding-top:78px;
	padding-left:120px;
}
.testimonialBtn a{
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:15px;
text-decoration:underline;

}

.testimonialBtn a:hover{
text-decoration:none;
}

.rolloverSubmit a{
	background-image: url(../images/submitBtnRollover.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 78px;
	background-color: #FFFFFF;
}
.GetEmailUpdates {
	float: left;
	height: 81px;
	width: 218px;
	margin-top: 16px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 38px;
	background-color: #FFFFFF;
	background-image: url(../images/emailUsBg.jpg);
}

.btn_submit{
	background: url(../images/submitBtn.jpg) no-repeat;
	width: 78px;
	height: 19px;
	cursor: pointer;
	border: none;
}
#thankyouspacer{height:500px;}

/*Slider CSS*/
.clear{clear:both;}
#photos.galleryview{
	left: 54px;
}
#photos.galleryview li{margin-left:0;}