/*<![CDATA[*/

body { text-align: center }
*    { margin: 0; padding: 0; text-align: left }
body { font: 12px Tahoma; color: #46464f; text-align: center }
div  { float: left }

#conteiner     { width: 100%; background: #ffffe7 url(/i/bg_body.gif) repeat-x }
#page          { float: none; margin: auto; width: 1004px }
#outer         { width: 1004px; padding: 0 10px; wid\th/* */: 984px }
#header        { width: 984px; height: 177px; background: #f2f8d4; padding: 0 10px; wid\th/* */: 964px }
#header div    { height: 177px }
#hlogo         { width: 210px; padding-left: 5px; wid\th/* */: 205px }
#hlogo img     { width: 185px; height: 165px; margin-top: 5px }
#header #htext   { width: 449px; padding-top: 59px; padding-right: 10px; wid\th/* */: 439px; heig\ht/* */: 118px }
#header #htext p { padding: 0 }
                 
#hnavigation      { padding-left: 15px }
#hnavigation img  { width: 279px; height: 161px; margin-top: 10px }

#content                   { width: 984px; padding: 0 10px; wid\th/* */: 964px }
#woman, #man, #add, #inner { width: 984px; padding: 0 20px; padding-top: 30px; padding-bottom: 35px; wid\th/* */: 944px}
#woman, #man, #add         { width: 984px; padding: 0 20px; padding-top: 30px; padding-bottom: 35px; wid\th/* */: 944px}
#content.index             { height: 510px; background: url(/i/bg_index.jpg) center 30px no-repeat }
#content.index div         { margin-top: 163px; width: 482px; padding: 0 10px; wid\th/* */: 462px }
#content.index .men   img  { width: 223px; height: 182px }
#content.index .woman img  { float: right; width: 215px; height: 172px }

#woman  { background: url(/i/bg_inner_woman.jpg) }
#man    { background: url(/i/bg_inner_man.jpg) }
#add    { background: url(/i/bg_inner_add.jpg) }
#inner  { background: url(/i/bg_inner_inner.jpg) }

#woman #pageheader div, #man #pageheader div, #add #pageheader div, #inner #pageheader { width: 790px; height: 77px; border: 1px solid #a68c97; wid\th/* */: 788px; heig\ht/* */: 75px }
#add #pageheader div   { width: 630px; background: #fff; wid\th/* */: 628px }
#add #pageheader p     { float: left; padding-left: 20px; color: #951a85 }

#woman #pageheader div { background: #fff url(/i/bg_header_woman.jpg) no-repeat }
#man   #pageheader div { background: #fff url(/i/bg_header_man.jpg) no-repeat }
#inner #pageheader     { width: 944px; height: 76px; background: #fff; text-align: center; border: 1px solid #a68c97; wid\th/* */: 942px; heig\ht/* */: 74px }
#inner #pageheader img { margin: auto }

#pageheader p       { padding-top: 20px; padding-bottom: 0; padding-right: 16px; float: right; font: bold 16px Tahoma; color: #ed1188 }
#pageheader a       { text-decoration: none; color: #ed1188 }
#pageheader a:hover { color: #666 }

#pageheader img.back { float: left; width: 300px; height: 75px }

#woman #pageheader div.right, #man #pageheader div.right,
#add #pageheader div.man, #add #pageheader div.woman { float: right;  width: 144px; height: 77px; background: #fff; border: 1px solid #a68c97; wid\th/* */: 142px; heig\ht/* */: 75px }
#add #pageheader div.man, #add #pageheader div.woman { display: inline; margin-left: 13px }

#presents      { padding-top: 5px; width: 960px; font: 11px Tahoma; display: inline; margin-left: -16px }
#presents div  { background: #fff; width: 176px; height: 172px; display: inline; margin-top: 15px; margin-left: 16px; border: 1px solid #a68c97; wid\th/* */: 174px; heig\ht/* */: 170px }

#presents div a       { float: left; display: block; width: 174px; height: 133px }
#presents div a:hover { background: #e3e4e4 }
#presents div img     { margin-left: 7px; margin-top: 7px; width: 160px; height: 119px }
#presents div div     { width: 174px; height: 36px; display: inline; margin: 0; border: 0; border-top: 1px solid #a68c97; padding: 0 8px; padding-top: 3px; text-align: center; wid\th/* */: 158px; heig\ht/* */: 32px }

div.content,
#form, 
#present              { width: 944px; margin-top: 10px; padding: 15px 20px; padding-bottom: 30px; background: #fff; border: 1px solid #a68c97; wid\th/* */: 902px }

div.content, #present { height: 400px; min-height: 400px }

html>body div.content, html>body #present { height: auto; }

div.content           { padding-top: 40px }
div.content *         { text-align: center }

#form div              { width: 460px }
#form div div div      { margin-top: 4px; padding-bottom: 10px }
#form div div div p    { float: left; padding-left: 10px; padding-top: 5px }
#form p                { padding: 0; font-weight: bold }
#form div.age input    { float: left; width: 40px; wid\th/* */: 24px }
#form div.upload       { padding-top: 5px }
#form div.upload div   { padding-bottom: 4px }
#form div.upload p     { float: left; font-weight: normal; padding-left: 0; width: 90px }
#form div.upload input { float: left; height: 26px; width: 278px; wid\th/* */: 262px }
#submit input          { width: 200px; height: auto; font-weight: bold; text-align: center; margin-top: 5px }
#form div.warning        { font-weight: normal; width: 100%; padding-top: 17px }
#form div.warning b      { color: #951a85 }


#present div.header  { width: 100% }
#present div.date    { float: right }
#present h1          { font: bold 14px Tahoma }
#present p           { margin-top: 7px }
#man   #present h1   { color: #00a2ef }
#woman #present h1   { color: #ed0080 }

#comments        { width: 944px; margin-top: 7px; padding-top: 45px }
#man  #comments  { background: url(/i/bg_header_comments_man.jpg) no-repeat }
#woman #comments { background: url(/i/bg_header_comments_woman.jpg) no-repeat }

#present div.photos     { width: 100%; text-align: center }
#present div.photos img { margin: auto; margin-top: 15px; width: 400px; height: 300px; border: 1px solid #a68c97 }

#comments div.items     { width: 100% }
#comments div.items div { float: right; width: 858px; margin-top: 12px; background: #fff; padding: 10px 15px; border: 1px solid #a68c97; wid\th/* */: 796px }
#comments h2            { font: bold 14px Tahoma }
#comments p             { padding-bottom: 3px; margin-top: 7px }
#comments div.pages p   { margin: 0 }

#comments #form         { float: right; width: 858px; margin-top: 12px; background: #fff; padding: 10px 15px; border: 1px solid #a68c97; wid\th/* */: 796px }
#comments #form #submit { padding-bottom: 10px }

div.pages   { width: 266px; height: 46px; margin-top: 20px; padding-top: 4px; padding-left: 8px; border: 1px solid #a68c97; background: #fff; color: #333; wid\th/* */: 256px; heig\ht/* */: 40px }
div.pages p { padding-bottom: 2px }
div.pages b { display: inline-block; padding-right: 3px }
div.pages div { padding-right: 3px }

#good-presents     { width: 100%; text-align: center }
#good-presents img { display: inline }

#footer          { width: 984px; border-top: 5px solid #c5d056; height: 58px; background: url(/i/bg_footer.jpg) 0 5px repeat-x }
#footer div      { width: 197px; height: 58px; background: url(/i/bg_footer_div.jpg) right no-repeat  }
#footer div.last { width: 196px; background: none }

#footer img          { width: 195px; height: 58px }
#footer div.last img { width: 194px; height: 58px }

/* common styles */
a         { color: #951a85 }
a:hover   { text-decoration: none; cursor: pointer }
img       { border: 0; display: block }
table     { border-collapse: collapse }
p, ul     { padding-bottom: 18px }

input, textarea { font: 12px Tahoma; background: #fff; color: #111; height: 26px; width: 378px; padding: 4px 7px; border: 1px solid #e3e3e3; wid\th/* */: 362px; heig\ht/* */: 16px } 
textarea        { width: 472px; height: 100px; padding: 4px 7px; wid\th/* */: 456px; heig\ht/* */: 90px }
textarea        { scrollbar-face-color: #e0e0e1; scrollbar-shadow-color: #777778; scrollbar-highlight-color: #eee; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #d1680a; scrollbar-track-color: #f2f2f2; scrollbar-arrow-color: #777778 }
select          { background: #fff; font: 12px Tahoma; width: 100px }

.error      { color: #c21a6d }
span.error  { font-size: 11px; font-weight: normal }
div.error input, div.error textarea { background: #c21a6d; color: #fff  }

div#counter { position: absolute; left: -6777px; top: 0 }

/*]]>*/