/* * global styles v2
**** for studioMDA.com
**** 20070518 * 

   euphorbia polychroma

*/

* {margin: 0; padding: 0;}

body {
    font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif;
    font-size: 100%; line-height: 1.2;
    color: #ccc; 
    background: #2c2c2c;
    text-align: center;
}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #ccc;}
html body a:hover {color: #fff;}


#wrapper {
    position: absolute;
    width: 903px; height: 600px; top: 50%; left: 50%;
    margin: -300px 0 auto -450px; text-align:left;
    background: #2c2c2c; overflow: hidden;
}

#header {
    position: relative;
    top: 50px; left: 50px;
}

#start {
    position: relative;
    width: 110px; height: 20px; /* border: 1px solid red; */
}

#start h1 { 
    text-indent: -5000px;
    height: 13px; width: 91px;
    background: url(http://studiomda.com/assets/templates/studioMDA/images/studiomda_logo_s.gif) no-repeat;
}

#start a { 
    display: block;
    height: 13px; width: 91px;
}	


#header-nav {
    font-size: 11px;
    margin: 30px 0 0 0;
    line-height: 14px;
    width: 200px;
text-transform: lowercase; /* border: 1px solid red; */
}

#header-nav ul {
list-style: none;
	margin: 0 0 14px 0;
}

#header-nav ul li {
    color: #2c2c2c;
}

#header-nav li ul li{
    color: #666;
display: block;
}

#header-nav a {
    color: #666;
display: block;
}

#header-nav ul a:hover {
    color: #ccc;
}

#header-nav .subnavlist li.active a{
color: #ccc;
margin: 0;
}

#project-nav {
margin: 14px 0 0 20px;
line-height: 14px;
}

#project-nav ul li.active a {
color: #ccc;
}

.proj_number {display: none;}

#content {
    position: absolute;
    width: 600px; height: 600px;
    top: 0px; left: 300px;
border-left: 3px solid #2c2c2c; 
}

#content address, #content p {
font-size: 12px; line-height: 15px; color: #fff;
 margin: 0 0 15px 0; font-style:normal;
}

#content h4 {
font-size: 13px; line-height: 30px; color: #fff;
 margin: 0; font-weight: normal;
}

#pageHeader {
position: absolute;
left: -250px; bottom: 80px;
width: 150px;
font-size: 11px; color: #999; line-height: 15px;
/* border: solid red 1px; */
}

#pageHeader h3 {
font-size: 11px; font-weight: normal;
color: #fff;  display: none;
}

#pageHeader h3 span {
 display:none;
}

#pageHeader p {
font-size: 11px; font-weight: normal;
color: #999;
}

#projectDescr, #projectDescr p {
bottom: 0;
font-size: 10px;
line-height: 12px;
width: 200px;
}

#project_content {
margin: 0 0 0 230px;
}

#project_gallery {
    position: relative; 
    background: #2c2c2c;
    left: 0px; top: 0px;
}

#navbar {
height: 15px;
font-size: 11px; position: absolute; bottom: 50px; left: -254px;}

#navbar ul { list-style: none; }

#navbar li  { color: #fff; display: block; width: 15px; height: 15px; background-color: #2c2c2c; text-align: center; float: left; margin: 0 0 0 4px;}

#navbar li a { font-size: 11px; display: block; color: #999; }

#pageCount { color: #999; display: block; height: 15px; position: relative; margin: 0 0 0 50px;}

#navbar li img { padding: 4px 0; }

.ditto_pressClipping {
line-height: 15px;
margin: 0 0 15px 0;
}

.ditto_pressClipping div {
display: block;  padding: 0;
}

.ditto_pressClipping div.pr_info {
padding: 0;
}

.ditto_pressClipping h5 {
font-size: 11px; font-weight: normal;
color: #fff;
}

.ditto_pressClipping a {
color: #ccc; margin: 0; 
padding: 0 4px 2px 0;
}

.ditto_pressClipping a:hover {
color: #fff; margin: 0; background: #2c2c2c;
}