/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { font-family: sans-serif; font-size: 16px; color: #A59D95; height: 710px; overflow: hidden;}
/* home page elements */

a { color: #A59D95;}  

a:active {
outline: none; /* no dotted outline */
}

a:focus {
outline: 1px dotted #000000;
-moz-outline-style: none; /* no dotted outline */
} 
a:active {
 outline: none;
 -moz-outline: none;
}

a {
-moz-user-focus: none;
}

* { outline: none; -moz-outline: none; 
}

.group3:focus { outline: none; -moz-user-focus: none;}

#logo { width: 264px; height: 59px; margin: 442px 365px 36px ; float: left;}
#navbar {width: 515px; height: 26px; background-image: url(links2.jpg); margin: 0px 240px; float: left; position: relative; top: -83px; left: 0px; display: none;}

#navbar_ul { margin: 0; padding: 0; list-style-type: none;}
#navbar_ul li{ display: inline;}

#wrapper { background-image: url(page_bg.png); background-repeat: no-repeat; background-position: center 0px; height: 640px; width: 1000px; margin: 5% auto; }

#menu_1 {width: 35px; float: left; text-indent: -9999px; }
#menu_2 {width: 47px; float: left; text-indent: -9999px;  margin-left: 15px;}
#menu_3 {width: 60px; float: left; text-indent: -9999px;  margin-left: 15px;}
#menu_4 {width: 57px; float: left; text-indent: -9999px;  margin-left: 15px;}
#menu_5 {width: 70px; float: left; text-indent: -9999px;  margin-left: 15px;}
#menu_6 {width: 75px; float: left; text-indent: -9999px;  margin-left: 15px;}
#menu_7 {width: 33px; float: left; text-indent: -9999px;  margin-left: 18px;}

#chair_contacts { width: 193px; height: 244px; position: relative; top: -402px; left: 773px; display: none;}
#lampshade_about { width: 151px; height: 123px; position: relative; top: -577px; left: 246px;  display: none;} 
#frames_gallery { width: 224px; height: 176px; position: relative; top: -594px; left: 677px; display: none;} 
#cushions_drucker { width: 236px; height: 160px;  position: relative; top: -451px; left: 491px; display: none;} 
#books_scrapbook { width: 102px; height: 122px; position: relative; top: -455px; left: 214px; display: none;} 
#barrel_shop { width: 81px; height: 176px;  position: relative; top: -380px; left: 691px;  display: none;} 

/* drucker page elements */
#drucker_text { width: 320px; height: 406px; position: relative; top: -520px; left: 525px; text-align: justify;line-height: 16px; font-size: 14px; }





/* text elements */
#about_text_1 { width: 320px; height: 406px; position: relative; top: -520px; left: 525px; text-align: justify; line-height: 16px; font-size: 14px; overflow: hidden; }
#about_text_2 { width: 320px; height: 406px; position: relative; top: -520px; left: 525px; text-align: justify; line-height: 16px; font-size: 14px; overflow: hidden; display: none;}

#contact_form_holder { 
    width:90%;
    clear: both;
	padding-left: 23px;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:90%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
    
}
#contact_form_holder textarea { 
    height:50px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:50px !important; /* the width of the submit button  */ 
    
    cursor:pointer;
 
	float: left;
  
	
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; color: #D8000C; font-size:12px;background-color: #FFBABA; width: 100%; float: left; margin-top: 10px;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }