/* ---------------- geometry --------------------*/

* { margin: 0; padding: 0;}



#welcome {width: 480px; margin-top:100px;}

#menu-wrap{width:94%; height:120px;}
#logo {width:154px; height:68px; float:left; margin-left:15px; margin-top:10px; margin-bottom:10px;}
#mb01 {width: 94%;  height:3%; float: left; margin-left:5%; margin-top:10px; text-align:center;  }



#grid {width: 300px; height:300px; margin-top:100px; margin-left:20px; float:left;}

#picbox{float:left; width:600px;}
#bigpic { float:left; margin-top:150px;}

#bigpic-text-box{ float:left; width:600px; height:60px; margin-top:15px; text-align:center}
#bigpic-text{width:500px; height:60px; text-align:center; display: block; margin-left: auto; margin-right: auto;}



#sm-pic-text-box{ float:left; width:550px; height:60px; margin-top:15px; text-align:center}
#sm-pic-text{width:550px; height:60px; text-align:center; display: block; margin-left: auto; margin-right: auto;}




* { margin:0; padding:0;}

.wrap {
 width:100%;
    /* Firefox */
    display:-moz-box; -moz-box-pack:center; -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;

    /* W3C */
    display:box; box-pack:center; box-align:center;

/* display: block; margin-left: auto; margin-right: auto;*/
}



.slidewrap{width:600px; height:400px; margin-top:50px; margin-left:-30px; }
.slideshow { height: 600px;width:400px; }
.slideshow img { padding: 20px; border: 1px solid #ccc; background-color: #eee; box-shadow: 10px 10px 5px #888888;}










#housetext {width: 315px; float:left; margin-left:30px; margin-right:20px; margin-top:30px;}
#house1 {width:550px; float:left; margin-top:120px;}
#house-550-text-box{ float:left; width:550px; height:60px; margin-top:15px; text-align:center; }
#house-550-text{width:550px; height:60px; text-align:center; }


/*rates page*/
/*#rates {width: 205px; float:left; margin-left:100px; margin-top:40px; }*/

#houserates {width: 300px; height:600px; float:left;  margin-left:45px; margin-top:90px;}

#house2 {width:550px; float:left; margin-top:80px;}





#direction-box{width: 400px; height:100%; float:left;  margin-left:65px; margin-top:10px;}
#contact{width: 400px; float:left;}
#map1{width: 400px; float:left; margin-top:25px;}
#map2{width: 400px; float:left;}


#directions-text-box{width:350px; float:left; margin-left:60px; margin-top:90px;}
#directions {width: 350px; float:left; }
#contacttext{width: 350px; float:left; margin-top:70px;}





/*          reservations page             */

#arnie{width:450px; height:338px; float:left; margin-left:30px; margin-top:50px; }
#cal{width:450px; height:380px; float:left; margin-left:30px; margin-top:70px;}
#res-text{width: 300px; height:600px; float:left; margin-left:60px; margin-top:150px;}


#pic-450-text-box{ float:left; width:450px; height:60px; margin-top:15px; text-align:center; }
#pic-450-text{width:450px; height:60px; text-align:center; }
/*
display: block; margin-left: auto; margin-right: auto;
*/

/* kudos page */

#feed-img {width:475px; height:595px; float:left; margin-left:10px; margin-top:140px; }
#feed-text {width:475px; height:595px; float:left; text-align:center; margin-top:10px;}




#kudos{width:350px; float:left;margin-left:50px; margin-top:40px;}

#blog-post{width:300px; float:left; }
#comments{width:300px; float:left; margin-top:40px;}




#links-spacer{width:800px; height:120px; border:solid red 1px;}

#links-top-wrap{width:600px; height:1200px; margin-top:40px;

/*border: solid 1px red;*/
    display: block; margin-left: auto; margin-right: auto;

/* display:box; box-pack:center; box-align:center;
    display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;
    display:-moz-box; -moz-box-pack:center; -moz-box-align:center;
*/
}


#links-wrap{width:600px; }

#links-img{width: 600px; height:485px;}

#links-box{width:430px; margin-left:80px; margin-top:10px;}

#links-map{width: 1500px; height:1212px;}


/*

*/








/* ---------------------type------------------ */

ul {list-style-type: none;}

.bodytext-intro {font-family: Arial, Helvetica; font-style: normal; font-size: 14px; line-height: 16px; text-decoration: none; color: rgb(140,145,130);}

.alpha {font-family: verdana, Arial, Helvetica; font-style: bold; font-size: 13px; text-decoration: none; color: rgb(60,110,110); width:50px; padding:5px;}
a.alpha:hover{font-family: verdana, Arial, Helvetica; font-style: bold; font-size: 13px; text-decoration: none; color: rgb(40,40,40); background-color:rgba(42,235,255, .5);}


.on{font-family: verdana, Arial, Helvetica; font-style: bold; font-size: 13px; text-decoration: none; color: rgb(35,45,250); padding:5px;}



.phonenum{font-family: Arial, Helvetica; font-style: normal; font-size:10px; text-decoration: none; color: rgb(10,10,15);}


.menu1{font-family: verdana, Arial, Helvetica; font-style: normal; font-size: 14px; text-decoration: none; color: rgb(100,100,100);}
.menu2{font-family: verdana, Arial, Helvetica; font-style: normal; font-size: 10px; text-decoration: none; color: rgb(100,100,100);}


 body {background-color: rgb(255,255,255)}

.bodytext {font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 16px; text-decoration: none; color: rgb(40,40,40);}

.blogtext {font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 20px; text-decoration: none; color: rgb(40,40,40);}

.soft-grey{color:rgb(150,140,140);}

.textlinks{font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 15px; text-decoration: none; color: rgb(40,40,40);}
.textlinks a:link {font-family: Arial, Helvetica; font-style: normal; font-size: 12px;  line-height: 15px; text-decoration: none; color: rgb(40,40,40);}
.textlinks a:visited {font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 15px; text-decoration: underline; color: rgb(80,80,80);}
.textlinks a:hover {font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 15px; text-decoration: underline; color: rgb(40,40,40);}
.textlinks a:active {font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 15px; text-decoration: none; color: rgb(40,40,40);}

.email{font-family: Arial, Helvetica; font-style: normal; font-size: 12px; line-height: 16px; text-decoration: underline; color: rgb(80,80,80);}

.bbodytext {font-family: Arial, Helvetica; font-weight: bold; font-size: 12px; line-height: 18px; }

a img {border:0;}