/* Callawedding */
html, body, #page {
min-height: 100%;
width: 100%;
height: 100%;
}

html>body, html>body #page {
height: auto; 
}


body {
background: url(images/callawedding_topbg.png) repeat-x #f7f1e1;
margin: 0; padding: 0;
font-family:Cambria,Georgia,"Times New Roman", Times, serif;font-size:100%;
}

#page {
position: absolute;
top: 0;
left: 0;
}

#footer {
border-top: 2px solid #4c4c38;
background: url(images/callawedding_bottombg.png) repeat-x;
height: 40px;
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
}
#box { position: relative; height: 35px; width: 1000px; margin: 0 auto 0 auto; padding-top: 2px; } #box div{ margin-left: 220px; width: 720px; height: 33px; padding-left: 10px; color:#e6e1d2; border-left: 1px solid #e6e1d2; overflow: hidden; font-size: 14px; letter-spacing: 1px}
#center {
width: 1000px; height: auto;
margin:0px auto  41px auto;
overflow: hidden;
}

a img{border: none;}

#logo {margin-top: 38px; float: left;}
#images {float: left; margin-top: 45px; margin-left: 7%; width: 740px; height: 138px; overflow: hidden; padding: 0 0 0 20px;}
.bo {border: 4px solid #99947a; margin-bottom: 0; } 
.shadow {height: 10px; } 
#s1{margin: 0 0 0 -20px;}#s2{margin: 0 0 0 -14px;}#s3{margin: 0 0 0 -6px;}#s4{margin: 0 0 0 -1px;}#s5{margin: 0 0 0 -3px;}
.sp {float: left; width: 19%; } #sp1{}

#menufolott { clear: both; height: 37px; width: 100% }

/* Menu/Felső */

#menu {float:left; width:1000px; height:80px;  position:relative; font-size: 20px; font-family:  Times, serif; overflow: hidden; }

#menu h2, #menu h3 {margin: 0; padding: 0; font-variant:small-caps;} 
#menu strong {margin: -2px 0 0 0; padding: 0;} 

#menu .fossz {margin:0; padding:0; list-style:none; display:block;}

#menu li {display:inline; padding:0;height:auto;}

#menu .fossz a {display:block; height:40px; float:left; padding:0 20px 0 0px; text-decoration:none;  line-height:40px; white-space:nowrap; margin: 0 10px 0 4px;}
* html #menu .fossz a {width:1px;}

#menu .fossz a h2 {height:100%; display:block; padding:0 0 0 20px; color:#464632; font-size: 1.3em;}

#menu #jelolt a, 
#menu .fossz a:hover, 
#menu .fossz li:hover a {background: url(images/callawedding_menu1_r.png) right; cursor:pointer;}

#menu #jelolt a h2, 
#menu .fossz a:hover h2, 
#menu .fossz li:hover a h2 {background: url(images/callawedding_menu1_l.png) no-repeat;}

#menu #jelolt a:hover,
#menu .fossz a:hover, 
#menu .fossz li:hover a { text-decoration: underline; color:#b4b496}

#menu #jelolt a:hover h2,
#menu #jelolt li:hover a h2,
#menu .fossz a:hover h2, 
#menu .fossz li:hover a h2 { color:#6c6c50;}

#menu #jelolt a h2, 
#menu #jelolt li a h2 {color:  #6c6c50;}

/* Menu/Alsó */

#menu .aossz a:hover  {background: url(images/callawedding_menu2_hbg.png) repeat-x; color:#828264;}

#menu .aossz #ajelolt a {background:url(images/callawedding_menu2_sbg.png) repeat-x; color:#828264;}
#menu .aossz #ajelolt a h3 {text-decoration: underline;}



#menu .aossz {margin:0 0 0 30px; padding:0; list-style:none;  }
#menu .aossz { position:absolute; width:100%; top:40px; left:0; padding:0; z-index:10}
* html #menu .aossz{z-index:-1; margin-top:0; margin-t\op:1px;}

#menu .aossz a {height:40px; float:left;  text-decoration:none; font-weight:bold;  }
#menu .aossz a { display:block; color:#53533e; padding:0 10px; margin:0; width:auto; overflow: hidden; font-weight:normal; border:0; height:40px; border-right: 1px solid #d0cab6; background: none; line-height: normal; white-space: pre;  }
#menu h3{font-size: 1.1em; letter-spacing: 0.05em;}
#menu span{font-size: 1.1em; letter-spacing: 0.03em; line-height: 40px; vertical-align: middle; font-weight: bold; font-variant:small-caps; padding-bottom: 5px;}
#menu strong{ font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; color:#6e6e55; display: block;}
#menu h3 a {display: none;}

/* Tartalom */

#left {width: 220px;  float: left; margin: 10px 0 10px 0;}
#virag { width: 210px; height: 271px; margin: 20px auto 0 auto; background: url(images/callawedding_virag.jpg); color: #FFFFFF; }
#virag p {padding: 15px; font-weight: lighter; font-size: 14px; letter-spacing: 1px;}
#kozep {width: 520px; float: left;  border-left: 1px solid #cfceb9; border-right: 1px solid #cfceb9;
 margin: 10px 10px  10px 0; padding-left: 12px; min-height: 420px; color: #281e05; }
.clear {clear: both}
#kozep h1 {padding: 0; color: #dbd0b3; margin-top:  0;  margin-bottom: 0; font-size: 24px; }
#kozep h2, #kozep h3 {color: #3c3c28; width: 100%; margin-bottom: 0; }
#kozep a, #right a:visited { color: #8c875a; }
#kozep a:hover{ color: #c8be78 }
#kozep img {border: 5px solid #ebe6d7; margin: 5px;}
#right {float: left; width: 170px; margin: 10px 0 0 0; background: url(images/cw_pls_01.png) no-repeat top left; padding-left: 50px; height: 320px;}
#right a, #right a:visited   { color: #8c875a; font-size: 12px; text-decoration: none; }
#right h2, #right a h2 { display: inline; color: #8c875a; font-size: 12px; text-decoration: none; margin: 0; padding: 0; font-weight: normal; } 
#right a:hover{ color: #c8be78; text-decoration: underline; }
#right a img{ border: 5px solid #a8a494; margin-bottom: 10px; }
#right a:hover img{ border: 5px solid #99947a; margin-bottom: 10px; }

#kozep .meghivo a img{ border: 5px solid #ccc7ba ; margin:0; }
#kozep .meghivo a:hover img{ border: 5px solid  #99947a ; }
#kozep .meghivo a {font-size: 12px; text-decoration: none; display:block; width: 100%; background:#ebe6d7; color:#464632; }
#kozep .meghivo a:hover {background: #e0dbcc; color:#99947a}
#kozep .meghivo {background: #ccc7ba ; text-align: center; padding: 0; margin: 2px; font-family:"Trebuchet MS"; float: left; color: #26261b;}
#kozep .meghivo span {font-size: 12px; margin:0; padding:0;}
#kozep .meghivo a span {font-size: 10px; }