html, body {height:100%; }

@viewport{zoom: 1.0; width: extend-to-zoom;}
@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}

@media all and (max-width: 965px) {
	#header {margin:0 auto!important;}
	h1 {font-size: 13pt!important; letter-spacing:1pt!important;}
	#midcolumn {float:none!important;margin:20px auto 0 auto!important;}
	div.midinner {margin: 0px auto 15px auto!important;}
	div.midinner h2 {letter-spacing:1pt!important;text-align:center!important;}
	div.midinner h5 {float:none!important;text-align:center;}
	div.workimages {margin:0 auto!important;}
	div.workimages div.tablecell {width:270px!important;}
	p.homepage_intro{}
	}

@media all and (max-width: 430px) {
	#photo {width:220px!important;height:auto!important;}
	body.home #maincontainer {width:290px!important;}
	body.home #midcolumn {width:290px!important;}
	body.home div.midinner {width:270px!important;}
	div.work {width:270px!important;}
	div.work div.tablecell {width:135px!important;}
	}

@media all and  (min-width:431px) and (max-width: 690px) {
	body.home #header {width:280px!important;}
	#photo {width:280px!important;height:auto!important;}
	body.home #maincontainer {width:410px!important;}
	body.home #midcolumn {width:410px!important;}
	body.home div.midinner {width:410px!important;}
	div.work {width:410px!important;}
	div.work div.tablecell {width:136px!important;}
	body.home #footer {width:400px!important;margin-bottom: 20px!important;}
	}

@media all and  (min-width:691px) and (max-width: 890px) {
	#photo {width:280px!important;height:auto!important;}
	body.home #maincontainer {width:650px!important;}
	body.home #midcolumn {width:650px!important;}
	body.home div.midinner {width:650px!important;}
	div.work {width:650px!important;}
	div.work div.tablecell {width:130px!important;}
	body.home #footer {width:650px!important;margin-bottom: 20px!important;}
	}

@media all and  (min-width:891px) and (max-width: 965px) {
	body.home #header {width:560px!important;}
	body.home #maincontainer {width:850px!important;}
	body.home #midcolumn {width:850px!important;}
	body.home div.midinner {width:850px!important;}
	div.work {width:850px!important;}
	div.work div.tablecell {width:170px!important;}
	body.home #footer {width:850px!important;margin-bottom: 20px!important;}
	}
	
@media all and  (max-width: 600px) {
	#header {width:290px!important;}
	body.work #maincontainer {width:290px!important;}
	body.work #midcolumn {width:290px!important;}
	body.work div.midinner {width:270px!important;}
	div.workimages {width:270px!important;}
	div.workimages div.tablecell {width:270px!important;}
	#footer {width:270px!important;margin-bottom: 20px!important;}
	}

@media all and (min-width: 601px) and (max-width: 880px) {
	#header {width:580px!important;}
	body.work #maincontainer {width:580px!important;}
	body.work #midcolumn {width:580px!important;}
	body.work div.midinner {width:580px!important;}
	div.workimages {width:580px!important;}
	div.workimages div.tablecell {width:290px!important;}
	#footer {width:580px!important;margin-bottom: 20px!important;}
	}

@media all and (min-width: 881px) and (max-width: 965px) {
	#header {width:580px!important;}
	body.work #maincontainer {width:860px!important;}
	body.work #midcolumn {width:860px!important;}
	body.work div.midinner {width:860px!important;}
	div.workimages {width:860px!important;}
	div.workimages div.tablecell {width:285px!important;}
	#footer {width:860px!important;margin-bottom: 10px!important;}
	}

body {background-color:lightgray;margin:0px;padding:0px;
	color:navy;font-size:11pt;font-family: "Verdana", "Arial","Helvetica", sans-serif;}

div.toplink {text-align:center;padding-top:10px;font-size:95%;clear:both;}

hr{color: green;}
table{font-size:10pt;}

div.work {width:920px;margin:0 auto;}
div.work div.tablecell {float:left;width:180px;height:140px;}
div.work div.fourinarow {width:220px;}
div.work img {display:block;margin: 0 auto;text-align:center;margin-bottom:15px;}

a      { color: green; text-decoration: underline; }
a:hover { color: blue; text-decoration: underline; }
a.hover     { color:navy; text-decoration: none; }
a.hover:hover { color: blue; text-decoration: underline; }
a img {border:1px solid lightgray;}
a:hover img {border: solid blue 1px;}

h1 {font-size: 14pt; letter-spacing:2pt;margin: 0 0 30px 0;}
h2 {font-size: 12pt;}
h2.images {font-size:11pt;margin:10px 0 10px 0;}
h3 {font-size: 12pt;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;font-weight:normal;}

hr {color: green; height: 1pt;}

img.preload{display:none;}

p.homepage_intro {margin-top:30px;margin-bottom:20px;}
p.thumbnail_prompt {font-size:10pt;margin-top:25px;margin-bottom:30px;text-align:center;}
#maincontainer {text-align: left;margin: 0 auto;margin-top:20px;padding: 0;width: 950px;}

#header {padding:0; margin:0;font-size:100%;text-align:center;}

#midcolumn {float: left;width: 950px;margin: 10px 0 0 0;}
div.midinner {margin: 10px 20px 30px 25px;padding:0;}

body.work div.midinner {width:920px;margin: 0px 25px 15px 25px;padding:0;}
body.work div.midinner h2{letter-spacing:2pt;}
body.work div.midinner h3 {font-size:105%;color:#985B60;font-weight:bold;letter-spacing:1pt;margin:5px 0;}
body.work div.midinner h5 {float:right;}
body.work div.midinner h5.left {float:left;}

table.workimages {margin:10px 0;width:920px;clear:both;}
table.workimages td {padding:10px 12px 10px 12px;}
table.workimages h4 {margin:10px 0 5px 0;}

@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.workimages {margin:10px 0 20px 0;width:920px;clear:both;}
div.workimages div.tablecell {float:left;width:306px;min-height:210px;max-height:300px;
	padding:10px 0px 0 0px;margin-bottom:10px;}
div.workimages div.tablecell div.innercontainer {@include vertical-align;}
div.workimages img {display:block;margin: 0 auto;text-align:center;}
div.workimages div.caption {margin: 0 ;text-align:center;}
div.workimages h4 {margin:10px 0 5px 0;}

#rightcolumn {float: right;width: 350px;margin: 30px 0 0 0;}
div.rightinner {width:300px;font-size:89%;margin: 10px 26px 28px 0;border:1px solid #555555;padding:10px;}

#footer {clear:both;text-align:center;border-top: 1px solid green;width: 900px;margin: 0 auto;height:55px;}