/* //////////////////// */
/* MC2 STYLESHEET: MAIN */
/* 05.06.14             */
/* //////////////////// */

/* MISCELLANEOUS PROPERTIES */

html, body, div, table, caption, thead, tfoot, tbody, tr, td, p, h1, h2, h3, h4, h5, h6, span, img, a {
  width: auto;
  height: auto;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: top left;
  background-attachment: scroll;
  border: 0;
  text-align: left;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: normal;
  line-height: 10pt;
}

/* HTML PROPERTIES */



/* BODY PROPERTIES */

body {
  padding: 0;
  margin: 0 auto;
  background-color: white;
  text-align: center;
}

/* DIV PROPERTIES */



/* TABLE PROPERTIES */

table {
  text-align: center;
}

/* TABLE ROW PROPERTIES */

tr {

}

/* TABLE DATA PROPERTIES */

td {
  background-color: transparent;
}

#nav_buttons td {
  width: 34px;
  height: 36px;
}

/* PARAGRAPH PROPERTIES */

p {
  padding: 10px 0 0 0;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: normal;
  line-height: 10pt;
}

#samples p {
  width: 240px;
  padding: 25px 0 0 12px;
}

/* HEADING PROPERTIES */

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-weight: bold;
}

/* SPAN PROPERTIES */

span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: normal;
  line-height: 10pt;
}

/* IMAGE PROPERTIES */

.td-content#nav img {
  vertical-align: middle;
}

a img {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

a:active img {
  background-color: transparent;
}

/* ANCHOR PROPERTIES */

a {
  color: #333;
  font-weight: normal;
  text-decoration: none;
}

.span-contact a {
  color: #333;
}

a.sample {
  text-align: center;
  display: none;
  cursor: pointer;
}

a.transample {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0;
  margin: 0 auto;
  background-color: transparent;
}

a:visited {
  color: #333;
}

a:hover {
  color: #ff6900;
}

a:active {
  color: white;
}

#overlay a {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

#overlay a:visited {
  color: white;
}

#overlay a:hover {
  color: #333;
}

#overlay a:active {
  color: white;
}

#top_nav a:active {
  background-color: #ff6900;
}

/* OTHER PROPERTIES */

ul, ol {
  
}

#overlay p {
  position: relative;
  top: 90px;
  left: 50%;
  width: 370px;
  padding: 0;
  margin-left: -20px;
  margin-right: 40px;
  text-align: left;
  color: white;
  line-height: 16pt;
  float: left;
}

li {
  padding: 0;
  margin: 0;
}

.table-inline li {
  position: relative;
  left: -15px;
}

em {
  font-style: normal;
}

/* CLASS */

.body-main {

}

.table-main {
  width: 760px;
  background-image: url(../images/bg-bigborder01.gif);
  background-repeat: no-repeat;
  background-position: left 38px;
  text-align: center;
}

.td-divider {
  width: 30px;
  text-align: left;
  overflow: hidden;
}

.td-image {
  background-color: transparent;
  background-position: right -2px;
}

.div-samples {
  background-repeat: no-repeat;
  background-position: 64px -2px;
  visibility: hidden;
}

#body_clients .div-samples {
  background-image: url(../images/backgrounds/bg-samples_clients03.jpg);
}

#body_design .div-samples {
  background-image: url(../images/backgrounds/bg-samples_design02.jpg);
}

#body_ads .div-samples {
  background-image: url(../images/backgrounds/bg-samples_print04.jpg);
}

#body_web .div-samples {
  background-image: url(../images/backgrounds/bg-samples_web02.jpg);
}

#body_employment .div-samples {
  background-image: url(../images/backgrounds/bg-samples_clients03.jpg);
}

#body_pub .div-samples {
  background-image: url(../images/backgrounds/bg-samples_pub02.jpg);
}

.td-image {
  width: 445px;
  height: 490px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.td-legal {
  text-align: center;
}

.img-nav {
  padding: 0 0 0 10px;
}

.img-navlabel {
  position: relative;
  top: 15px;
}

.nav_button {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.span-legal {
  color: #333;
  text-align: center;
}

.span-legal {
  color: #999;
  text-align: center;
}

.div-samples {
  width: 100%;
  overflow: hidden;
}

.div-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 5px;
  padding: 0;
  margin: 0 auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center 38px;
  background-attachment: scroll;
  text-align: center;
  display: none;
}

.img-sample {

}

.img-clicker {
  width: 193px;
  height: 20px;
  border-left: 1px #ff6900 solid;
}

/* ID */

#body_home #link_home {
  color: #ff6900;
}

#body_about #link_about {
  color: #ff6900;
}

#body_clients #link_clients {
  color: #ff6900;
}

#body_ads #link_ads {
  color: #ff6900;
}
#body_design #link_design {
  color: #ff6900;
}

#body_web #link_web {
  color: #ff6900;
}

#body_employment #link_employment {
  color: #ff6900;
}

#body_pub #link_pub {
  color: #ff6900;
}

#top_caption {
  height: 36px;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  vertical-align: middle;
  word-spacing: 10pt;
}

#logo-image {
  width: 79px;
  height: 72px;
  padding: 10px 0 0 10px;
  text-align: left;
}

.td-content#logo {
  height: 86px;
  padding: 0 0 0 2px;
  text-align: left;
}

.td-content#text {
  padding: 0 0 0 12px;
  border-left: 1px #999 solid;
}

.td-content#nav {
  padding: 0 0 10px 10px;
  vertical-align: middle;
}

.td-image#home {
  background-image: url(../images/backgrounds/bg-art_home05.jpg);
}

.td-image#about {
  background-image: url(../images/backgrounds/bg-art_about05.jpg);
}

.td-image#clients {
  background-image: url(../images/backgrounds/bg-art_clients02.jpg);
}

.td-image#ads {
  background-image: url(../images/backgrounds/bg-art_print03.jpg);
}

.td-image#design {
  background-image: url(../images/backgrounds/bg-art_design03.jpg);
}

.td-image#web {
  background-image: url(../images/backgrounds/bg-art_web03.jpg);
}

.td-image#employment {
  background-image: url(../images/backgrounds/bg-art_employment02.jpg);
}

.td-image#pub {
  background-image: url(../images/backgrounds/bg-art_pub01.jpg);
}

.img-top#logo {
  padding: 5px 2px 2px 10px;
}

#main_copy {
  height: 220px;
  width: 260px;
  overflow: auto;
}

#description, #filler {
  visibility: visible;
}

#view_samples {
  display: block;
}

#more {
  display: none;
}

#return {
  display: none;
}

#nav_buttons {
  width: auto;
  height: 145px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  display: block;
}

#navigation_label {
  width: auto;
  vertical-align: middle;
}

#pages {
  width: 600px;
  position: absolute;
  top: 485px;
  left: 50%;
  margin: 0 auto;
  margin-left: -220px;
  text-align: center;
  word-spacing: 24pt;
}

#samples {
  position: absolute;
  top: 0;
  width: 300px;
  height: 550px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center 38px;
  background-attachment: scroll;
  /* border: 1px green solid; */
  text-align: center;
}

#transample_web01, #transample_web02, #transample_web03, 
#transample_web07, #transample_web08, #transample_web09 {
  top: 128px;
}

#transample_web04, #transample_web05, #transample_web06, 
#transample_web10, #transample_web11, #transample_web12 {
  top: 290px;
}

#transample_web03, #transample_web06, 
#transample_web09, #transample_web12 {
  margin-left: 185px;
}

#transample_web01, #transample_web04, 
#transample_web07, #transample_web10 {
  margin-left: -190px;
}

/* GUIDES */

/*
.td-divider {
  background-color: green;
}

.td-image, .td-image#design, .td-image#print, .td-image#web {
  background-color: blue;
  background-image: none;
}
*//*
#overlay {
  border: 1px red solid;
}

#overlay1 {
  border: 1px green solid;
}

#overlay2 {
  border: 1px blue solid;
}
*//*
.img-transample {
  border: 1px blue solid;
}
*/