body{
  background: url(../images/background.jpg) repeat-y center top #121210;
  font-family: Arial, sans-serif;
  font-size: 13px;
}

p{
  color: #000000;
  line-height: 18px;
  padding-bottom: 20px;
}

strong{
  font-weight: bold;
}

h1{
  color:black;
  font-size:30px;
  letter-spacing:0.05em;
  line-height:30px;
  padding-bottom:10px;
  text-transform:lowercase;
}

h2{
  color:black;
  font-size:20px;
  letter-spacing:0.05em;
  line-height:30px;
  padding-bottom:10px;
  text-transform:lowercase;
}

h3{
  color:#566300;
  font-size:15px;
  letter-spacing:0.05em;
  line-height:30px;
  text-transform:lowercase;
}

a:link, a:visited{
  color: #566300;
  text-decoration: none;  
}

.clear {clear: both;}

#atffc{
  height: 0 !important;
  width: 0 !important;
  display: none;
}
  
#cable{
  background: url(../images/cable.png) repeat-x;
  height: 89px;
  width: 100%;
  position: relative;
  top: 190px;
}

#wrapper{
  margin:-89px auto 0;
  position:relative;
  width:980px;
}

#header{
/*  background: url(../images/bg_header.png) no-repeat center top;*/
  background: url(../images/bg_header.jpg) no-repeat center top;
  width: 980px;
  height: 175px;
  position: relative;
  float: left;
}

#header ul{
  float:left;
  padding-left:70px;
  padding-top:9px;
  position:relative;
}

#header ul li{
  border-right:1px solid white;
  color:white;
  float:left;
  height:10px;
  padding:0 8px;
}

#header ul li.last{border-right: none;}

#header ul li a{
  color:#C1DA42;
  display:block;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-top:-3px;
  position:relative;
  text-decoration:none;
}

#header ul li a:hover{
  color: white;
}

#flash-holder{
  background: url(../images/flash_holder.jpg) no-repeat;
  width: 960px;
  height: 230px;
  position: relative;
  margin: 10px auto 0;
}

#main-nav{
  background: url(../images/bg_mainnav.jpg) no-repeat;
  position: relative;
  margin-left: 10px;
  padding-bottom: 20px;
  width: 980px;
  height: 48px;
  z-index: 200;
}

.interior #main-nav{
  background: url(../images/bg_mainnav_interior.jpg) no-repeat;
  margin-top: 10px;
  height: 53px
}

.interior #main-nav ul{
  padding-top:2px;
}

#main-nav ul{
  margin-left:35px;
  position:relative;
}

#main-nav ul li{
  background: url(../images/bg_mainnav_leaf.jpg) no-repeat center left;
  float:left;
  height:42px;
  margin-top:-2px;
}

.interior #main-nav ul li{
  margin-top: 0;
}

#main-nav ul li.navitat{
  background: none;
}

#main-nav ul li a{
  color: white;
  font-size: 26px;
/*  letter-spacing: .025em;*/
  text-transform: lowercase;
/*  margin-left: 42px;*/
  margin:0 5px 0 50px;
}

#main-nav ul li.navitat a{
  margin-left: 0;
}

#main-nav ul li a:hover, #main-nav ul li a.active{
  color: #C1DA42;
  text-decoration: none;
}

#main-nav ul li ul.subnav{
  background: url(../images/bg_subnav.png) repeat;
  border: 2pt solid #C1DA42;
  border-top: none;
  display:none;
  margin-left: 28px;
  position:absolute;
  top:38px;
  z-index:200;
}

#main-nav ul li.navitat ul.subnav{
  margin-left:-23px;
}

.interior #main-nav ul li ul.subnav{
  top:42px;
}

#main-nav ul li.nav-on ul.subnav{
  display: block;
}

#main-nav ul li ul.subnav li{
  background: none;
  display:block;
  float:none;
  height:27px;
  padding-right: 0;
}

#main-nav ul li ul.subnav li a{
  color:#C1DA42;
  font-size:14px;
  font-weight:normal;
  margin:0 20px;
  text-transform:capitalize;
}

#main-nav ul li ul.subnav li a:hover{
  color: white;
}

#subnav{
  float:left;
  padding-top:25px;
  position:relative;
  width:265px;
}

#subnav ul li{
  padding-bottom:2px;
  text-align:right;
}

#subnav ul li a{
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding-right: 20px;
}

#subnav ul li a:hover{
  background: url(../images/bg_subnavactive.jpg) no-repeat right center;
  color: #566300;
  text-decoration: none;
}

#subnav ul li.active a{
  background: url(../images/bg_subnavactive.jpg) no-repeat right center;
  color: #566300;
  text-decoration: none;
}

#subnav ul li ul.tertiary{
  padding-right: 15px;
}

#subnav ul ul.tertiary a{
  background: none;
  font-size: 11px;
  color: #503C2E;
}

#subnav ul ul.tertiary li.active a, #subnav ul ul.tertiary li a:hover{
  background: url(../images/bg_subnavactive.jpg) no-repeat right center;
  color: #566300;
  text-decoration: none;
}

#content{
/*  background: url(../images/bg_content.png) repeat-y;*/
  background: url(../images/bg_content.jpg) repeat-y;
  float:left;
  min-height:600px;
  padding-bottom:40px;
  position:relative;
  width:980px;
  /*z-index: 100;*/
}

#content a{
  font-weight: bold;
}

#content a:hover{
  text-decoration: underline;
}

#left-col{
  float: left;
  width: 285px;
  position: relative;
}

#weather{
  float:left;
  height:62px;
  margin-left:15px;
  padding-bottom:10px;
  padding-top:10px;
  position:relative;
  width:247px;
  z-index:99;
}

#weather-embed{
  z-index: 99;
  position: relative;
}

#show-book{
  width: 291px;
  height: 55px;
  float: left;
/*  border: 1pt solid green;*/
  position: relative;
  z-index: 99;
  outline: none;
}

#book-small{
  left:-10px;
  position:absolute;
  top:0;
  z-index:90;
}

#book-it{
  background: url(../images/bg_book.jpg) no-repeat;
  width: 288px;
  height: 221px;
  float: left;
  margin-left:-10px;
  position: relative;
  z-index: 100;
/*  margin-top: -62px;*/
}

#ui-datepicker-div {
  margin-left:-90px;
  z-index:999;
}

#book-it p{
  font-weight: bold;
}

.interior #book-it{
  background: url(../images/bg_book_interior.jpg) no-repeat;
  height: 163px;
}

#book-it form{
  /*padding-left:15px;*/
  padding-top:65px;
  margin-left: -5px;
}

.interior #book-it form{
  padding-top: 10px;
}

#book-it p{
  font-size: 16px;
  margin-bottom: 15px;
  clear:both;
}

#book-it label{
  float:left;
  padding-bottom:5px;
  padding-right:10px;
  text-align:right;
  width:100px;
}

#book-it select{
  float:left;
  height:25px;
  margin-top:1px;
  padding-top:3px;
  text-align:left;
}

#book-it input.bookit{
  background: url(../images/button_bookit.png) no-repeat;
  border:0 none;
  color:transparent;
  height:58px;
  left:35px;
  position:absolute;
  text-transform:capitalize;
  top:188px;
  width:210px;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
}

#book-it input {float:left;}
#book-it input.date-pick {width:75px;}
#book-it img.ui-datepicker-trigger {
  float:left; 
  margin-top: 3px;
  margin-left: 3px;
}

.interior #book-it input.bookit{
  top: 130px;
}

#guest-album{
  float:left;
  padding-left:20px;
  padding-top: 25px;
  position:relative
}

.interior #guest-album{
  float:left;
  padding-left:20px;
  padding-top:5px;
  position:relative
}

#guest-album a.pencil{
  left:-20px;
  position:absolute;
  top:120px;
}

.interior #guest-album a.pencil{
  left:-20px;
  position:absolute;
  top:100px;
}

#mid-col{
  float:left;
  width:410px;
  position: relative;
}

img#left_bullet{
  float:left;
  margin-left:35px;
  padding-right:20px;
}

#mid-col p.promise{
  float:left;
  min-height:45px;
  width:310px;
}

#right-col{
  float: left;
  width: 285px;
  position: relative;
}

.interior #right-col{
  padding-left:13px;
  width:660px;
}

#right-col ul{
  padding-bottom: 20px;
}

#right-col ul, #right-col li{
  margin-left: 15px;
  list-style: disc;
}

#guest-col{
  float:left;
  margin-left:-5px;
  position:relative;
  width:682px;
}

#guest-tabs{
  position: relative;
  margin: 0 auto;
  width: 371px;
  height: 29px;
}

#guest-tabs ul li{
  float: left;
}

#guestalbum{
  background: url(../images/bg_guestbook.jpg) no-repeat;
  width: 682px;
  height: 517px;
  margin-top: -6px;
}

#guest-photos{
  position:relative;
  width:682px;
}

#comments-area{
  padding-top: 20px;
  padding-left:86px;
  position:relative;
  width:550px;
}

#guestalbum h1{
  color:#333333;
  font-size:26px;
  padding-bottom:5px;
  padding-top:15px;
  text-align:center;
  text-transform:none;
}

#photos, #photos ul {width: 682px;}

#photos h1{
  padding-bottom: 15px;
}

#photos li {text-align: center;}

#guestalbum p{
  text-align: center;
  color: #333333;
  font-size: 24px;
}

#guestalbum p.author{
  font-size: 18px;
}

/*#guest-content ul{
  left:125px;
  position:absolute;
  top:425px;
}*/

#guestalbum p.number{
  font-size:18px;
  position:absolute;
  top:465px;
  width:520px;
}

/*#guestalbum ul{
  width:520px;
}

#guestalbum ul li{
  float:left;
  text-align:center;
  width:682px;
}

#guestalbum ul li img{
  max-height: 350px;
}*/

#pagination {
  float:left;
  font-size:18px;
  clear:both;
  width:662px;
  padding-left:20px;
}

#pagination .photos.pagination {margin-top: 15px; text-align:center;}

#guestalbum .pagination {
  text-align:center;
}

#guestalbum .pagination a:hover{
  text-decoration: none;
}

#guestalbum .prev_page{
  background: url(../images/previous-image.jpg) no-repeat left center;
  text-indent:-9999px;
  display:block;
  width:125px;
  margin-left:153px;
  height:25px;
  float:left;
}

#guestalbum .next_page{
  background: url(../images/next-image.jpg) no-repeat right center;
  text-indent:-9999px;
  display:block;
  margin-right:150px;
  width:90px;
  height:25px;
  float:right;
}

#guestalbum .pagination span.prev_page{
  background: url(../images/previous-image-black.jpg) no-repeat left center !important;
}

#guestalbum .pagination span.next_page{
  background: url(../images/next-image-black.jpg) no-repeat left center !important;
}

#guestalbum .description{
	padding-left:90px;
	padding-right:70px;
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;
}

.photos{
  text-align:center;
  padding-right:30px;
}

#guest-bottom{
  margin-left:25px;
}

#guest-bottom p{
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding-bottom: 5px;
}

#frame-right{
  background: url(../images/bg_frame.png) no-repeat;
  position: relative;
  width: 346px;
  height: 273px;
  z-index: 100;
  margin-left: 2px;
  float: right;
}

img#right{
  float:right;
  height:216px;
  padding:20px 0 0 33px;
  position:relative;
  width:282px;
  z-index:10;
}

#frame-left{
  background: url(../images/bg_frame.png) no-repeat;
  float:left;
  height:273px;
  margin-right:2px;
  position:relative;
  width:346px;
  z-index:100;
}

img#left{
  float:left;
  height:216px;
  padding:20px 29px 0 0;
  position:relative;
  width:282px;
  z-index:10;
}

img#staffright{
  border:2pt solid black;
  float:right;
  padding: 5px;
  position:relative;
  margin: 0 0 15px 15px;
}

img#staffleft{
  border:2pt solid black;
  float:left;
  padding: 5px;
  position:relative;
  margin: 0 15px 15px 0;
}

/* map */
#map{
  float:left;
  font-size:20px;
  height:500px;
  position:relative;
  width:655px;
}

/*form styles*/
#guestbook{
  font-weight: bold;
}

#guestbook label, #subscribeForm label{
  float:left;
  padding-right:15px;
  padding-top:3px;
  text-align:right;
  width:105px;
}

#guestbook label.error{
  background-color:red;
  color:white;
  float:none;
  margin:5px;
  padding:8px;
}

#guestbook input, #subscribeForm input{
  margin-right: 15px;
}

#guestbook #submit, #subscribeForm input.stayinformed{
  background: url(../images/button_send.png) no-repeat;
  border: 0;
  color:transparent;
  height:58px;
  display: block;
  left:65px;
  position:relative;
  text-indent:-9999px;
  text-transform:capitalize;
  width:158px;
}

#news{
  background: url(../images/bg_news.jpg) no-repeat;
  width: 290px;
  height: 221px;
  float: left;
  margin-left: 5px;
  padding-bottom: 50px;
}

#news ul{
  width: 245px;
  padding:60px 0 0 35px;
  position:relative;
  margin: 0;
  list-style: none;
}

#news ul li{
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 15px;
  margin: 0;
  list-style: none;
}

#news ul li a{
  color: white;
}

#news ul li a:hover{
  color: #C1DA42;
}

#news a.viewall{
  height:58px;
  left:85px;
  position:absolute;
  top:188px;
  width:158px;
}

#stay-informed{
  background: url(../images/bg_informed.jpg) no-repeat;
  float:left;
  height:202px;
  margin-left:15px;
  width:248px;
}

.interior #stay-informed{
  background: none;
  height: 62px;
}

.interior #stay-informed a{
  background: url(../images/bgbutton_informed.jpg) no-repeat;
  height: 62px;
  display: block;
  width: 247px;
  margin-top: 7px;
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
}

.interior #stay-informed a:hover{
  background-position: 0 -62px;
}

.interior #watch-video{
  float:left;
  margin-left:15px;
  margin-top:15px;
  margin-bottom: 15px;
  height: 62px;
}

.interior #watch-video a{
  background: url(../images/bgbutton_video.jpg) no-repeat;
  height: 62px;
  display: block;
  width: 247px;
  margin-top: 7px;
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
}

.interior #watch-video a:hover{
  background-position: 0 -62px;
}

.interior #qualify{
  float:left;
  margin-left: 15px;
  margin-top: 15px;
}

.interior #qualify a{
  background: url(../images/bgbutton_qualify.jpg) no-repeat;
  height: 62px;
  display: block;
  width: 247px;
  margin-top: 7px;
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
}

.interior #qualify a:hover{
  background-position: 0 -62px;
}

#stay-informed p.signup{
  font-size:14px;
  font-weight:bold;
  padding-bottom:17px;
  padding-left:12px;
  padding-top:53px;
  text-align:center;
  width:225px;
}

#stay-informed p.button{
  margin-top:-10px;
  position:relative;
  text-align:center;
}

#stay-informed label{
  color:#695F4F;
  float:left;
  text-align:right;
  text-transform:lowercase;
  width:60px;
}

#stay-informed input{
  background: url(../images/bg_informedbox.jpg) no-repeat;
  border: none;
  width: 154px;
  height: 22px;
  float: left;
  margin: 0 0 12px 5px;
}

#stay-informed input.stayinformed{
  background: url(../images/button_stayinformed.png) no-repeat;
  border: 0;
  color:transparent;
  height:58px;
  left:47px;
  position:relative;
  text-transform:capitalize;
/*  top:188px;*/
  margin-top: -3px;
  width:158px;
  text-indent: -9999px;
}

#buyphotos{
  float:left;
  height:62px;
  margin-left:15px;
  margin-top:15px;
}

#buyphotos.home{
  float:left;
  height:62px;
  margin-left:10px;
  margin-top:35px;
}

#buyphotos a{
  background: url(../images/bgbutton_photos.jpg) no-repeat;
  height: 62px;
  display: block;
  width: 247px;
  margin-top: 7px;
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
}

#buyphotos a:hover{
  background-position: 0 -62px;
}

#footer-cable{
  background: url(../images/cable.png) repeat-x center;

/*  height:89px;*/
  position:relative;
  float: left;
  width:100%;
}

#footer{
  clear: both;
  background: url(../images/bg_footer.png) no-repeat;
  width: 980px;
  height:363px;
  position: relative;
  margin: 0 auto; 
}

#testimonials{
  height:80px;
  margin-left:20px;
  padding-top:80px;
  position:relative;
  width:750px;
}

#testimonials p{
  color:#C1DA42;
  font-style:italic;
  font-weight:normal;
  height:70px;
  text-align:center;
}

#footer-nav{
  padding-top: 35px;
}

#footer-nav ul{
  height:17px;
  padding-bottom:2px;
  position:relative;
  text-align:center;
}

#footer-nav ul li{
  color:#C1DA42;
  display:inline;
  padding: 0 7px;
  border-right: 2px solid #c1da42;
}

#footer-nav ul li.last{border-right: none;}

#footer-nav ul li a{
  color: white;
  font-weight: bold;
  text-transform: lowercase;
}

#footer-nav ul li a.faq{
  text-transform: none;
}

#footer-nav ul li a:hover{
  color: #C1DA42;
}

#footer-content{
  padding:75px 0 0;
}

#footer-content p{
  color:white;
  font-size:11px;
  font-weight:bold;
  position:relative;
  text-align:center;
  padding-bottom: 5px;
}

#footer-content span{
  color: #c1da42;
}

#footer-content a{
  color: #c1da42;
}

#footer-content a:hover{
  color: white;
}

#share{
  left:685px;
  position:absolute;
  top:269px;
}

#share ul li{
  float:left;
  height:30px;
  padding-right:9px;
  width:30px;
}

#share ul li a{
  float: left;
  height: 30px;
  width: 30px;
}

#share ul li a img{
  float: left;
}


/*********** Gallery Styles *************/

#image-replace img{
  float:left;
}

#picture-frame{
  float:left;
  min-width:70px;
  min-height:70px;
  overflow:hidden;
  margin-left:123px;
}

.frame-image{
  float:left;
  margin-left:22px;
  margin-top:22px;
  border:1px solid gray;
}

.upper-left{
  background:url(../images/upper-left.gif) top left no-repeat;
  top:0;
  left:0;
  float:left
}

.upper-right{
  background:url(../images/upper-right.gif) top right no-repeat;
  width:22px;
  height:22px;
  float:right;
}

.lower-left{
  background:url(../images/lower-left.gif) bottom left no-repeat;
  width:22px;
  height:22px;
  clear:both;
}

.lower-right{
  background:url(../images/lower-right.gif) bottom right no-repeat;
  float:left;
}

.clear{
	clear:both;
}

#image-replace{
  background:#000;
}

#imgurl{
  display:none;
}

#photosets{
  width:644px;
  padding-left:32px;
  float:left;
  clear:both;
}

#photosets a{
  display:block;
  background:url(/images/photoset-bg.jpg);
  width:308px;
  height:91px;
  color:#000;
  float:left;
  margin-left:13px;
  margin-bottom:20px;
}

#photosets a.current{
  background:url(/images/photoset-bg-selected.jpg);
}

#photosets a span{
  float:left;
  display:block;
  width:215px;
  line-height:15px;
  padding-top:30px;
  font-size:24px;
  text-align:center;
  text-decoration:none;
}

#photosets a:hover{
  text-decoration:none;
}

#photosets a img{
  float:left;
  margin-left:12px;
  margin-top:8px;
  border:1px solid black;
}

#comments-area .pagination{
  padding:0;
  width:550px;
}

#comments-area #pagination{
  padding:0;
  width:550px;
}

#map{
  border:1px solid black;
}

/******************************************* home page video tabs style */
.ui-tabs .ui-tabs-hide {
  display: none;
}

#video-tabs{
  z-index: 90;
  width: 410px;
  position: relative;
  border: none;
  background: none;
  padding:0 !important;
  -moz-border-radius:0 !important;
}

#video-tabs ul{
  display:block !important;
  height:33px;
  padding-left:13px;
}

#video-tabs ul li{
  margin: 0;
  float: left !important;
  text-align: center;
}

#video-tabs ul li a{
  padding: 0;
  text-indent: -9999px;
  text-transform: capitalize;
  color: transparent;
  display: block;
  height: 33px;
  width: 96px;
}

#video-tabs ul li.video-1 a{
  background: url(../images/video1_bg.jpg) no-repeat;
  margin-left: 13px;
  width: 97px;
}

#video-tabs ul li.video-2 a{
  background: url(../images/video2_bg.jpg) no-repeat;
}

#video-tabs ul li.video-3 a{
  background: url(../images/video3_bg.jpg) no-repeat;
}

#video-tabs ul li.video-4 a{
  background: url(../images/video4_bg.jpg) no-repeat;

}

#video-tabs ul li.ui-state-active a{
  background-position: 0 -33px;
}

#video-1, #video-2, #video-3, #video-4{
  background: url(../images/video_bg.jpg) no-repeat !important;
  padding: 0;
  width: 410px;
  height: 267px;
  position: relative;
}

#video-tabs .tab-content h1{
  text-align: center;
  color: white;
  font-size: 38px;
  padding: 2px 0;
}

#video-tabs .tab-content{
/*  width: 372px;
  height: 209px;*/
  margin: 0 auto;
}

#video-tabs .border{
  border: 1pt solid black;
  width: 372px;
  height: 209px;
  margin: 0 auto;
}

#video-tabs object{
	margin:0;
	padding:0;
  float:left;
}

/**** clearing styles being pulled in via jquery ui css ****/
/*#video-tabs.ui-tabs {
  padding:0 !important;
}

#video-tabs.ui-corner-all {
  -moz-border-radius:0 !important;
}

#video-tabs.ui-widget-content {
  background:none !important;
  border:none !important;
  color:#222222 !important;
}

#video-tabs.ui-widget {
  font-family:Verdana,Arial,sans-serif !important;
  font-size:1.1em !important;
}*/

#video-tabs .ui-tabs .ui-tabs-nav {
  list-style:none outside none !important;
  padding:0 0 0 13px;
  position:relative !important;
}

#video-tabs .ui-widget-header {
  background:none !important;
  border:none !important;
  color:#222222 !important;
  font-weight:normal !important;
}

#video-tabs .ui-helper-clearfix {
  display:block !important;
}

#video-tabs .ui-helper-clearfix {
  display:block !important;
}

#video-tabs .ui-helper-reset {
  border:0 none !important;
  font-size:100% !important;
  line-height:1.3 !important;
  list-style:none outside none !important;
  margin:0 !important;
  outline:0 none !important;
  padding:0 !important;
  text-decoration:none !important;
}

#video-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-width:0 !important;
  padding-bottom:0px !important;
}

#video-tabs .ui-tabs .ui-tabs-nav li {
  border-bottom-width:0 !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
}

#video-tabs .ui-state-active, #video-tabs .ui-widget-content .ui-state-active {
  background:none !important;
  border:none !important;
  color:#212121 !important;
  font-weight:normal !important;
  outline:medium none !important;
}

#video-tabs .ui-state-default, .ui-widget-content .ui-state-default {
  background:none !important;
  border:none !important;
  color:#555555 !important;
  font-weight:normal !important;
  outline:medium none !important;
}

#video-tabs .ui-corner-top {
  -moz-border-radius-topleft:0 !important;
  -moz-border-radius-topright:0 !important;
}

#video-tabs .ui-state-active, #video-tabs .ui-widget-content .ui-state-active {
  background:none !important;
  border:none !important;
  color:#212121 !important;
  font-weight:normal !important;
  outline:medium none !important;
}

#video-tabs .ui-state-default, #video-tabs .ui-widget-content .ui-state-default {
  background:none !important;
  border:none !important;
  color:#555555 !important;
  font-weight:normal !important;
  outline:medium none !important;
}

/********************************************** video gallery page styles*/

.wood-video{
  background:url(/images/wood-video.png);
  padding-left:18px;
  padding-top:45px;
  width:392px;
  height:223px;
  margin-bottom:25px;
}

.wood-video object{
  margin:0;
  padding:0;
  float:left;
}

.wood-video .border{
  border:1px solid black;
  min-width:15px;
  min-height:15px;
  float:left;
}