body { background-color: #FFFFFF; margin: 0; padding-top:10px; text-align: center; font: 13px Verdana, Arial, Helvetica, sans-serif; }
h1{ font-family: Georgia, serif; font-size: 1.3em; line-height: 1.2; margin: 0px; padding-top: 0.3em; padding-left: 1em; 	padding-bottom: 0.1em; color: #000000; }
h2{ font-family: Georgia, serif; font-size: 1.1em; line-height: 1.2; margin: 0px; padding-top: 0.2em; padding-left: 1em; 	padding-bottom: 0.2em; color: #333333; }	
p { line-height: 1.4;	}
#container { background-color: #FFFFFF; text-align: left; width: 770px; margin: 0 auto; }
#top { background-color: #4D4F51; width: 770px; height: 65px; background-image:url(../images/layout/top.gif); background-repeat: no-repeat; float:left; clear:both; color: #999999; font-size: 11px; position: relative; }
#top span { position: absolute; height: 16px; width: 328px; top: 47px; right: 431px;}
#head { background-color: #000000; width: 770px; height: 278px; position:relative; float:left; clear:both; margin:0px; padding:0px; }
#logo { position:absolute; height: 247px; width: 200px; margin:0px; left: 0px; top: 0px; }
#top_menu { background-color: #000000; position:absolute; height: 30px; width: 570px; margin:0px; left: 200px; top: 0px; text-align: right; }
#top_menu a:link, #top_menu a:visited { font-size: 0.9em; color: #FFFFFF; text-decoration: none; display: block; float: right; height: 30px; margin-right: 20px; padding-top:7px; padding-right: 0.5em; padding-left: 0.5em; font-weight: bold; }
#top_menu a:hover { background-color: #666666; text-decoration:underline; }
#banner { position:absolute; height: 217px; width: 570px; margin:0px; left: 200px; top: 30px;	}
#bar { position:absolute; height: 26px; width: 770px; margin:0px; left: 0px; top: 247px; background-image: url(../images/layout/bar.gif); background-repeat: repeat-x;
	padding-top: 5px; }
#bar a:link, #bar a:visited { font-size: 0.8em; color: #FFFFFF; text-decoration: none; display: block; float: right; margin-right: 20px; font-weight: bold; padding-top:2px; padding-bottom: 2px;	padding-right: 0.5em; padding-left: 0.5em; }
#bar a:hover { background-color: #999999; color: #000000; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; }
#main { background-color: #FFFFFF; width: 770px; margin:0px; padding:0px;	float:left; clear:both; background-image: url(../images/layout/bck.gif); background-repeat: repeat-x; }

#nav { width: 200px; background-color: transparent; float: left; padding-top: 40px; }
#nav a:link, #nav a:visited { font-size: 1em; color: #000000; text-decoration: none; width: 186px; text-indent: 15px; display: block; padding-top:7px; padding-bottom:7px; font-weight: bold; border: 1px solid #CCCCCC; margin-bottom: 4px; }
#nav a:hover { color: #CC0000; text-decoration: underline; background-color: #E9E9E9; }
.accesskey { text-decoration: underline; }
#nav p { font-size: 1em; color: #000000; text-decoration: none; width: 172px; text-indent: 14px; display: block; padding-top:7px; padding-bottom:7px; padding-left:7px; padding-right:7px; font-weight: lighter ; border: 1px solid #CCCCCC; margin-bottom: 4px; }
#nav h2 { font-family: Georgia, serif; font-size: 1.1em; line-height: 1.2; color: #333333; text-decoration: none; width: 172px; text-indent: 7px; display: block; padding-top:7px; padding-bottom:7px; padding-left:7px; padding-right:7px; font-weight: bold ; border: 1px solid #CCCCCC; margin-bottom: 4px; }

#books { margin-top: 50px; }
#content { width: 570px; position:relative; float:left; margin: 0px; padding: 0px; }
#content a:link, #content a:visited { color: #990000; text-decoration: none; padding-right: 0.2em; padding-left: 0.2em; font-weight: bold; }
#content a:hover{ background-color: #999999; color: #FFFFFF; }
#inside_content { width: 570px; position:relative; float:left; margin: 0px; padding: 0px; background-image: url(../images/layout/vbck.gif); background-repeat: repeat-y;}
#samples{ width:222px; float:left; }
#samples .thumb { position:relative; }
#samples .visit { position: absolute; top: 145px; left: 126px; width: 70px; height: 14px; color: #FFFFFF; text-decoration: none; padding: 6px; font-size: 12px; }
#samples .visit:hover { color: #000000; }
#description { width: 340px; float:left;}
#media { height: 161px; width: 214px; float:left; margin: 0px; padding: 0px; }
#title { height: 100px; width: 356px; float:left; margin: 0px; padding-top: 61px; clear:right; }
.subtitle { background-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#projects { margin-bottom:40px; }
#footer { background-color: #666666; background-image: url(../images/layout/footer.gif); background-repeat: no-repeat; clear: both; height: 48px; width: 770px;	 }
#footer p { width: 570px; padding-top:10px; margin-left: 200px; font-size: 0.7em; color: #FFFFFF; display: block; }
#adds { height: 200px; width: 740px; padding-top: 10px; margin-top: 0px; margin-right: auto; margin-left: auto; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }
#container #footer a.xemionlink { color:#666666; }
#container #footer a.xemionlink:hover { color:#999999; }

/*form */
form { padding-bottom: 20px; }
fieldset { padding: 1em; }
legend { padding-right: 0.7em; padding-left: 0.7em; font-size: 11px; font-weight: bold; color: #660000; }
textarea { border: #cccccc 1px solid; padding: 2px; margin-top: 3px; margin-bottom: 5px; display: block; float: left; width: 250px; background-color: #f6f0ec; color: #666666; }
.input { border-right: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; DISPLAY: inline; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 3px 0px 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 250px; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f0ec; font: 13px/14px Verdana, Arial, Helvetica, sans-serif; }
label { CLEAR: left; DISPLAY: block; FLOAT: left; WIDTH: 150px; TEXT-ALIGN: right; }
label span { PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 1px solid; LINE-HEIGHT: 25px; BORDER-BOTTOM: #ffffff 1px solid;}
#submitBtn { CLEAR: left; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 150px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 65px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #f6f0ec;}
#resetBtn { CLEAR: right; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 8px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 65px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 22px; BACKGROUND-COLOR: #f6f0ec;}