body { text-align:center; background-color:#343F8E; }
#wrap { margin:0 auto; position:relative; width:840px; background-color:#FFFFFF; height:auto; background-image:url(images/bg8.jpg); background-repeat:no-repeat; z-index:1; }
#banner { margin:0 auto; }
#main { float:left; width:450px; font:14px/150% Georgia, "Times New Roman", Times, serif; color:#003; text-align:left; padding:30px 20px; }
#main a:link { color:#8e343f; }
#main li { padding:0 10px 10px; }
#right { margin-top:40px; float:right; width:310px; z-index:100; margin-right:10px; text-align:right; padding-top:15px; }
#right a:link { }
#right a:hover { background-color:#8E343F; }
.name { text-align:right; line-height:120%; text-decoration:none; letter-spacing:1px px; font-family:trebuchet; font-size:27px; font-weight:bold; color:#8E343F; padding-bottom:5px; }
.oiw { text-align:right; line-height:120%; letter-spacing:1px px; font-size:21px; color:#8E343F; font-weight:bold; padding-bottom:5px; }
.mail { text-align:right; line-height:120%; font-size:14px; color:#8E343F; font-weight:bold; }
.mail a:link { text-decoration:none; }
#photo { width:300px; height:600px; padding:10px; margin:10px; }
a:link { color:#500; }
a:visited { color:#500; }
a:hover { color:#ddd; }
h1 { font:bold small-caps 27px/150% Verdana, Arial, Helvetica, sans-serif; color:#171d41; }
h2 { font:bold small-caps 18px/150% Verdana, Arial, Helvetica, sans-serif; color:#171d41; }
.title { color:#630; font:12px/18px Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bold; }
#footer { margin-top:20px; border-top:solid 1px #682434; padding-top:10px; font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; clear:both; }
#footer a:link { color:#682434; text-decoration:none; }
#footer a:visited { color:#682434; text-decoration:none; }
#footer a:hover { color:#4d7230; text-decoration:underline; }
dl,dt,dd,ul,li { margin:0 4px 0 0; padding:0; list-style-type:none; }
#menu { position:absolute; 
/* Menu position that can be changed at will */
top:0; left:45px; z-index:100; width:750px; 
/* precision for Opera */
}
#menu dl { float:left; }
#menu dt { font-family:Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold; color:#FFF; text-decoration:none; font-size:10px; padding:3px 6px; text-align:center; width:115px; background-color:#8e343f; letter-spacing:2px; }
#menu dd { font-family:Verdana, Helvetica, Arial, Sans-Serif; text-transform:lowercase; color:#fff; text-decoration:none; font-size:11px; width:125px; text-align:center; }
#menu li { text-align:center; background:#fff; }
#menu li a { color:#fff; font-weight:bold; text-decoration:none; display:block; height:100%; background-color:#8e343f; padding:3px; border:1px solid #fff; }
#menu li a:hover,#menu li a:focus,#menu dt a:focus { background:#eee; color:#8e343f; }
#menu dt a { font-family:Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold; color:#fff; text-decoration:none; font-size:10px; padding:3px 6px; text-align:center; width:80px; background-color:#8e343f; }
#menu dt a:hover { color:#030; text-decoration:none; background:#eee; }
#main2 { float:left; width:490px; font:14px/150% Georgia, "Times New Roman", Times, serif; color:#003; text-align:left; padding:30px 20px; }
#main2 a:link { color:#8e343f; }
#main2 li { padding:0 10px 10px; }
#main3 { float:left; width:640px; font:14px/150% Georgia, "Times New Roman", Times, serif; color:#003; text-align:left; padding:30px 60px; }
#right2 { margin-top:40px; float:right; width:200px; z-index:100; margin-right:10px; text-align:right; padding-top:15px; }
.ship { padding:5px 20px; font-size:85%; background-color:#eee; margin:10px; }


ul#menu { text-align:center; text-transform:lowercase; float:left; margin:3px auto; width: 100%; }
ul#menu li { display:inline; line-height:100%; padding:0 3px; position:relative; z-index: 10001;}
ul#menu li a:link, ul#menu li a:visited { text-decoration:none; letter-spacing:3px; color:#fff; font-size:100%; background: #624B4A; padding: 3px 9px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;z-index: 10001;}
ul#menu li a:hover {color: #fff; background: #624A55;z-index: 10001;}
/* Second tier */
ul#menu li ul { background-color:#4A624B; display:none; height:auto; left:0; margin:0; position:absolute; padding:3px 0 0 0; z-index:5000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/
ul#menu li:hover ul { display:block; z-index:10000; }
ul#menu li ul li { margin:0; padding:0; text-align:left; width:100%; margin-top:3px; float:left; }
ul#menu li ul li a { font-size:70%; letter-spacing:4px; display: block; padding: 2px 0 2px 12px;-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
ul#menu li ul li:hover a { color:#fff; height:100%;background-color: #624A55; }