@charset "utf-8"; /* Jon Hyams - Beads design website */
/* General page Code START */
body { background-image:url(../images/design_images/beads-bg.png); background-repeat:repeat-x; background-position:0px 0px; }
p { margin:0px; }
#page_container_table { width:auto; height:auto; margin:auto; }
/* General page Code END */

/* Rollover main menu Code START*/
/* Textual menu links properties */
.menu_btns td span { display:none; }
.menu_btns { text-align:center; font-variant:small-caps; }
/* Code for Home button */
#home_btn { background-color:#99ccff; width:109px; height:64px; }
#home_btn a { display:block; width:109px; height:64px; }
#home_btn a { background-image:url(../images/design_images/home-button.png); }
/*Code for About button */
#about_btn  { background-color:#99ccff; width:178px; height:64px; }
#about_btn a { display:block; width:178px; height:64px; }
#about_btn a { background-image:url(../images/design_images/about-button.png); }
/*Code for Designs button */
#designs_btn  { background-color:#99ccff; width:173px; height:64px; }
#designs_btn a { display:block; width:173px; height:64px; }
#designs_btn a { background-image:url(../images/design_images/designs-button.png); }
/*Code for Contact button */
#contact_btn  { background-color:#99ccff; width:176px; height:64px; }
#contact_btn a { display:block; width:176px; height:64px; }
#contact_btn a { background-image:url(../images/design_images/contact-button.png); }
/* Code for menu buttons Shift */
.menu_btns a:link { background-position:0px 0px; }
.menu_btns a:visited { background-position:0px 0px; }
.menu_btns a:hover { background-position:0px -64px; }
.menu_btns a:active { background-position:0px -128px; }
/* Rollover main menu Code END*/

/* All pages Code START*/
#top_header_img { width:865px; height:175px; background-image:url(../images/design_images/header.png); }
#top_menu_img { width:865px; height:60px; background-image:url(../images/design_images/menu-top.png); }
#menu_left_img { width:93px; height:64px; background-image:url(../images/design_images/menu-left.png); }
.menu_spacer_img { width:9px; height:64px; background-image:url(../images/design_images/menu-spacer.png); }
#menu_right_img { width:109px; height:64px; background-image:url(../images/design_images/menu-right.png); }
#bottom_menu_img { width:865px; height:61px; background-image:url(../images/design_images/menu-bottom.png); }
#content_td { background-image:url(../images/design_images/content-bg.png); background-repeat:repeat-y; }
#main_centent_div { position:relative; top:-4px; left:29px; border:2px solid #000; font-family:verdana; background-color:#ECFBFF; padding:5px; width:780px; /*height:800px; /* If need be */ overflow:auto; z-index:1; }
.page_content_top_header_text { text-align:center; direction:rtl; font-size:150%; font-variant:small-caps; font-weight:bolder; text-decoration:underline; }
.page_content_bottom_header_text { text-align:center; direction:rtl; margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:120%; font-variant:small-caps; letter-spacing:8px; }
.content_text_rtl { direction:rtl; letter-spacing:1px; font-family:Verdana, Geneva, sans-serif; }
.content_text_rtl_emphasis { direction:rtl; letter-spacing:1px; font-family:Verdana, Geneva, sans-serif; color:#00C; }
#content_bottom_img { width:865px; height:28px; background-image:url(../images/design_images/content-bottom.png); }
#dedication_text { text-align:center; direction:rtl; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; font-size:110%; margin:2px 2px 5px 2px; }
.links { text-align:center; direction:rtl; }
.external_links { text-align:center; direction:rtl; font-size:150%; font-family:Verdana, Geneva, sans-serif; color:#00C; }
/* W3C Validator START */
#w3c_validator { text-align:center; width:185px; margin:auto; }
#w3c_validator p { font-size:14px; text-align:center; }
#w3c_validator img { border:none; }
#xhtml_validator { float:right; }
/* W3C Validator END */
#css_validator { float:left; }
/* All pages Code END*/

/* qr-code.html Code START*/
#qr_code_page_div { text-align:center; }
#qr_code_page_div img { border:5px solid white; }
/* qr-code.html Code END*/

/* index.html Code START*/
#maintenance { /* maintenance section code START */ text-align:center; direction:rtl; width:250px; height:100px; overflow:hidden; margin:auto; border:1px solid #333; background-color:#DDF0FF; padding:0 0 8px 0; }
#maintenance p { font-size:16px; letter-spacing:2px; color:#C10000; }
#maintenance img { /* maintenance section code END */ border:1px dashed #333; background-color:#F3FFF0; padding:1px; }
#homepage_content_beadsphoto_div { padding-bottom:10px; margin-left:auto; margin-right:auto; margin-bottom:5px; height:auto; width:auto; text-align:center; z-index:2; }
#hit_counter_table { /* Hit counter code START */ display:table; margin:auto; padding:4px; }
#hit_counter_table p { font-size:120%; }
#hit_counter_row { display:table-row; }
#counter_text_cell, #counter_img_cell { /* Hit counter code END */ display:table-cell; vertical-align:middle; padding:2px; }
/*#sponsorsSection { text-align:center; direction:rtl; z-index:-50; }*/
/* index.html Code END*/

/* index.html Code START*/
#videoGuide { text-align:center; direction:rtl; margin:5px; }
#videoGuide img { border:5px groove #FF6666; }
/* index.html Code END*/

/* gallery.html Code START*/
div.galleries-links-box-table { text-align:center; width:690px; margin:auto; }
div.galleries-links-box-cell { text-align:center; width:210px; margin:10px; float:right; }
div.galleries-links-box-cell img { border:5px solid #00BFFF; }
/* gallery.html Code END*/

/* gallery-templates.html, gallery-designs.html, gallery-patterns.html Code START*/
.backToGalleriesLinks { text-align:center; direction:rtl; font-weight:bolder; clear:both; }
div.gallery-box { text-align:center; width:720px; margin:auto; }
div.gallery-box div { width:160px; height:160px; margin:10px; float:left; }
div.gallery-box a img { border:5px solid #00BFFF; }
/* gallery-templates.html, gallery-designs.html, gallery-patterns.html Code END*/

/* contact.php Code START*/
#contact_form_table { display:table; direction:rtl; width:350px; margin:auto; }
#contact_form_row { display:table-row; }
#contact_form_inputs_cell, #contact_form_checkbox_cell, #contact_form_comments_cell { display:table-cell; }
#contact_form_buttons_cell { text-align:center; }
.mandatory_fields { background-color:#CAE4FF; }
.text_underline_bold { text-decoration:underline; font-weight:bold; }
/* contact.php Code END*/