/* base
----------------------------------------------- */

body {
margin: 0;
padding: 0;
font: 12px Trebuchet, sans-serif;
line-height: 16px;
color: #fff;
background: #252d55;
}

h1, h2, h3 {
margin: 15px 0 15px 0;
padding: 0;
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h2 {
font-size: 22px;
font-style: italic;
line-height: 28px;
}

/* links
----------------------------------------------- */

a:active, a:focus {outline: 0;}

a {
text-decoration: none;
border-bottom: 1px solid;
}

a img, img a {
border: none;
}

h1 a, h2 a, h3 a {
border: none;
}

#sidebar-left a, #sidebar-left a:visited {
font: 13px Trebuchet, sans-serif;
color: #fff;
border: none;
}

#sidebar-left a:hover, #sidebar-left a:active, #sidebar-left li a.active, .orange {
color: #ff5900;
}

#content a { color: #ff5900; border-bottom: none; }
#content a:hover { text-decoration: underline; }

/* layout
----------------------------------------------- */

#container {
background-color: #121b46;
margin: 0;
padding: 0;
width: 100%;
}

#wrap {
position: static;
width:900px;
}

#head {
height: 80px;
background-color: #cc3300;
}

#felt {
width: 181px;
height: 85px;
margin-top: 60px;
background: url(../images/css/feltblue.gif) no-repeat;
}

#felt-orange {
width: 200px;
height: 80px;
background: url(../images/css/feltorange.jpg) no-repeat 18px 28px;
}

#sidebar-left {
float: left;
width: 120px;
text-align: center;
padding-top: 50px;
background: url(../images/css/navicon.gif) no-repeat 34px 35px;
}

.nav-end {
width: 120px;
height: 51px;
background: url(../images/css/navicon.gif) no-repeat 34px 8px;
}

#sidebar-right {
float: left;
width: 300px;
padding-left: 30px;
}

.section_list {
margin: 35px 0 14px 0;
padding: 0;
list-style-type: none;
}

.section_list li {
margin: 15px 10px;
padding: 0;
}

#content {
float: left;
width: 730px;
margin: 0;
padding: 0;
}

#foot {
clear: both;
width: 100%;
height: 27px;
background: #252d55;
margin: 0; padding: 0;
}

.foot-wrap {
position: relative;
width: 850px;
font-size: 11px;
padding-top: 4px;
}

.foot-left {
position: absolute;
left: 120px;
width: 425px;
}

.foot-right {
position: absolute;
right: 0;
width: 425px;
text-align: right;
}


/* about
----------------------------------------------- */

#about-pics {
float: left;
width: 425px;
}

img.space {
padding: 8px 5px 0 0;
}

#about-text {
float: left;
width: 300px;
margin-top: -610px;
margin-left: 430px;
}

/* catalogue
----------------------------------------------- */

#cat-wrap {
width: 730px;
min-height: 720px;
background: #edece9 url(../images/css/rugs_head.gif) no-repeat;
}

.rssThumbs {
background: #fff;
float: left;
width: 345px;
height: 345px;
margin: 80px 0 0 20px;
padding: 4px;
border: 1px solid #8D9AC3;
}

.rssThumbFloat a img
{
background: #fff;
float: left;
width: 61px;
height: 61px;
margin: 0;
border: 4px solid #fff;
}

#cat-wrap .rssThumbs .rssThumbFloat a:hover img {border: 4px solid #121B46;}

.rssFull, #fullsize {
float: left;
width: 320px;
margin: -370px 0 0 395px;
}

#fullsize img {
border: 1px solid #8D9AC3;
}

#desc {
visibility: hidden;
}

#jpopcap {
width: 300px;
text-align: center;
color: #121B46;
font-weight: bold;
}

#cat-text {
position: absolute;
top: 520px;
width: 350px;
margin: 0 0 0 25px;
color: #121B46;
}

/* editorial
----------------------------------------------- */

#ed-text {
float: left;
width: 300px;
}

#ed-thumbs {
float: left;
width: 390px;
margin-left: 330px;
margin-top: -280px;
}

.thumbnails {
float: left;
width: 185px;
margin: 0;
padding-left: 10px
}

cite {
font-size: 11px;
font-style: normal;
color: #8D9AC3;
}

/* contact
----------------------------------------------- */

#contact-form, form .zemContactForm div {
float: left;
width: 390px;
margin: 0 0 20px 0; padding: 0;
}

fieldset {
border: none;
}

form label {
width: 4em;
float: left;
margin-right: 0.5em;
display: block
}

form input.zemText {
width: 285px;
/*margin-bottom: 50px;*/
}

.zemSubmit {
margin-left: 300px;
width: 50px;
color: #fff;
background: #ff5900;
border: 1px outset #ff5900;
cursor: pointer;
}

.zemError li { list-style-type: none; }

ul.zemError li, .zemThanks { color: #ff5900; }

#contact {
float: right;
width: 280px;
margin: 0 10px 0 0; padding: 0;
}
