/* Martinelli Environmental Graphics Style */

body {
background: #444;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
margin-top: 0;
color: #666;
}

#page {
width: 842px;
margin: 0px auto;
}

#header {
display:block;
height: 70px;
background: url(images/logo_top.gif) no-repeat center;
margin-top: 10px;    
}

#header a {
display:block;
height: 70px;
background: url(images/logo_top.gif) no-repeat center;  
}

#header span {
display: none;
}

#container {
border: 1px #999 solid;
padding: 5px;
margin: 0;
}

#content_bg {
padding: 15px 15px 0px 15px;
margin: 0;
background: #fff url(images/content_bg.jpg) right top no-repeat;
border-bottom: 15px solid #fff;
}

#content {
padding: 15px 15px 0px 15px;
margin: 0;
background: #fff;
border-bottom: 15px solid #fff;
}

#content_noimage {
padding: 15px 15px 0px 15px;
margin: 0;
background: #fff;
border-bottom: 15px solid #fff;
}

#main {
width: 600px;
float:left;
margin: 0;
background: #FFFFFF;
}

#left {
float:left;
width: 180px;
padding: 0px;
margin: 0px;
}

#center {
float:left;
width: 400px;
padding: 10px;
margin-left:10px;
}

#right {
float:left;
width: 180px;
padding: 130px 5px 5px 5px;
}

#sidebar {
float:left;
width: 190px;
margin: 0px;
}

#center2 {
float:left;
width: 380px;
padding: 10px;
margin-right: 10px;
}

#right2 {
float:left;
width: 190px;
padding: 10px;
background: #fff;
}

#center3 {
float:left;
width: 280px;
padding: 10px;
margin-right: 10px;
}

#right3 {
float:left;
width: 290px;
padding: 10px;
}

#main_projects {
float:left;
width: 600px;
padding: 10px;
}

.clearfloats {
clear:both;
} 

#footer {
color: #ccc;
font-size: 10px;
text-align:center;
padding: 10px;
}

a { color:#699; text-decoration: none;}
a.visted { color:#699; text-decoration: none; } 
a:hover { color:#366; text-decoration: none; }

#navbar {
background: #033;
margin-bottom: 10px;
text-align:center;
}

div#navbar ul {
padding-left: 0;
margin-left:0;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-weight:bold;
font-size: 11px;
letter-spacing: 0.01em;
color: #fff;
margin: 0;
padding-bottom: 10px;
padding-top: 10px;
}

div#navbar ul li {
display: inline;
background: url(images/vertical_dotted.gif) left no-repeat;
}

div#navbar ul li.first {
background: none;
}


div#navbar ul li a {
padding: 10px 12px 10px 12px;
color: #fff;
text-decoration: none;
}

div#navbar ul li a:hover {
padding: 10px 12px 10px 12px;
background: url(images/menu_arrow.gif) no-repeat bottom center;
color: #699;
}

div#navbar ul li a.active {
padding: 10px 12px 10px 12px;
background: url(images/menu_arrow.gif) no-repeat bottom center;
color: #fff;
}

h1.projects {
color: #033;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-size:15px;
margin: 10px 0;
line-height: 120%;
}

h2.type {
color: #663;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-size:11px;
padding: 3px 0px;
margin: 0;
}

h3.header {
margin: 0 0 4px 0;
color:#366;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-size:12px;
padding: 0;
}

h4.header_company {
margin: 0;
color:#366;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-size:11px;
padding: 5px 0 2px 0;
margin-bottom: 3px;
border-bottom: 1px dotted #ccc;
}

h5.bullet {
margin: 0;
color:#996;
font-size:12px;
margin: 5px 0 2px 0;
background: url(images/bullet_arrow.gif) no-repeat left;
padding-left: 16px;
}

p {
margin: 0;
padding: 0 0 10px 0;
font-family: Verdana, Arial, "Trebuchet MS", Tahoma, "san serif";
font-size:11px;
line-height: 140%;
}

p.info {
padding: 0 0 5px 0;
color: #366;
font-family: Verdana, Arial, "Trebuchet MS", Tahoma, "san serif";
font-size: 11px;
line-height: 140%;
}

p.bullet {
margin: 0;
padding: 0 0 10px 18px;
color: #666;
font-size:11px;
line-height: 140%;
}

p.project_top {
margin: 0 0 10px 0;
padding: 0 10px 0 0;
color: #666;
font-size:11px;
line-height: 140%;
}

p.service {
margin: 0 0 10px 200px;
padding: 0;
color: #666;
font-size:11px;
line-height: 140%;
}

div.contact {
margin: 0;
padding: 0 0 10px 0;
color: #666;
font-family: Verdana, Arial, "Trebuchet MS", Tahoma, "san serif";
font-size:11px;
line-height: 140%;
}

/*-- form  --*/
INPUT, SELECT, TEXTAREA { 
border: 1px #ccc solid; 
font-size: 10px;
}

strong {
color: #366;
font-size: 96%;
}

.projectlist ul
{
list-style: none;
margin: 10px 0;
padding: 0;
border-top: 1px dotted #ccc;
}

.projectlist li {
margin: 0;
font-family: Arial, Verdana, "Trebuchet MS", Tahoma, "san serif";
font-size:10px;
font-weight:bold;
background: url(images/project_off.gif) no-repeat 0 50%;
border-bottom: 1px dotted #ccc;
}

.projectlist li a {
display: block;
padding: 6px 5px 6px 15px;
color: #666;
text-decoration: none;
}

html>body .projectlist li a { width: auto; }

.projectlist li a:hover {
background: #b3cdd2 url(images/project_on.gif) no-repeat 0 50%;
color: #fff;
}

.projectlist li a.active {
background: #fff url(images/project_active.gif) no-repeat 0 50%;
color: #333;
}

.client {
list-style: none;
margin: 0;
padding: 0 0 5px 0;
}

.client li {
padding: 2px 3px 2px 14px;
font-family: Verdana, Arial, "Trebuchet MS", Tahoma, "san serif";
font-size:10px;
background: url(images/client_dot.gif) no-repeat 0 50%;
}

html>body .client li a { width: auto; }

.emaillist {
list-style: none;
margin: 0;
padding: 0 0 5px 0;
}

.emaillist li {
padding: 2px 3px 2px 14px;
font-family: Verdana, Arial, "Trebuchet MS", Tahoma, "san serif";
font-size:11px;
background: url(images/client_dot.gif) no-repeat 0 50%;
}

html>body .emaillist li a { width: auto; }