article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-family:Arial, sans-serif; font-size: 14px; line-height:1.5em; background:#eceff1; }
body, button, input, select, textarea { font-family: sans-serif; color: #53616F; }

::-moz-selection { background: #DEF3F9; color: #53616F; text-shadow: none; }
::selection { background: #DEF3F9; color: #53616F; text-shadow: none; }

a { color: #00ade3; text-decoration:none; }
a:visited { color: #00ade3; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


img { border: 0; -ms-interpolation-mode: bicubic;vertical-align: middle; width:100%; }


form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
.black { color:#000;}
.blue { color:#00ade3;}
.bold { font-weight: bold;}


#wrapper { width:960px; margin:0 auto; padding:15px 12px 15px 22px; background:#fff; }

		
	ul#mainNav {list-style: none outside none; margin: 0; padding:0 0 10px 0; font-size:18px;line-height:24px; text-transform:uppercase; border-bottom:1px solid #dadee3;}
		ul#mainNav li{display: inline; float:left; margin:0; padding: 0px 5px; background:url(images/divider.jpg) no-repeat top right;}
			ul#mainNav li a{ color:#53616F; text-decoration: none; }
			ul#mainNav li a:hover{ color:#00ade3; text-decoration: none; }
			ul#mainNav li.active a{ color:#00ade3; text-decoration: none; font-weight:bold; }
			
	#intro{ float:left; width:610px; margin-right:30px; }			
		#intro h1 { line-height:1.25em; }	
	#bioImage { float:left; width:307px;}
	
	#header { padding: 22px 0px 0px 0px;}

#main { min-height:500px;}
.mainContent {border-top: #d6d7d7 1px solid; padding-right:230px; }


p.intro { font-size:21px; line-height:32px;}

div#footer { border-bottom:1px solid #dadee3; border-top:1px solid #dadee3; margin:15px 0px 0px 0px; padding:10px 0px;}
	div#footer a:hover { text-decoration:underline;}
div#footer p { margin:0px; padding:0px;}



h1 {font-size: 24px; line-height:1em; font-weight:normal;}
h2, h3{margin:30px 0;}
h2{font-size: 22px; font-weight:normal;}
h3{font-size: 18px; font-weight:normal;}
h4{font-size: 16px; font-weight:normal;}



div.coloumn {float: left; margin-right: 20px; width: 300px; border-top: 1px solid #ccc;}
		div.coloumn img { display:block; margin:0; padding:0;}
		div.coloumn h4 { margin-bottom: 4px; margin-top:12px; color:#000; font-size:21px;}
		div.coloumn p { margin-top: 4px;}
div.last-col {margin-right: 0;}





.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



@media only screen and (max-width: 320px) {
	body { font-size:16px;}
	
	div#wrapper {width:90%; margin:0 auto; padding:5px 5px;}
	div.home-image { display:none;}
	ul#mainNav li a{
	    font-size: 18px;
	    line-height: 24px;
	}
	
	h1 {font-size: 18px; line-height:1em; font-weight:normal;}
	h2{font-size: 16px; font-weight:normal;}
	
	#intro { width:100%;}
	#bioImage {width: 100%;}
	
	
}


@media only screen and (max-width: 768px) {
	body {}
	div#wrapper {width:90%; margin:0 auto; padding:15px 15px;}
	#intro {width: 100%;}
	#intro img {width: 100%;}
	#bioImage {width: 100%;}
	/*#bioImage img{ display:none;}*/
	
	div.coloumn { border-top: 1px solid #CCCCCC; width:100%; float:none; }
	ul#mainNav {list-style: none outside none; margin: 0; padding:0 0 10px 0; font-size:16px; line-height:20px; text-transform:uppercase; border-bottom:1px solid #dadee3;}
	ul#mainNav li{display: block; margin:0; padding: 0px 5px; float: none;}
			ul#mainNav li a{color:#53616F; text-decoration: none; }
			ul#mainNav li a:hover{ color:#00ade3; text-decoration: none; }
			ul#mainNav li.active a{ color:#00ade3; text-decoration: none; font-weight:bold; }
	div.mainContent { padding:0px;}
	
}





 
@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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}