/* MJA Web Design */
/* Author: HM */
/* Styles used for mjawebdesign.com print */

/* GENERAL STYLES */
body {
  font-family: Times New roman, serif;
  font-size: 11pt;
  text-align: left;        
}

p {  
  color: #000000;
  line-height: 150%;
  padding: 0px 0px 10px 10px;
}

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

h1, h2, h3, h4, h5 {
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 10px;      
}

h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }
h5 { font-size: 11px; font-weight: bold; }

ul {
  margin-left: 25px;
  margin-top: 10px;
}


/* HEADER STYLES */
#header {
  background: url('../images/header_bg.png') no-repeat center center;
  height: 79px;    
  border-bottom: 1px solid #555;
}

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
}

/* NAVIGATION STYLES IN HEADER */
#header #navigation {
  display: none;  
}


/* FEATURED STYLES FOR HOMEPAGE */
#featured h1, 
#featured h2, 
#featured h3, 
#featured h4 {
  color: #000000;
}

#imageflow #images {
  margin-top: 50px;
}

/* MAIN CONTENT STYLES */
#main_content {
  border-bottom: 1px solid #555;
  padding-bottom: 15px;
}

#main_content #internal_right ul.team li {
  padding: 3px 0px 10px 0px;
}
#main_content #internal_right ul.team li a {  
  font-weight: bold;  
}


/* WORDPRESS CUSTOMIZATION */
#main_content form#commentform,
#main_content #menu{
  display: none;
}

#main_content.blog #internal_left {
  width: 100%;
}

#main_content.blog img {
  float: left;
  margin: 10px 10px 10px 0px;  
}

#main_content.blog h3.storytitle {
  padding-top: 15px;
}

#main_content {
  margin-bottom: 20px;
  margin-top: 20px;
}

#main_content #internal_left,
#main_content #internal_right {
  float: left;
  position: relative;
}

#main_content #internal_left {
  width: 550px;
  border-right: 1px solid #AAAAAA;
}

#main_content #internal_right {  
  width: 150px;
}

#main_content .work {
  float: left;
  position: relative;
  margin-right: 40px;
  margin-bottom: 20px;
  width: 200px;  
  height: 260px;    
}

#main_content .work img {
  width: 200px;
  height: auto;
  padding: 1px;
  border: 1px solid #AAAAAA;  
}

#main_content .work p {
  padding: 5px 0px 2px 0px;
  text-align: center;
}

#main_content ol#lifecycle {
  margin-top: 5px;
}

#main_content ol#lifecycle li {
  margin-bottom: 10px;
  line-height: 150%;
}

#main_content ol#lifecycle li p {
  padding-left: 0px;
}

.container {
  float: left;
  position: relative;
  width: 50%;  
}

#main_content .container ul li {
  list-style-image: url('../images/bullet.png');
}

#main_content .container#blog ul li {
  margin-bottom: 10px;
}

#main_content .container#blog a {
  font-size: 10pt;
}

/* FOOTER STYLES */
#footer_contact {
  border-top: 1px solid #555;
  padding-top: 10px;
}

#footer_contact #sitemap {
  position: relative;
  padding: 15px 0px 30px 0px;
  left: 450px;
  width: 410px;
}

/* Forms */
form {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 50px;
  width: 550px;
}

form ol li {
  list-style-type: none;
  margin-bottom: 15px;
}

form input[type="checkbox"] {
  border: 0px;
}

label {
  display: block;
  width: 100px;
  text-align: right;
  float: left;
  margin-right: 10px;
  font-weight: bold;
}

input, select, textarea {  
  padding: 2px 1px 2px 3px;
  width: auto;
  border: 1px solid #AAA;
  font-size: 8pt;    
}

input, textarea {
  width: 350px;  
}

input.submit {
  cursor: pointer;
  font-weight: bold;  
  padding: 1px;
  border: 1px solid #34607C;
  background-color: #34607C;
  color: #FFFFFF;
  font-weight: bold;
  width: auto;
  font-size: 1em;
  margin-left: 130px;
}

* html input.submit {
  margin-left: 113px;
  margin-top: 25px;
}

input.submit:hover {
  background-color: #3366CC;
}


.clear {
  clear: both;
  padding: 0;
  margin: 0;
}