/* stylesheet.css  --  Sullivan-Lakier*/

/* NOTE: using VERTICAL-ALIGN and/or having hard carriage returns within a DIV will cause couple-pixel space to appear above/below images in a DIV. 
   Vertical-align aligns the content inline, meaning it is vertically aligned in comparison to the elements right before and after, and not in reference to parent/child. 
   NOT the same as VALIGN in a table cell */

/* NORMALIZE BROWSER DEFAULTS */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, form, input, table, tr, td, img, pre, fieldset, label, dd, dt, dl { margin: 0px; padding: 0px; border:0px; }
ul { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }
a { outline: none; }

table { border-collapse:collapse; }


/* GLOBALS */

body {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
  color: #000000;
	background-color: #F2FFFC;
	margin: 15px 0px 15px 0px;
  }

p, ol, dl { padding-bottom: 10px; }

p.padding0 { padding:0px; }

blockquote { padding: 0px 15px 8px 20px; }

p, td, ul, ol {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #000000;
  font-weight : normal;
  line-height: 120%;
  }

h1 { font-size: 16px; color: #333333; padding-bottom: 8px; }
h2 { font-size: 14px; color: #333333; padding-bottom: 8px; }
h3 { font-size: 13px; color: #333333; padding-bottom: 8px; }
h4 { font-size: 12px; color: #333333; padding-bottom: 0px; }

div.clear { clear: both; }

ol { padding: 5px 10px 6px 40px;}
ul { padding: 5px 0px 6px 20px;}
ul.bullets-arrow { padding: 5px 0px 12px 32px; list-style: url(images/arrow-right-maroon-small.gif) outside; }
ul.bullets-bluedots { padding: 5px 0px 12px 32px; list-style: url(images/list-dot-blue.gif) outside; }
li { padding-bottom: 4px;}


a:link, a:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  color: #0000CC; 
  text-decoration: underline; 
}

a:hover {
  font-weight : normal;
  color: #CC0000; 
  text-decoration: underline; 
}

a.a-topbar:link, a.a-topbar:visited {
  font-size: 11px;
  color: #ffffff;
  text-decoration: none; 
}
a.a-topbar:hover {
  color: #FFCC66;
  text-decoration: none;
}

a.a-footer:link, a.a-footer:visited {
  font-size: 12px;
  color: #666666;
  text-decoration:underline; 
}
a.a-footer:hover {
  color: #cc0000;
  text-decoration:underline; 
}



.text_small { font-size : 11px; }

.text_vsmall { font-size : 10px; }

.hide { display:none; }

.margin0 { margin:0px; padding:0px; }

.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }


/* OLD SITE STYLES - BEGIN */
.text_large { font-size: 14px; }
.text_large_undln { font-size: 14px ; text-decoration: underline; }
.text_verd_lg { font-size: 15px; }
.text_verd_undl { font-size: 13px; font-weight: bold; text-decoration: underline; }
.text_verd {  font-size: 13px; }
.text_verd_lg_green { font-size: 16px; color: #004548; }

.text-small_white { font-size : 11px; color: #FFFFFF; }
.text_white { font-size: 13px; color: #FFFFFF; }
.text_vlarge_brown { font-size: 18px; color: #7E2512; }
.text-small_yellow { font-size : 11px; color: #FFFFE6; }
.text-msmall { font-size : 11px; }
.text-green { color: #004548; }

/* OLD SITE STYLES - END */


/* FRAMEWORK */

#page {
	position: relative;
	width: 913px;
	margin: 0 auto;
	text-align: left;
	background-color:#004548;
	border-bottom: 5px solid #004548;
}

#content-left-container {
	float: left;
	width:188px;
	text-align: center;
	display: block;
}

#content-right-container {
	float: left;
	width:692px;
	text-align: left;
	display: block;
}

#right-topbar {
	height: 33px;
	text-align: right;
	display: block;
}
#right-topbar p { margin: 0px ; padding-top: 11px; line-height: 80%; }


#navbar {
	height: 24px;
	text-align: center;
	display: block;
	background-color:#16306b;
}

#page-content { 
	background-color:#ffffff;
	text-align: left;
	padding: 25px 25px 0px 35px;
}

.footer-bar {
	margin-top: 12px;
}

p.footer { 
	text-align: center;
	line-height: 100%;
}

div#copyrightbar { 
  height: 32px;
  width: 909px;   /* width = total page width minus left/right padding */
  margin: 0 auto;
  padding: 8px 2px;
}

div#copyrightbar p.copyright {
  float: right;
  width: 400px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  color: #ccc;
  font-weight: normal;
}

div#copyrightbar p.websitedesignby {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  color: #666;
}
div#copyrightbar a.a-webdesign:link, 
div#copyrightbar a.a-webdesign:visited, 
div#copyrightbar a.a-webdesign:active {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  text-decoration: underline;
}
div#copyrightbar a.a-webdesign:hover, 
div#copyrightbar a.a-webdesign:focus {
	color: #DE4816;
	text-decoration: underline;
}

.quotebox {
	float: right;
	width: 230px;
	margin: 3px 2px 5px 15px;
	padding: 6px 7px 0px 8px;
	border: 1px solid #000000;
	background-color: #004548;
}
.quotebox p {
	font-size: 11px;
	color: #FFE493;
	line-height: 130%;
}

.quotebox-wider {
	float: right;
	width: 292px;
	margin: 3px 2px 5px 15px;
	padding: 6px 7px 0px 8px;
	border: 1px solid #000000;
	background-color: #004548;
}
.quotebox-wider p {
	font-size: 11px;
	color: #FFE493;
	line-height: 130%;
}

.photo-right {
	float: right;
	margin: 8px 2px 5px 15px;
	border: 1px solid #000000;
}

.services-column1 {
	float: left;
	width: 290px;
	margin: 0px 0px 6px 15px;
}
.services-column2 {
	width: 300px;
	margin: 0px 0px 6px 320px;
}
.services-column1 p, .services-column2 p { line-height: 150%; }

.clients-column1 {
	float: left;
	width: 290px;
	margin: 10px 0px 15px 8px;
}
.clients-column2 {
	width: 300px;
	margin: 10px 0px 15px 320px;
}

.contact-column1 {
	float: left;
	width: 290px;
	margin: 5px 0px 5px 0px;
}
.contact-column2 {
	width: 280px;
	margin: 5px 0px 5px 300px;
}

.pagetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #16306b;
	font-style: normal;
	padding-bottom: 20px;
}

.page-subtitle {
	font-size: 15px;
	font-weight: bold;
	color: #7e2512;
	padding-top: 5px;
}

.bio-subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 0px;
}

.services-pagetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #16306b;
	font-style: normal;
	padding-bottom: 8px;
}
.services-subtitle {
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 18px 0px;
}

.logo-cost-quality {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
}