* {border: 0px; margin: 0px; padding: 0px;}
table, caption, col, colgroup, thead, tbody, tr, th, td { border: 0 none 
!important; }

/*Main Container */
.container {width:100%; height:100%; margin: 0 auto; }

/*Header */
.header {width: 100%; height:75px; display: block;}
.navi-top {width: 800px; margin-left: 130px; display: block; margin-top: 50px; position:fixed;}
ul .menu{margin:0; padding:0; list-style:none; clear:both;}  
.menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:10px;}  
.menu li a{background:url('../images/inside-sprite.png') no-repeat; width:600px; height:25px; display:block;}  
  
/* Love Button */  
.menu li.love{width:30px; }  
.menu li.love a{background-position:0px 0px;}  
.menu li.love a:hover{background-position:0 -25px;}  
.menu li.love a.selected{background-position:0 -25px;}  
  
/* Marriage Button */  
.menu li.marriage{width:67px; }  
.menu li.marriage a{background-position:-49px 0px;}  
.menu li.marriage a:hover{background-position:-49px -25px;}  
.menu li.marriage a.selected{background-position:-49px -25px;}  
  
/* Baby Button */  
.menu li.baby{width:37px;}  
.menu li.baby a{background-position:-135px 0px;}  
.menu li.baby a:hover{background-position:-135px -25px;}  
.menu li.baby a.selected{background-position:-135px -25px;}
  
/* Carriage Button */  
.menu li.carriage{width:62px;}  
.menu li.carriage a{background-position:-190px 0px;}  
.menu li.carriage a:hover{background-position:-190px -25px;}  
.menu li.carriage a.selected{background-position:-190px -25px;}
  
/* More Button */  
.menu li.more{width:39px;}  
.menu li.more a{background-position:-271px 0px;}  
.menu li.more a:hover{background-position:-271px -25px;}  
.menu li.more a.selected{background-position:-271px -25px;}
  
/* Blog Button */  
.menu li.blog{width:31px;}  
.menu li.blog a{background-position:-330px 0px;}  
.menu li.blog a:hover{background-position:-330px -25px;}  
.menu li.blog a.selected{background-position:-330px -25px;}
  
/* About Button */  
.menu li.about{width:44px;}  
.menu li.about a{background-position:-381px 0px;}  
.menu li.about a:hover{background-position:-381px -25px;}  
.menu li.about a.selected{background-position:-381px -25px;}
  
/* Contact Button */  
.menu li.contact{width:57px;}  
.menu li.contact a{background-position:-443px 0px;}  
.menu li.contact a:hover{background-position:-443px -25px;}  
.menu li.contact a.selected{background-position:-443px -25px;}


/*Main */
.main {width:870px; height:500px; margin-left: 130px; position: relative; z-index: 2; }
.post { width: 100%; margin-right: 5px; margin-top: 5px; }
.main .photo {width: 333px; margin-right: 5px; margin-top: 5px; float: left;}
.main .content {width: 520px; float: left; margin-left: 10px; margin-top: 170px; }
.main a {color:#404040; text-decoration:none;}
.main a:hover {color:#989393; text-decoration:none;}
.content p {text-decoration:none; color:#989393; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height: 20px; margin-bottom: 20px;}
.photo p span {text-decoration:none; color:#cccccc; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:10px; line-height: 20px;}
.photo p span a{text-decoration:none; color:#cccccc; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:10px; line-height: 20px;}
.photo p span a:hover{text-decoration:none; color:#989393; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:10px; line-height: 20px;}
.photo p  {text-decoration:none; color:#989393; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height: 20px; margin-top: 12px;}
.photo p  a{text-decoration:none; color:#404040; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height: 20px;}
.photo p  a:hover{text-decoration:none; color:#989393; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height: 20px;}

/*Footer */
.footer {position:fixed; bottom:20px; right:20px; float:right; padding-right:5px; white-space:nowrap;}

/*Homepage */
.page_content {width: 100%; height:40px; display: block; background-color:#aba7a7; position: absolute; bottom:10%;}
.navi {width: 800px; margin-left: 130px; display: block; margin-top: 10px;}
.navi a:hover {border:none;}
.navi a {background:url('../images/hmpg-sprite.png')no-repeat; height:22px; display:block; float:left; text-indent:-9999px; margin-right: 20px;}

.navi a.love {background-position:0 0; width:30px;}
.navi a:hover.love {background-position:0 -25px;}

.navi a.marriage {background-position:-49px 0px; width:67px;}
.navi a:hover.marriage {background-position:-49px -25px; }

.navi a.baby {background-position:-135px 0px; width:37px;}
.navi a:hover.baby {background-position:-135px -25px; }

.navi a.carriage {background-position:-190px 0px; width:62px;}
.navi a:hover.carriage {background-position:-190px -25px; }

.navi a.more {background-position:-271px 0px; width:39px;}
.navi a:hover.more {background-position:-271px -25px; }

.navi a.blog {background-position:-329px 0px; width:32px;}
.navi a:hover.blog {background-position:-329px -25px; }

.navi a.about {background-position:-381px 0px; width:44px;}
.navi a:hover.about {background-position:-381px -25px; }

.navi a.contact {background-position:-443px 0px; width:57px;}
.navi a:hover.contact {background-position:-443px -25px; }