/*------------------------------------------------------------------
Project:		Apollo PACS
Developer:		Ryan Dudek
Last change:	2009-03-27
Made By:		Ryan Dudek
-------------------------------------------------------------------*/

/* SITE WIDE TEMPLATE STYLES */
html {
  background-color: #fff;
}
body {
  font: 62.5% Arial, Helvetica, sans-serif;
}
#wrapper {
  margin: 0;
  padding: 0;
  width: 645px;
}
#siteContain {
  width: 645px;
  margin: 0 auto;
  padding: 0;
  font: 1.1em Arial, Helvetica, sans-serif;
}

#header {
  width: 645px;
}
  #header .headerLeft {
	margin: 0;
    width: 645px;
	padding-bottom: 10px;
	border-bottom: 3px solid #35468e;
	text-align: center;
  }
    #header .headerLeft a {
	text-decoration: none;
    }
    #header .headerLeft h1 {
	  font-size: 1.6em;
	  color: #35468e;
	  margin: 5px 0 0 0; padding: 0;
	  text-transform: uppercase;
    }
	#header .headerLeft h2 {
	  font-size: 1.3em;
	  color: #35468e;
	  margin: 1px 0 0 0; padding: 0;
    }
  #header .navigation {
  	display: none;
	visibility: hidden;
	float: none;
  }
    #header .navigation ul {
  	display: none;
	visibility: hidden;
	float: none;
    }

#footer {
  width: 645px;
  margin: 7px 0 0 0;
  text-align: center;
	padding-top: 10px;
	border-top: 2px solid #35468e;
}
  #footer p {
  	font-size: 1em;
	color: #35468e;
  }

/* SITE WIDE TEXT AND IMAGE STYLES */
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

a {
  color: #35468c;
  text-decoration: undeline;
}

h1, h2, h3, h4, h5 {
  color: #334690;
  font-weight: bold;
  margin-bottom: 1em;
}
  h1 {
    font-size: 1.4em;
  }
  h2 {
	font-size: 1.3em;
  }

  h3 {
	font-size: 1.2em;
  }
  h4 {
	font-size: 1.1em;
  }
  h5 {
	font-size: 1.1em;
  }
  h6 {
	font-size: 1.1em;
  }

p, li {
  margin-bottom:1em;
  color: #000;
  font-size: 1.1em;
  line-height: normal;
}
  li {
	margin: 3px 0 1px 0px;
	list-style: disc;
  }
  ul {
	margin: 0px 0 1em 45px;
	list-style: disc;
	color: #000;
	padding: 0;
  }
  ol {
	list-style: decimal;
	margin: 0px 0 1em 45px;
	padding: 0;
  }

blockquote {
  margin: 0 15px 1em 15px;
  padding: 5px 15px 5px 15px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #484848;
  font-size: 1em;
  clear: both;
}
hr {
  margin: 0 5px 1em 5px;
  border: none;
  border-bottom: 1px solid #CCC;
  height: 1px;
  padding: 0;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

/* SITE WIDE CLASSES */
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.photoAlignLeft {
  float: left;
  margin: 0 3px 3px 0;
}
.photoAlignRight {
  float: right;
  margin: 0 0 3px 3px;
}

.noMargin, p.noMargin {
  margin: 0;
}

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

/* HOME PAGE STYLES */
#homeContent {
  margin: 0;
  padding: 0;
}
#homeFlash {
  display: none;
  visibility: hidden;
  height: 1px;
}
#homeColumns {
  margin: 0;
  padding: 0;
  width: 645px;
}
  .clientQuote {
    width: 500px;
	margin: 10px 0 0 0;
  }
    .clientQuote blockquote {
	  margin: 0;
	  border: none;
	  padding: 0;
	}
    .clientQuote blockquote p {
	  line-height: 1;
	  font-size: 1em;
	  font-style: italic;
	  color: #f19f0f;
	  font-weight: bolder;
	}
    .clientQuote cite {
	  line-height: 1;
	  font-style: normal;
	  color: #35468c;
	  font-weight: bold;
	  font-size: 1em;
	}
  .newProductInfo {
    width: 500px;
	margin: 10px 0 0 0;
  }
  .industryNews {
    width: 500px;
	margin: 10px 0 0 0;
  }
  .customerTestimonials {
    width: 500px;
	margin: 10px 0 0 0;
  }
  .greyBox {
	margin: 10px 0 0 0;
  }
    .greyBox h3.headline {
	  color: #f19f0f;
	  font: bold 1.4em Arial, Helvetica, sans-serif;
	  margin-bottom: 5px;
	}
    .greyBox h5.subheadline {
	  color: #35468c;
	  font: bold 1.2em Arial, Helvetica, sans-serif;
	  margin-bottom: 7px;
	}
    .greyBox p {
	  color: #000;
	  line-height: 1.1;
	  margin: 0 0 1em 0;
	}
    #homeColumns .greyBox p a.learnmore,
	#homeColumns .greyBox p.lowMargin a.learnmore {
	  color: #f19f0f;
	}
	

/* DOWN STREAM PAGE STYLES */
#downstreamHeader {
  width: 645px;
}
  #downstreamHeader h1 {
    font-size: 1.5em;
	color: #35468c;
	margin: 0;
  }
  
#secondaryNavigation {
  display: none;
  visibility: hidden;
  float: none;
  clear: none;
  height: 1px;
}
  #secondaryNavigation ul {
  display: none;
  visibility: hidden;
  height: 1px;
  }

#downstreamContent {
  float: none;
  width: 645px;
  margin: 0;
  padding: 0;
}
#downstreamContent-wide {
  float: none;
  width: 645px;
  margin: 0;
  padding: 0;
}
  ul.listOrange {
    margin: 0 0 1em 19px;
	padding: 0;
  }
    ul.listOrange li {
      margin: 0 0 3px 0;
	  list-style: disc;
	  line-height: 1.1;
    }
	
  h3.headline {
 	font-size: 1.3em;
	color: #f19f0f;
  }
  
  h4.headline {
  	font-size: 1.3em;
	color: #f19f0f;
  }
  
  h4.listTitle {
  	margin: 0 0 1em 19px;
  	font-size: 1.3em;
	color: #f19f0f;
  }
  
  h4.jobTitle {
  	font-size: 1.2em;
	color: #35468c;
  }
  
  ul.jobPosting {
  	margin-bottom: 4em;
  }
  
    ul.jobPosting li {
  	  list-style: none;
	  margin-bottom: .6em;
    }
  
    li.jobDescription {
  	  color: #35468c;
	  font-weight: bold;
	  margin-top: 2em;
    }
  
  p.mediaContact {
	color: #35468c;
  }
  
  .leaderBio {
  	clear: both;
	margin-top:2em;
  }
  
  	.leaderBio img {
	  float: left;
	  margin: 0 2em 2em 0;
  	}
	
	.leaderBio span.name {
	  font-size:1.1em;
	  font-weight:bold;
	  color: #f19f0f;
	}
	
	.leaderBio span.title {
	  font-weight: bold;
	  color: #35468c;
	}
	
	
/* CONTACT PAGE STYLES */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 0 100px;
  padding: 0;
  min-width: 375px;
  max-width: 475px;
  width: 445px; 
}

legend {
   color: #fff;
   font-weight: bold;
   background: #35468c;
   border: 1px solid #35468c;
   padding: 2px 6px
}
form fieldset {
  clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 20px 0;
  border: 1px solid #f19f0f;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form textarea {
   width: auto;
   margin-left: 10px;
   padding: 0;
}

form label.required {
   font-weight: bold;
}

form label.long {
   padding-left: 5px;
   display:inline;
   float:none;
   width:auto;
}

form #buttons {
   text-align:center;
}

form #buttons input#submit, form input#reset { 
	float: none; 
	display: inline; 
	margin:0;
	padding:0;
}

#mainText {
   text-align:left;
   background-color: #fff;
   font: 1.1em Arial, Helvetica, sans-serif;
   line-height: 1.4;
   margin-left:10px;
   padding: 0;
}

#mainText h3 {
   margin: 0 0 20px 0;
   padding: 0;
   color: #35468c;
   font-weight: bold;
   font-size: 1.7em;
}

#error {
   color: #F26A21;
}

#error p{
   font-weight:bold;
}