/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/*  * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/  */


/*NOTE: STYLES HERE ARE SPECIFIC TO THIS SITE - NOT JUST DEFAULTS.  Set here rather than below so cascade works...*/
body {
/*	font:13px/1.231 sans-serif;*/
font-size:87.5%;
line-height:1.231;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* *font-size:small; */ /* Don't understand this...*/
} /* Hack retained to preserve specificity */
select, input, textarea, button {
	font:99% sans-serif;
}
/* Normalize monospace sizing:    en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/*  * Minimal base styles.  */

/* Always force a scrollbar in non-IE */
html {
	overflow-y: scroll;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}
ul, ol {
	margin-left: 2em;
}
ol {
	list-style-type: decimal;
}
/* Remove margins for navigation lists */
nav ul, nav li {
	margin: 0;
	list-style:none;
	list-style-image: none;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td {
	vertical-align: top;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 15px;
}
textarea {
	overflow: auto;
} /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend {
	margin-left: -7px;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
 border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}

.alignLeft {
	float:left;
}
/* These selection declarations have to be separate: no text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection {
background: #FF5E99;
color:#fff;
text-shadow: none;
}
::selection {
	background:#FF5E99;
	color:#fff;
	text-shadow: none;
}
/* j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #FF5E99;
}
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: auto;
	overflow: visible;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* You might tweak these...  */

body, select, input, textarea {
	/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;/* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a, a:active, a:visited {
	color: #607890;
}
a:hover {
	color: #036;
}


/* --------- Primary styles ---------------------*/
/* Author: Lisa Mirabile / Tech-Tamer / www.tech-tamer.com  */

/* -------Colors: ------------------
header: Navy color that will extend to the left and to the right on the top of page is #0b2142
footer: Blue footer color that will extend the full width is #0e346b
footer-border: Color of red bars is #b40027
main content background: Light gray background color is #bfbfbe
photo box: Gray photo box color is #8e8b83
Nav button text color is #071b36  (dark blue)
Nav button hover text color is #960407  (red)
Address/phone/email footer text is #000000
Bullets-- address line = red #b40027
Copyright text line color is #aeadad*/


body {
/*	see basic font declarations in body, above*/
	color:black;
	background:#bfbfbe;  /*gray*/
	background:#01467F;  /*blue*/
}

a {
	text-decoration:none;
	color:black;
}
a:hover {
	text-decoration:none;
	color:#b40027;
}
a:visited {
	color:black;
}
p {
	margin-bottom:1em;
}
h1 {
	  color:#0e346b;
		font-size:1.5em;
		margin-bottom:.5em;
}
h2 {
		color:#b40027;
		font-size:1.1em;
}

#container {
/*	position:relative;*/
/*	background:#bfbfbe; */ /*gray*/
}

header {
	border-bottom: solid 8px #b40027;
	background: #042E54;
	text-align:center;
	width:100%;
	height:183px;
}
nav {
	float:right;
	margin:0;
	padding:0;
}
nav ul {
	margin:0;
	padding:0;
	color:#071b36;
	margin-top:-23px;
}
nav ul li {
	display: inline;
	text-align:center;
}
nav ul li a {
	background-image:url(../images/navButton.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-left:5px; /*creates gap between tabs*/
	margin-right:0;
	font-weight:bold;
	width: 101px;
	padding-top:1px;
	height: 21px; /*height of bkgrnd image, minus padding*/
	color:#071b36;
	float:right;
}
nav ul li a:visited {
		color:#071b36;
}
nav ul li a:hover {
	color: #960407;
}
#main {
	background:#bfbfbe;
	position: relative;
}

#photoBox {
	position:relative;
	top:-50px;
	background: #A09D96;
	margin:0 auto;
	width:856px;
	height:477px; /*height of home page image plus 9px top and bottom*/
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
	-moz-box-shadow:  0 0 10px 0 rgba(0,0,0,0.8);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
	behavior: url(/scripts/pie/PIE.htc);
}
#photoBox img {  /*now that using "inner" shouldn't need this...*/
/*	margin:9px;*/
}
#photoBoxInnerWrapper {
		width:1009px;
		margin:0 auto;
}
#inner {
	width:839px; /* width of photobox minus 9px padding x2*/
	height:459px;/* height of photobox minus 9px padding x2*/
	padding:9px; 
}
#inner img {
/*	margin:0;*//*adjust margin so not duplicating 9px inherited from #photoBox img above*/
	float:left;
}
/*ABOUT, CONTACT, OTHER TEXT PAGES*/
#slideshow {  /*this div is created by the slideshow script, which also insists on designating it as position:rel, so that is here as a reminder; float:left is what keeps the following content from being knocked down*/
	postion:relative; 
	float:left; 
}
#textual {
	float:left;
	width:500px; /*photoBox = 856 minus photo = 276 minus padding = 30x2 minus margins=9x2  */
	padding:30px;
	background:white;
	height:399px;  /*height of photo = 459.  Not sure how it calculates to this...*/
}
#specializing, #credentials {
	float:left;
}
#specializing {
	width: 240px;
	}
#specializing h2, 
#credentials h2 {
	font-style:italic; 
	font-size:1em;
}
ul.free {
	list-style-type:none;
}
.free {
	font-weight:bold;
	font-style:italic;
	color:#01467F;
	margin-left:0;
	padding-left:0;
}
#feedback {
	margin:40px auto;
	background-image:url(../images/contact-gray-block.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:130px;

}
#feedback p {
	width:200px;
	margin-bottom:.5em;
		padding-left:30px;
		text-align:center;
		font-size:13px;
}
#feedback p.hear {
	width:230px;
	color:#960407;
	color:#b40027;
	font-style:italic;
	font-size:18px;
	padding-top:20px;
	margin-left:-15px;
}
table#tel td {
	line-height:140%;
}
table#tel td.col1 {
	width:55px;
}
table#mailing {
	margin-top:15px;
}
table#mailing td.col1 {
	width:115px;
}
/*GALLERY LANDING PAGE*/
#gLandingMenu  {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
/*	font-size:1.4em;*/
	font-size:1.2em;
	margin-top:-28px;
}
#gLandingMenu li {
	display: inline;
	text-align:center;
}
#gLandingMenu li a,
#gLandingMenu li a:visited {
	color:white;
	width:209px;
	height:35px;
	float:left;
	padding:0;
	margin:0;
}
#gLandingMenu li a:hover {
color: #b6b6b5;
}
 /* SLIDESHOW PAGE */
#slideshow img {
  margin: 0;
}
#ssMenu  {
	margin:0;
	padding:0;
	font-size:1em;
/*	margin-top:10px;*/
}

#ssMenu li {
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
	width:24.9%;
	text-align:center;
	line-height:20px;
	margin-top:6px;
}
#ssMenu li a,
#ssMenu li a:visited {
  color:#0e346b;
	padding:0;
	margin:0;
	font-weight:bold;
}
#ssMenu li a:hover {
	color:#b40027;
	text-decoration:none;
}
#ssMenu li.current a,
#ssMenu li.current a:visited{
	color:#b40027;
}
#ssMenu .arrowL,
#ssMenu .arrowR {
	color:white;
	font-size:1.25em;
}

#ssMenu .arrowL:hover,
#ssMenu .arrowR:hover {
		cursor:pointer;
		color:#b40027;
}

/*FOOTER -- whole footer is blue, with gray text (white on hover) but contains gray address line area (#contact) with red border bottom*/

footer {
	position:relative;
	top:-41px;
	background:#01467F;
	width:100%;
	text-align:center;
	clear:both;
	color: #aeadad;
}
footer a,
footer a:visited {
	color: #aeadad;
}
footer a:hover {
	color:white
}
footer p {
	padding:15px;
}
footer p small {
	font-weight:normal;
}
#contact {
	background:#bfbfbe;
	border-bottom: solid 8px #b40027;
	color:black
}
#contactInner {
		width:1009px;
		margin:0 auto;
}
#contact p {
	font-weight:bold;
	font-size:1.1em;
	padding:20px;
}
#contact p small {
	font-size:14px;
}
#contact a,
#contact a:visited {
	color:black;
}
#contact a:hover {
	color: #b40027;
}
.divider-accent {
	color:#01467F;
}
/* Non-semantic helper classes: please define your styles before this section. */

/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom: 1;
}
/* Media queries for responsive design. These follow after primary styles so they will successfully override. */

@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
 @media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/  */
@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
} /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
	page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}