/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2008.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #FFF;
}   

 
a img {
	border: none;
	border:0;
	}	

.links a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

.links a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline;
	}
 
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}

#vertical-spacial-visualizer { height: 32px; width: 100%; margin-top: 12px; } 

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
/*img a { border: none;}*/

h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #000; margin:4px 0;}

h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	}
	
/*h2 {font:  1.3em 'lucida grande',tahoma,sans-serif;   color: #0B2675;  } *//*Georgia, "Times New Roman", serif; */
/*
h3 {font: bold 1em Verdana, Arial, sans-serif; text-transform: uppercase;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; }
*/

ul {list-style: none;}

/*Christmas Wreath*/
/*
#head-special {
	position: absolute;
	left: 265px;
	top: -30px;	
	width: 105px;
	height: 140px;
	background: url('/img/Merry-Christmas.png') no-repeat;
	z-index:1;
}
*/
 
/*
 #head-special {
	position: absolute;
	left: 225px;
	top: -50px;	
	width: 188px;
	height: 120px;
	background: url('http://chismbrothers.com/img/happy-new-year.png') no-repeat;
	z-index:1;
}
*/

  /* header and footer elements
----------------------------------------------------------------------------*/
#gallerythumbs {
	width: 780px;
	margin: 0 auto;
}

#inner {
background:#E6E0D1; padding:22px 10px 22px 16px; width: 930px; margin: 0 auto;
}

#head {
	position: relative;
	width: 880px;
	/*border:1px solid #666;*/
	margin-top: -15px;
	height: 200px;
	}
#logo {
	position: absolute;
	top: 33px;
	left: 0;
	height:86px;
	width: 194px;
	background: transparent url(/img/hallco-logo.png) no-repeat;
	z-index: 1;
}
	#logo i { visibility: hidden; }
	
	#logo a {
		position: absolute;
		height: 86px;
		width: 194px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}
	
#stripe {
	position: absolute;
	top: 73px;
	left: 155px;
	height:19px;
	width: 645px;
	display: block;
	/*text-indent: -3000px; overflow: hidden;*/
	color: #FFF;
	background: #99B1CA ; /*url(/img/motto.png) no-repeat 55px 8px*/
	font: 1.1em 'lucida grande',tahoma,sans-serif;
	padding: 9px 0 0 55px;
 }
#brush {
	position: absolute;
	top: 0;
	left: 825px;
	height:103px;
	width: 66px;
	background: transparent url(/img/brush.png) no-repeat;
}
#phone {
	position: absolute;
	top: 25px;
	left: 650px;
	height:38px;
	width: 16em;
	color: #53669E;
	font-size: 1.1em;
	line-height: 1.5em;
	/*
text-indent: -3000px; overflow: hidden;
	background: transparent url(/img/phone.png) no-repeat;
*/
}
.phone { font-size: 120%; font-weight: bold; }
#phone a:link, #phone a:visited { color: #53669E; }
 

 





.drop-shadow {
	width: 230px;
	height: 170px;	
	position: relative;
	border: 3px solid #99B1CA;
	margin-bottom: 6px;
  -webkit-border-top-left-radius:12px;
  -webkit-border-top-right-radius:12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius:12px;
  -moz-border-radius-topleft:12px;
  -moz-border-radius-topright:12px;
  -moz-border-radius-bottomleft:12px;
  -moz-border-radius-bottomright:12px;
   box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
   -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
.drop-shadow a {
	position: absolute;
	width: 230px;
	height: 170px;
	top:0;
	left:0;
}

#news-wrap {
width: 180px; background:#e6cf9a; padding: 11px 22px; height: 365px; margin-top: -10px;
}
#about-wrap {
background:#99b1ca; padding:22px; width: 400px; height: 11.5em;
}
#pfd-wrap {
background:#a7cc77; padding:22px; width: 400px; height: 11.5em;
}
.port-thumbs {
	float: left; 
	margin: 0 20px 20px 0;
	text-align: center;
}

 /* jQuery slider elements
----------------------------------------------------------------------------*/
#sliderWrap {
	margin: 0 auto;
	width: 310px;
}
#slider {
	position: absolute;
	z-index: 500;
	background-image:url(/js/slider/slider.png);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 310px;
	height: 332px;
	margin-top: -298px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 0;
	position: absolute;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 302px 0 0 103px;
}

 
#sliderContent fieldset { border: none;}

.field, .txtField {	
	color:#0B2675;	
	background: #B7BFD5;
	border:2px solid #485272;
	width: 225px; 
	font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

.field {
	padding:3px; 
	}
.txtField  {
	display:block; 
	float:left; 
	padding:3px; 
	height: 50px;
	margin:0 0 7px 0;
	outline:none;
}

#submit-btn input {
	padding: 2px;  
	border: 2px solid #FFF;
	background: #0B2675;
	display: block;
	margin:  0;
	cursor: pointer;
	color: #FFF;
	width: 140px;
	font-size: 10px;
}	
 	
   /* form elements
----------------------------------------------------------------------------*/
 



.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(/img/box.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 965px !important; /* intended total box width - padding-right(next) */
    width: 965px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 15px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 5px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 0px 0 15px 40px; /* mirror .cssbox_head right/left */ 
    position: relative;
} 

#top-space {
	height: 200px;
}
#inside-wrap {
	width: 880px;
	padding: 10px 0 45px 10px;
	/*height: 389px;*/
}
#inside-wrap h2 { margin-top: .8em; }

#left {
	width: 66%;
}
#inside-wrap p, #inside-wrap li {
	font: 1.1em/1.3em 'lucida grande',tahoma,sans-serif;	
}
#right { 
	width: 235px;
	float: right; 
	}

.affiliate { 
	margin: 10px 0;
	border-bottom: 1px solid #777;
	clear: left;
	height: 5em;
	}
.affiliate img { 
	float: left; 
	margin-right: 1em;
	vertical-align: middle;
	}
	
#home-photo {
	width: 663px;
	height: 389px;
	position: absolute; 
	top: 0;
	left: 5px;
	z-index: 1;
}

#home-quote {
	width: 284px;
	height: 115px;
	position: absolute; 
	top: 85px;
	left: 35px;
	z-index: 2;
	background: transparent url(/img/quote-back.png) no-repeat;	
	color: #FFF;
	font: 1.3em/1.7em Georgia, Times, serif;
	padding: 20px;
	overflow: hidden;
}
 
#home-news {
	position: absolute; 
	top: 12px;
	left: 678px;
	font: 1.1em/1.3em 'lucida grande',tahoma,sans-serif;
	width: 210px;
}
#home-pfd, #home-about {
	font: 1.1em/1.3em 'lucida grande',tahoma,sans-serif;
	color: #FFF;
	width: 440px; 
	height: 130px;
}
#home-pfd p , #home-about p { margin-bottom: .8em;} 

#home-pfd {
	position: absolute; 
	top: 483px;
	left: 5px;
}

#home-about {
	position: absolute; 
	top: 483px;
	left: 460px;
}

#christmas-wrap { 
	position: absolute; 
	top: 413px;
	left: 5px;
    height: 45px; 
    }
    
#christmas-info { background: #801800; width: 872px; height: 50px; padding: 3px 12px; color: #FFF; }
#christmas-info img { float:left; margin-right: 15px;}
#christmas-info p { margin-top: 10px; }
#christmas-info a { color: #FFF; }

#home-wrap {
 width: 885px;
 position: relative; 
 height: 690px;
 }
 
#foot {
/*
	position: absolute; 
	bottom: 0;
	left: 6px;
*/
	color: #777;
	font: .9em/1.1em 'lucida grande',tahoma,sans-serif;
	width: 885px;
}



.float-l { float: left; }
.float-r { float: right; }

.float-l img { margin: 0 10px 30px 0;}
.float-r img { margin: 0 0 10px 10px;}


.arrows ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li  {
	padding: 0 0 4px 17px;
	line-height: 1.4em;
	background: url(/img/arrow.gif) no-repeat 0 2px;
	}	
	

 
.quote {
	font:  1.2em/1.6em Georgia, "Times New Roman", serif;   
	margin: 30px 0 0 0;
	padding: 6px 0 6px 0;
	 
	color: #777;
}
.quoter { float:right; text-align:right; padding: 0 5px 5px 0; font-size: .85em; color: #777;  }
.quote a { color: #A1FF7D;}



/*Button Code
--------------------------------------------------------------------------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #0B2675; }
.btn.red { background: #B81F0C; }
 .btn:hover { background-color: #2379D9; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/img/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.red { border-color: #B81F0C; }
* html .btn:hover { border-color: #a00; }



/* contact form 
--------------------------------------------------------------------------*/
 
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField2  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;}
.contactForm .txtField2:hover, .txtField2:focus, .txtField2:active { border-color:#DBCB92; background:#F3E9C1;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/Send-Button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;padding:3px; width:108px;}