/* Junelle CSS */
html, body {margin:0; padding:0; text-align:center; font-size:100%} 
body {background:url(menu/curtain-background.jpg) white center repeat-y; font-family:Georgia, 'Times New Roman', Times, serif; color:#013192}
h1 {font-size:12px; color:#003399}
#pelmet {position:relative; width:100%; height:85px; z-index:1; background: url(menu/pelmet-edge.jpg) center top no-repeat}
#menu, .content, #smallprint, #ads {width:760px; margin-left:auto; margin-right:auto; position:relative; text-align:left;clear:both} 
.content {padding:5px; padding-bottom:0} /*padding bottom 0 to remove space in IE5 Mac*/ 
#menu img {width:1px; height:25px; border:0}
.clr {clear:both; height:40px}
.floatleft {float:left;line-height:20px}

#header {height:100px; width:100%; background:url(graphics/title-bg.jpg) #FFFEDE bottom no-repeat; text-align:center} 
#header h2 {background:url(graphics/junelle-interiors-small.gif) center center no-repeat; width:139px; height:95px; text-indent:-1500px; float:left;}
#header h1 {background:url(spacer.gif) center center no-repeat; width:480px; height:85px; text-indent:-1500px; float:left}
#about {float:left; width:259px; height:110px;margin-left:20px}
#logopic {position:absolute; width:240px; height:175px;	border-width:0;	left:125px; top:170px}
#logopic img {border:0; filter:blendTrans(duration=2)}

#jigsaw {float:left; width:240px}
#jigsaw a {border:2px dashed gray; background:white; color:gray; text-align:center;}
#jigsaw .h4 {display:block; font:100% 'Arial Narrow', 'Helvetica Narrow', Impact, sans-serif; font-weight:bold; margin:0; padding-top:10px}
#jigsaw .p {font:70% Arial, Helvetica, sans-serif}
#jigsaw a, #custom a {display:block; width:185px; height:auto; margin:15px 28px 0 28px; text-decoration:none}
/* #jigsaw a:hover {border:2px solid black; color:black} */
#custom {float:right; width:240px}
#custom div {margin:28px; border:2px solid #96A8E4; color:white; background-color:#3164C8; font-size:65%; line-height:130%; text-align:justify}
#custom a {border:2px dashed #96A8E4; color:#CCCCF3; font-size:65%; text-align:justify; background:#3164C8 url(graphics/10-day-curtains-bg.jpg)  left bottom no-repeat}
#custom a:hover {border:2px solid black; color:white}
#custom .h4 {text-align:center; line-height:130%; font-size:160%; letter-spacing:0.1em; display:block; font-style:italic; margin-top:15px; color:white}
#jigsaw .p, #custom .p {line-height:180%; display:block; margin:20px}
#jigsaw .p {margin:10px}
#custom .p2 {display:block; text-align:right; margin:-20px 20px 10px 0}
#qc, #qb, #qs, #qj {width:162px; margin-left:17px; float:left}
#qc a, #qb a, #qs a, #qj a {display:block; width:162px; height:50px; background:url(graphics/index_titles.gif) 0px 0px no-repeat; text-indent:-1500px; text-decoration:none; font-size:9px}
#qb a {background-position:0px -50px}
#qs a {background-position:0px -100px}
#qj a {background-position:0px -150px}
#qc a:hover, #qb a:hover, #qs a:hover, #qj a:hover {filter:Alpha(Opacity=70)}
#news {background:#CCCCF3 url(graphics/news-bg.gif) left top repeat-y; padding:15px 0px}

#news h3 {display:block; width:120px; height:90px; background:url(graphics/news.gif) center center no-repeat; text-indent:-1500px; font-size:12px; text-decoration:none}

#newsbody {width:185px; margin:-110px 0 20px 135px; font-family:'Courier New', Courier, mono; color:#013192; font-size:90%; line-height:normal; padding-bottom:3px;}
#newsbody strong {font-size:120%}
#newsbody a {text-decoration:none; border-bottom:1px dashed white}
#newsbody a:link {color:#013192}
#newsbody a:visited {border-bottom:1px dashed #3164C8; color:#3164C8}
#newsbody a:hover {color:black; border-bottom:1px solid black}
#newsbody a:active {border-bottom:1px solid white}

.jbody {font-size:82%; line-height:180%}
.fixedleft, .fixedright {font-size:82%; line-height:180%; width:340px}
.fixedleft {float:left; margin-left:10px}
.fixedright {float:right; margin-right:10px}
.portraitleft {float:left; width:276px; margin-left:30px}
.portraitright {float:right; width:276px; margin-right:30px}
.portraitleftex {float:left; width:276px}
.portraitrightex {float:right; width:276px; margin-top:100px}
.portrait {width:270px;margin-left:247px}
.photoborder, .portraitleft img, .portraitright img, .portraitleftex img, .portraitrightex img, .landscapeleft img, .landscapeleftex img, .landscaperight img, .landscape img, portrait img, .triple img {border:3px #3164C8 ridge; background-color:#CCCCF3}
.center {text-align:center; margin-left:auto; margin-right:auto; clear:both}
.landscapeleft, .poleleft {float:left; width:370px; margin-left:-2px}
.landscaperight, .poleright {float:right; width:370px; margin-right:-2px}
.landscape {width:370px;margin-left:187px}
.landscapeleftex {float:left; width:370px; margin-left:40px}
.circlel, .circleleft {float:left; width:190px; height:176px; margin-top:30px}
.circler {float:right; width:190px; height:176px; margin-top:70px}
.circleleft {margin-left:70px; margin-top:50px}
.circleright {float:left; margin-left:0; margin-top:50px}
.spacer {width:100px; height:50px}

.triple {float:left; width:250px; margin:1px}
.triple {width:245px; voice-family: "\"}\""; voice-family:inherit; width:250px}
html>body .triple {width:245px}
.triple img {width:240px; height:200px}

.fixedleft ul, .fixedright ul {list-style-type:none}
.fixedleft li img, .fixedright li img {border-width:0; margin:10px 10px 10px 0; vertical-align:middle; width:100px; height:60px; filter:Alpha(Opacity=70)}
.fixedleft li a, .fixedright li a {text-decoration:none; font-size:120%}
.fixedleft li a:hover, .fixedright li a:hover {text-decoration:underline; font-size:120%}
.fixedleft li a:hover img, .fixedright li a:hover img {filter:Alpha(Opacity=100)}

.landscapeleft img, landscaperight img, .landscape img {width:370px; height:270px}
.portraitleft img, portraitright img {width:270px; height:370px}

.caption, #contact p, #copyright p {font:65% Tahoma, Helvetica, Arial, sans-serif; letter-spacing:0.06em; color:black; text-align:center; margin-top:0}
.subheading {font-size:60%; font-weight:normal}
.stronger {font-size:130%; font-weight:bold; letter-spacing:0.15em}
a:link {color:#3164C8}
a:visited {color:#96A8E4}
a:hover {color:black}
a:active {background-color:white}

#nav {width:300px; height:110px; background:url(graphics/nav-arrows.gif) no-repeat; margin:auto; padding:0; position:relative; text-align:center; z-index:30; padding-bottom: 0px}
#nav span {top:75px; position:relative; display:block}
#nav li {margin:0; padding:0; list-style:none; position:absolute; top:0; font:65% Tahoma, Helvetica, Arial, sans-serif; letter-spacing:0.06em; color:#3164C8;text-align:center}
#nav li, #nav a {height:110px; display:block; text-decoration:none}
#navbck {left:0; width:100px;}
#navtop {left:100px; width:100px;}
#navfwd {left:200px; width:100px;}
#navbck a:hover, #navtop a:hover, #navfwd a:hover {color:#013192; font-size:110%}
#navbck a:hover {background:transparent url(graphics/nav-arrows.gif) 0 -130px no-repeat;}
#navtop a:hover {background:transparent url(graphics/nav-arrows.gif) -100px -130px no-repeat}
#navfwd a:hover {background:transparent url(graphics/nav-arrows.gif) -200px -130px no-repeat}

#footer {width:100%; background:url(menu/footer-edge.gif) center repeat-y; text-align:center} 
#footertop {width:100%; background:url(menu/footer-top.gif) center top no-repeat} 
#smallprint {height:160px}
#smallprint h4 {font-size:80%; line-height:200%}
#smallprint h3 {background:url(graphics/slogan.gif) right top no-repeat; width:350px; height:100px; text-indent:-2000px; position:absolute; top:-40px; right:10px}
#contact {width:350px; left:0px; position:absolute; text-align:center; top: 0px; margin-top: 30px; height: 110px}
#contact p, #copyright p, #creditcards p {color:#E5E5F5}
#contact a {color:#013192; text-decoration:none}
#contact a:hover {color:white}
#contact h4 {font-weight:normal}
#copyright a {color:#E5E5F5; text-decoration:none; font-weight:bold}
#copyright a:hover {color:white; text-decoration:underline}
#copyright {position:absolute; width:760px; top:150px; z-index:25}
#creditcards {position:absolute; width:350px; right:10px; z-index:25; top: 85px; height: 40px}
#ads {height:75px}
#amazon, #easyspace {width:200px; height:40px; margin:10px; top:18px}
#amazon {position:absolute; left:25px}
#easyspace {position:absolute; right:25px; text-align:right}

div.hr {height:30px; background:url(graphics/rule.gif) center no-repeat;margin-left:auto; margin-right:auto; text-align:center;clear:both}
div.divider {position:relative; width:750px; height:140px; background:url(graphics/t_divider.gif) center no-repeat; margin-left:auto; margin-right:auto; text-align:center}
div.hr hr, div.divider hr {display:none}

#aboutjunelle p {font-size:82%; line-height:29px}
#aboutjunelle {position:relative;width:760px;height:600px; text-align:center}
div.sr {float:right; clear:right; margin-left:7px}
div.sl {float:left; clear:left; margin-right:7px}
#junelletitle h1 {background:url(graphics/t_about-junelle-interiors.gif) center center no-repeat; position:absolute; top:0; left:30px; width:260px; height:110px; text-indent:-1500px}
#showroom1 {position:absolute; width:426px;height:291px;right:10px;top:0px}
#showroom2 {position:absolute; width:214px;height:160px;right:157px;top:194px}
#showroom3 {position:absolute; width:257px;height:193px;left:20px;top:391px}
#showroom4 {position:absolute; width:248px;height:183px;left:193px;top:453px}
#contactus, #findus, #opening, #fabric, #fabricsuppliers, #books {position:relative; height:auto; min-height:200px; text-align:center; clear:both}
#contactus h2, #findus h2, #opening h2, #fabric h2, #books h2 {background-position:center top; background-repeat:no-repeat; width:340px; height:85px; z-index:5; text-indent:-2000px}
#contactus h2 {background-image:url(graphics/t_contact-us.gif)}
#findus h2 {background-image:url(graphics/t_how-to-find-us.gif)}
#opening h2 {background-image:url(graphics/t_opening-times.gif)}
#fabric h2 {background-image:url(graphics/t_fabric-suppliers.gif)}
#books h2 {background-image:url(graphics/t_soft-furnishing-books.gif); width:750px}
#fabricsuppliers {height:600px}
#fabricsuppliers img {position:absolute; border:0}
#fabricsuppliers a:hover img {filter:Alpha(Opacity=50); opacity:0.5}
#findus a img {border:3px solid #fffede}
#findus a:hover img {border-color:#3164C8}
#findus a:hover {background-color:#fffede}
#contactus .fixedright {padding-top:10px}
#opening .fixedright {padding-top:30px}
#fabric .fixedright {padding-top:48px}
#findus .fixedright {padding-top:42px}