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; }

#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:0 auto; width: 100%; margin-top: -2px; }
ul#menu li { display:inline; line-height:100%; padding:0 3px; position:relative; z-index: 10001; font-family: Arial;}
ul#menu li a:link, ul#menu li a:visited { text-decoration:none; letter-spacing:3px; color:#fff; font-size:90%; background: #8E333E; padding: 3px 12px;-moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;z-index: 10001;}
ul#menu li a:hover {color: #fff; background: #999;z-index: 10001;}
/* Second tier */
ul#menu li ul { background-color:#8E333E; display:none; height:auto; left:0; margin:0; position:absolute; padding:3px 0 0 0; z-index:5000; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 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:75%; letter-spacing:4px; display: block; padding: 2px 0 2px 12px;-moz-border-radius:none; -webkit-border-radius:none; border-radius:none; }
ul#menu li ul li:hover a { color:#fff; height:100%;background-color: #999; }