body {
  background: #FFF;
  font-family: Arial, Sans-serif;
  margin-left: 60px;
  color: #333;
  font-size: 90%;
}

/* Layout */

#page {
  width: 900px;
  background: #FFF;
}

#footer,
#page-inner {
}

#footer {
  padding: 20px 20px; 
  text-align: right;
  border-top: 1px solid #ccc;
  margin-top: 40px;
}

h1.logo {
  margin: 20px 40px 60px 0px;
text-align: right;
}

body.home #content h1 {display: none;}

#content h1 {
  font-size: 200%;
  letter-spacing: 0.2em;
  margin: 10px 0 25px 0;
}

#primary-nav {
  margin: 30px 0 30px -17px;
}

#primary-nav li a {
  color: #333;
  text-decoration: none;
}

#sidebar-left {
  float: left;
  width: 270px;
  color: #333;
}

body.main-nav #content, 
body.sidebar-left #content {
  float: right;  
  width: 630px;
}

#sidebar-left ul {width: 80%}

#sidebar-left a {
  color: #333;
}

.sidebar-left #content {
  float: right;
  width: 660px;
}

body.works #sidebar-left {
  float: left;
  width: 140px;
}

body..works #content {
  float: right;
  width: 760px;
}

#work-area {
  width: 525px;
  float:right;
}

.detail h1 {
  font-size: 120%;
  margin-top: 20px;
  text-transform: uppercase;
  font-style: italic;
}

.price-buy-lower {
  text-align: right;
}

h2 {
  margin-top: 0;
  font-size: 120%;
}

p {
  line-height: 1.4em;
}

.work-details {
    font-size: 80%;
  margin: 20px 0;
}

span.work-detail-item.title {
  font-weight: bold;
  text-transform: uppercase;
}

span.work-detail-item {
}

.home-image-title {
  margin: 0  0 25px 0;
}

#header ul li {
  display: inline;
  padding: 10px 0 0 0;
  text-align: right;
}

.sidebar ul li {
  list-style: none;
}

#sidebar-left ul li.active > a {
  color: #fff;
  background: #ccc;
  font-weight: bold;
}

.sidebar ul li ul li {
  list-style: none;
  font-size: 85%;
}

#sidebar-left ul li a {
  text-decoration: none;
  margin-top: 10px;
  display: block;
}

#sidebar-left ul li a:hover {
  color: #f00;
}


.sidebar ul li ul li a {
  padding: 0 0 0 20px;
  margin-bottom: 7px;
  display: block;
  background: url("../images/arrow.png") no-repeat left 2px;
}

.sidebar ul li ul li ul li a {
  padding-left: 40px;
  display: block;
  background: url("../theme-images/black-square.gif") no-repeat 30px center;
}

#sidebar-left ul li ul li ul li ul li a {
  display:none;
}

#sidebar-left ul li ul li ul li ul li ul li a {
  display:none;
}


.home ul.workslist li, 
ul.workslist li {
  float: left;
  list-style: none;
  padding: 0 22px 15px 0;
  margin: 0;
}

ul.workslist li {
  height: 130px;
}

.home ul.workslist li {
  width: auto;
  height: auto;
}


.work-title-link {
  font-size: 80%;
  text-transform: lowercase;
}

/* Home specific */

img {border: 0}

img.left {
  float: left;
  margin: 0 20px 20px 0;
}

.clear {clear: both}

/* *
 * Html stlyes 
 * */

/* Lists */

ul {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* * * *
 * Links 
 * * * */

a {
  text-decoration: underline;
  color: #333;
}

#service-links {
  text-align: right;
}

li li a.current,
li.current a.current {
  font-weight: bold;
}


/* * * *
 * Menu links 
 * * * */

#primary-nav li {
  list-style: none;
}

#primary-nav a {
  display: block;
  float: left;
  margin-left: 65px;
}

.clear {clear: both;}

#primary-nav a.home {
  margin-left:0;
}

.content {
  padding-bottom: 40px;
}

p.introduction {
  font-style: italic;
  font-size: 105%;
  margin-bottom: 40px;
  width: 845px;
}

.prev span,
.next span {
  display: none;
}

#next-prev {padding-bottom: 20px}

a.prev,
a.next {
  display: block;
  width: 39px;
  height: 24px;
}

a.prev {
  background: url("../theme-images/prev.gif") no-repeat;
  float: left;
}

a.next {
  background: url("../theme-images/next.gif") no-repeat;
  float:right;
  padding-right: 20px;
}


#content ul li ul li {
  margin-left: 20px;
}