/* alvinlustig.com CSS Document */

body {
margin: 20px 5px 5px 5px;
padding: 0;
text-align: center;
background: #441100 url(../images/bg.gif) repeat top left;
}
#container {
margin: 0px auto;
padding: 0;
width: 780px;
text-align: left;
vertical-align: middle;
}
.nob {
border: none
}
h1 {
margin: 0 0 0px 0;
padding: 0 0 5px 0;
font: normal 160% Verdana, Arial, sans-serif; 
color: #333;
line-height: 34px; 
}
h2 {
margin: 0 0 0px 0;
padding: 0px 0 0 0;
font: bold 70% Verdana, Arial, sans-serif;
line-height: 18px;
/*color: #885555; */
color: #222;
}
h3 {
margin: 0 0 0 0;
padding: 5px 0 0 0;
font: italic 70% Verdana, Arial, sans-serif; 
line-height: 16px;
color: #333; 
}
p {
margin: 0;
padding: 15px 0 0 0px;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 20px;
color: #333; 
}
.nopad2 {
margin: 0;
padding: 15px 0 0 0px;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 20px;
color: #333; 
}
.nopad {
margin: 0;
padding: 0 0 0 0px;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 18px;
color: #333; 
}
a {
color: #990000;
text-decoration: underline;
}
a:hover {
color: #ff0000;
}
/* -------------------------------------------------------------------------------------------------------------------- HEADER--------------- */
#header {
width: 780px;
height: 50px;
margin: 15px 0 10px 0;
padding: 0 0 0 0;
}
#skipnav {
position: absolute; 
left: -1000px;
width: 990px; 
font-size: 1px;
}
#logo a {
margin: 0 0 0 25px;
padding: 0 0 0 0;
width: 105px;
height: 50px;
display: block;
background: transparent url(../images/logo_lustig.gif) 0 0 no-repeat;
text-decoration: none;
}
#logo a:hover {background-position: 0 -50px; background-color: transparent; text-decoration: none; height: 50px;}
#logo h1 {
display: none;
}
#logo span {visibility: hidden;}
#subnav {
height: 12px;
padding: 0;
margin: -20px 0 0 200px;
width: 580px;
position: relative;
list-style: none;
display: inline;
overflow: hidden;
float: left;
}
#subnav li {
margin: 0; 
padding: 0 0px 0 0;
list-style-type: none;
display: inline;
}
#subnav a {
float: left;
padding: 12px 0px 0 0;
margin: 0 30px 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:12px; /* for IE5/Win */
}
/*#link1 span, #link2 span, #link3 span, #link4 span {visibility: hidden;}
#link1 {width: 97px;}
#link2 {width: 109px;}
#link3 {width: 127px;}
#link4 {width: 109px;}*/
#link1 a {width: 97px; background: transparent url(../images/nav_aa.gif) no-repeat top left; text-decoration: none;}
#link2 a {width: 109px; background: transparent url(../images/nav_bp.gif) no-repeat top left; text-decoration: none;}
#link3 a {width: 127px; background: transparent url(../images/nav_ai.gif) no-repeat top left;text-decoration: none;}
#link4 a {width: 109px; background: transparent url(../images/nav_ip.gif) no-repeat top left; text-decoration: none;}
#subnav a:hover {background-position: 0 -12px; text-decoration: none; height: 12px;}
/* -------------------------------------------------------------------------------------------------------------------- SECTION COLORS --------------- */
body#aa a#aanav {background-position: 0 -12px; text-decoration: none;}
body#bp a#bpnav {background-position: 0 -12px; text-decoration: none;}
body#ai a#ainav {background-position: 0 -12px; text-decoration: none;}
body#ip a#ipnav {background-position: 0 -12px; text-decoration: none;}
/* -------------------------------------------------------------------------------------------------------------------- PHOTOS--------------- */
#photos {
margin: 0px 0 0 0;
padding: 0;
}
.ph {
float: left;
padding: 0;
margin: 0 0 0 0;
border: none;
}
.ph2 {
padding: 0;
margin: 0 0 10px 0;
width: 780px;
height: 30px;
}
/* -------------------------------------------------------------------------------------------------------------------- HOME--------------- */
.top {
border-top: 5px solid #bb2244;
margin: 0 0 0px 0;
padding: 0;
height: 370px;
}
.bottom {
background: #fff;
margin: 15px 0 20px 0;
padding: 0;
border-top: 5px solid #bb2244;
height: 140px;
}
a.box1 {
display: block;
width: 164px;
float: left;
margin: 0 0 0 0;
padding: 0px 15px 0px 15px;
border-right: 1px solid #ccc;
background: transparent url(../images/box1.jpg) repeat top left;
text-align: left;
clear: none;
text-decoration: none;
height: 140px;
}
a.box1:hover {
background: transparent url(../images/box1h.jpg) repeat top left;
border-right: 1px solid #cc2244;
}
a.box2 {
display: block;
width: 164px;
float: left;
margin: 0 0 0 0;
padding: 0px 15px 0px 15px;
border-right: 1px solid #ccc;
background: transparent url(../images/box2.jpg) repeat top left;
text-align: left;
clear: none;
text-decoration: none;
height: 140px;
}
a.box2:hover {
background: transparent url(../images/box2h.jpg) repeat top left;
border-right: 1px solid #cc2244;
}
a.box3 {
display: block;
width: 164px;
float: left;
margin: 0 0 0 0;
padding: 0px 15px 0px 15px;
border-right: 1px solid #ccc;
background: transparent url(../images/box3.jpg) repeat top left;
text-align: left;
clear: none;
text-decoration: none;
height: 140px;
}
a.box3:hover {
background: transparent url(../images/box3h.jpg) repeat top left;
border-right: 1px solid #cc2244;
}
a.box4 {
display: block;
width: 164px;
float: left;
margin: 0 0 0 0;
padding: 0px 15px 0px 15px;
border-right: 1px solid #ccc;
background: transparent url(../images/box4.jpg) repeat top left;
text-align: left;
clear: none;
text-decoration: none;
height: 140px;
}
a.box4:hover {
background: transparent url(../images/box4h.jpg) repeat top left;
border-right: 1px solid #cc2244;
}
span.hlink {
font: normal 70% Verdana, Arial, sans-serif;
line-height: 15px;
/*color: #fff;
background: #cc2244;*/
text-decoration: none;
}
a.box1:hover span.hlink, a.box2:hover span.hlink, a.box3:hover span.hlink, a.box4:hover span.hlink {
color: #fff;
/*color: #000;
background: #fff;
text-decoration: none;*/
}
/*p.maintxt {
font: bold 85% Verdana, Arial, sans-serif;
line-height: 18px;
padding: 0;
margin: 0;
color: #666;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
}*/
a.box1:hover p.maintxt, a.box2:hover p.maintxt, a.box3:hover p.maintxt, a.box4:hover p.maintxt {
color: #fff;
text-decoration: none;
}
p.subtxt {
font: normal 70% Verdana, Arial, sans-serif;
line-height: 15px;
color: #666;
text-decoration: none;
margin: 45px 0 10px 0;
padding: 0;
}
a.box1:hover p.subtxt, a.box2:hover p.subtxt, a.box3:hover p.subtxt, a.box4:hover p.subtxt {
color: #fff;
text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------------------- CONTENT --------------- */
#content {
width: 545px;
float: right;
position: relative;
margin: 0 0 15px 0;
padding: 35px 37px 15px 50px;
/*clear: both;*/
background-color: #fff;
border-top: 5px #bb2244 solid;
min-height: 530px;
}
.article {
width: 540px;
margin: 0;
padding: 0;
}
blockquote.pullquote {
float: left;
width: 460px;
margin: 15px 10px 10px 15px;
padding: 0 15px 0 15px;
border-left: 2px #ccc solid;
clear: both;
font: bold 100% Verdana, Arial, sans-serif;
line-height: 24px;
color: #999;
}
.gallery {
margin: 10px 0 0px 0;
padding: 0;
height: 200px;
}
.galleryimg {
float: left;
margin: 0 5px 0px 5px;
padding: 0 0 0 0;
clear: none;
}
.articleimgbox2 {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 30px 0 10px 0;
padding: 15px 0;
height: 230px;
}
.articleimgbox {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 30px 0 10px 0;
padding: 15px 0;
height: 200px;
}
.articleimg {
float: left;
margin: 0 13px 0px 0;
padding: 0 0 0 0;
clear: none;
font: normal 60% Arial, sans-serif;
color: #666;
width: 120px;
line-height: 12px;
background: #fff;
}
.articleimglast {
float: left;
margin: 0 0px 0 0;
padding: 0;
clear: none;
font: normal 60% Arial, sans-serif;
color: #666;
width: 120px;
line-height: 12px;
background: #fff;
}
.articleimg2 {
float: left;
margin: 0 15px 0px 0;
padding: 0 0 0 0;
clear: none;
font: normal 60% Arial, sans-serif;
color: #666;
width: 170px;
line-height: 12px;
background: #fff;
}
.articleimglast2 {
float: left;
margin: 0 0px 0 0;
padding: 0;
clear: none;
font: normal 60% Arial, sans-serif;
color: #666;
width: 170px;
line-height: 12px;
background: #fff;
}
.botlink {
background: #fff;
padding: 10px 0 10px 0;
margin: 25px 0 20px 0;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 16px;
border-bottom: 1px solid #ccc;
height: 100px;
}
.botlinkh {
font: bold 105% Verdana, Arial, sans-serif; 
margin: 0 0 10px 0;
padding: 5px 0 5px 5px;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
background: #eee;
}
.botlink ul {
margin: 0px 0 0 0;
padding: 0 0 0 20px;
list-style-type: none;
list-style-image: url(../images/arrow.gif);
list-style-position: outside;
float: left;
width: 160px;
}
.botlink li {
margin: 0px 0 0 0;
padding: 2px 0 2px 0;
}
.backtotop {
float: right;
text-align: right;
margin: 10px 0 20px 0;
padding: 0;
}
.backtogal {
float: left;
text-align: left;
margin: 10px 0 20px 5px;
padding: 0;
}
#posters {
width: 693px;
margin: 0 0 15px 0;
padding: 45px 37px 100px 50px;
/*clear: both;*/
background-color: #fff;
border-top: 5px #bb2244 solid;
float: right;
position: relative;
}
.postersgrid {
width: 300px;
float: left;
margin: 50px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}
.postersgrid2 {
width: 300px;
float: left;
margin: 50px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}
.postertitle {
font: bold 120% Arial, sans-serif; 
margin: 10px 0 0 0;
padding: 0;
line-height: 20px;
}
.posterdesc {
font: normal 120% Arial, sans-serif; 
margin: 2px 20px 0 0;
padding: 0;
line-height: 16px;
}
.posterdesc2 {
font: normal 70% Verdana, Arial, sans-serif; 
margin: 14px 20px 0 0;
padding: 0;
line-height: 16px;
}
.posterprice {
font: bold 70% Verdana, Arial, sans-serif; 
margin: 7px 0 0 0;
padding: 0;
line-height: 16px;
}
.btn {
margin: 8px 0px 0 0;
padding: 0 0 3px 0;
}
#wrap {
margin: 0;
padding: 0;
width: 693px;
background-color: #fff;
}
.paypal {
margin: 0;
padding: 0;
}
.clearboth { clear: both; }
.season a {
display: block;
width: 275px;
padding: 0;
text-decoration: none;
height: 336px;
margin: 0;
background: transparent url(../images/seasoninhell2.jpg) 0 0 no-repeat;
border: none;
}
.season a:hover, .three a:hover, .amerika a:hover, .gatsby a:hover {background-position: -275px 0; text-decoration: none;}
.season span, .three span, .amerika span, .gatsby span {
display: none;
}
.three a {
display: block;
width: 275px;
padding: 0;
text-decoration: none;
height: 336px;
margin: 0;
background: transparent url(../images/threelives2.jpg) 0 0 no-repeat;
border: none;
}
.amerika a {
display: block;
width: 275px;
padding: 0;
text-decoration: none;
height: 336px;
margin: 0;
background: transparent url(../images/amerika2.jpg) 0 0 no-repeat;
border: none;
}
.gatsby a {
display: block;
width: 275px;
padding: 0;
text-decoration: none;
height: 336px;
margin: 0;
background: transparent url(../images/greatgatsby2.jpg) 0 0 no-repeat;
border: none;
}
.subtitle {
margin: 0;
padding: 30px 0 0 0px;
font-weight: bold;
}
.first {
margin: 0;
padding: 10px 0 0 0px;
}
/* -------------------------------------------------------------------------------------------------------------------- LEFT COLOUMN---------------*/
#leftcol {
float: left;
/*position: relative;*/
padding: 30px 0 20px 13px;
margin: 0 0 0 0;
background: #fff8f8;
width: 135px;
/*width: 124px;*/
height: 430px;
border-top: 5px #bb2244 solid;
}
#lnavcontainer { 
width: 109px;
}
#lnavcontainer ul {
margin: 0px 0 0px 0;
padding: 0;
list-style-type: none;
font: normal 70% Arial, Verdana, sans-serif; 
line-height: 13px;
color: #fff;
text-align: right;
}
#lnavcontainer a {
display: block;
width: 119px;
/*width: 108px;*/
text-decoration: none;
padding: 8px 0 6px 3px;
border-bottom: 1px #ccc solid;
color: #555;
}
#lnavcontainer a:hover {
text-decoration: none;
color: #bb2244;
}
#lnavcontainer a.current {
color: #bb2244;
font-weight: bold;
}
#leftquote {
float: left;
width: 123px;
padding: 20px 15px 15px 10px;
margin: 0 0 0 0;
color: #ccc;
font: normal 115% times, Verdana, sans-serif; 
line-height: 18px;
}
.quote {
font: bold 70% Arial, Verdana, sans-serif; 
line-height: 18px;
color: #eee;
padding: 0;
margin: 0;
}
.author {
font: bold italic 70% Arial, Verdana, sans-serif; 
padding: 15px 0 0 0;
}
/* -------------------------------------------------------------------------------------------------------------------- H1 H2 ---------------*/
#aih1 {background: url(../images/aih1.gif) top left no-repeat;}
#aah1 {background: url(../images/aah1.gif) top left no-repeat;}
#aa1h1 {background: url(../images/aa1h1.gif) top left no-repeat;}
#aa2h1 {background: url(../images/aa2h1.gif) top left no-repeat;}
#aa3h1 {background: url(../images/aa3h1.gif) top left no-repeat;}
#aa4h1 {background: url(../images/aa4h1.gif) top left no-repeat;}
#bph1 {background: url(../images/bph1.gif) top left no-repeat;}
#bph1b {background: url(../images/bph1b.gif) top left no-repeat;}
#bph1b2 {background: url(../images/bph1b2.gif) top left no-repeat;}
#iph1 {background: url(../images/iph1.gif) top left no-repeat;}
#abouth1 {background: url(../images/abouth1.gif) top left no-repeat;}
#newsletterh1 {background: url(../images/newsletterh1.gif) top left no-repeat;}
#ackh1 {background: url(../images/ackh1.gif) top left no-repeat;}
#contacth1 {background: url(../images/contacth1.gif) top left no-repeat;}
#termsh1 {background: url(../images/termsh1.gif) top left no-repeat;}
#sitemaph1 {background: url(../images/sitemaph1.gif) top left no-repeat;}
#postersh1 {background: url(../images/prints.gif) top left no-repeat;}
#posters2h1 {background: url(../images/prints2.gif) top left no-repeat;}
#aih1 span, #aah1 span, #bph1 span, #bph1b span, #iph1 span, #aa1h1 span, #aa2h1 span, #aa3h1 span, #aa4h1 span, #abouth1 span, #newsletterh1 span, #ackh1 span, #contacth1 span, #termsh1 span, #sitemaph1 span, #postersh1 span, #posters2h1 span, #bph1b2 span {visibility: hidden;}
/* -------------------------------------------------------------------------------------------------------------------- FOOTER---------------*/
#footer {
font: normal 65% Verdana, Arial, sans-serif; 
color: #ddd;
float: right;
margin: 0;
padding: 0;
width: 630px;

}
#footer ul {
text-align: left;
margin: 0px 0 10px 0;
background: #661100;
list-style-type: none; 
padding: 5px 0 5px 10px;
}
#footer li {
display: inline;
padding: 0px 2px 2px 2px;
margin: 0 5px 0 6px;
}
#footer a {
text-decoration: none; 
color: #ddd;
}
#footer a:hover {
text-decoration: underline;
color: #ddd;
}
#footer a.current {
font-weight: bold; 
color: white;
}
.copyright {
font: normal 95% Verdana, Arial, sans-serif; 
color: #ccc;
margin: 0px 0 0 168px;
padding: 0 0 20px 0;
}
.copyright2 {
display: none;
}

/* -------------------------------------------------------------------------------------------------------------------- FORM---------------*/
div.formlayout {
width: 500px;
padding: 0px;
margin: 0px auto;
}
div.row {
clear: both;
padding: 0px;
font: bold 70% Verdana, Arial, sans-serif; 
line-height: 15px;
color: #333; 
}
label {
float: left;
width: 170px;
text-align: right;
margin: 0;
padding: 2px 5px 0 0;
}
div.row span.forml {
float: left;
width: 170px;
text-align: right;
margin: 0;
padding: 2px 5px 0 0;
}
div.row span.formr {
float: right;
width: 320px;
text-align: left;
font: normal 100% Verdana, Arial, sans-serif; 
line-height: 15px;
color: #333; 
margin: 0;
padding: 0 0 20px 5px;
} 
input, textarea {
font: normal 100% Verdana, Arial, sans-serif; 
color: #333; 
vertical-align: middle;
}
select {
font: normal 100% Verdana, Arial, sans-serif; 
color: #333; 
margin-top: 3px;
}
/* -------------------------------------------------------------------------------------------------------------------- SITEMAP---------------*/
.main {
font: bold 70% Verdana, Arial, sans-serif; 
text-transform: uppercase;
line-height: 17px;
}
.sublist {
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 16px;
margin: 20px 0 0 0;
padding: 0 0 20px 20px;
list-style-image: url(../images/arrow.gif);
list-style-position: outside;
}
.sublist li {
padding: 0px 0 3px 0;
margin: 0;
}
.col {
float: left;
width: 250px;
margin: 0px 0 0px 0;
padding: 0px 0 50px 0;
}
.btnsold {
padding: 10px 0 0 0;
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
.error {
font-weight: bold;
color: #cc0000;
background: #ffff99;
margin: 0;
padding: 0;
}