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:995px) {
	img.logo {float:none!important;margin:10px auto 0px auto!important;}
	#navlist {float:none!important;margin:20px auto 5px auto!important;line-height:35px!important;}
	#navlist li {float:none!important;width:140px!important;margin:0 auto!important;}
	#navlist li a {border-bottom:2px!important;}
	#navlist li a.thispage {border-bottom:2px solid #30C650!important;}

	#footer img {float:none!important;margin:0 auto!important;}
	}

@media all and  (max-width: 320px) {
	#header {width:290px!important;margin:0 auto!important}
	#headerstrip {width:290px!important;margin:0 auto!important}
	#navlist {float:none!important;width:280px!important;}
	#maincontainer {width:290px!important;}
	div.midcolumn {width:290px!important;margin-top:20px!important;}
	div.midinner {width:290px!important;}
	div.textdiv {width:270px!important;margin-left:15px!important;}
	div.textdiv img {width:45%!important;height:auto;}
	div.textdiv div {width:270px!important;margin-left:0px!important;}
	div.textdiv div img {width:45%!important;height:auto;margin-right:20px!important;}
	div.textdiv div span.skype img {width:114px!important;height:auto!important;}
	div.textdiv div ul {margin-left:50px!important;}
	div.textdiv div ul li {margin-left:75px!important;}
	div.textdiv div ul.second {margin-left:0px!important;}
	div.textdiv div ul.second li {margin-left:0px!important;}
	div.video {height:108px!important;width:256px!important;}
	div.video object {height:108px!important;width:256px!important;}
	div.video embed {height:108px!important;width:256px!important;}
	div.video iframe {height:108px!important;width:256px!important;}
	div.sixteen_nine {height:144px!important;}
	div.sixteen_nine object {height:144px!important;width:256px!important;}
	div.sixteen_nine embed {height:144px!important;width:256px!important;}
	div.sixteen_nine iframe {height:144px!important;width:256px!important;}
	div.thumbnail_container {width:273px!important;}
	div.thumbnail_container div.credits {width:273px!important;}
	div.thumbnail_container h3 {width:256px!important;}
	div.thumbnail_container div.thumbnail_table_cell {margin-left:17px!important;}
	div.thumbnail_container div.thumbnail_table_cell img {height:108px!important;width:256px!important;}
	img.contactme_image {width:260px!important;height:auto!important;}
	table.contact_table {width:270px!important;}
	table.contact_table td {width:270px!important;}
	table.contact_table td input.text {width:180px!important;}
	table.contact_table td textarea {width:180px!important;}
	#footer {width:290px!important;height:180px!important;margin-top:20px!important;text-align:center!important;}
	#footer div {float:none!important;width:285px!important;margin:0 auto!important;font-size:9pt!important;}
	}

@media all and (min-width: 321px) and (max-width: 659px) {
	#header {width:320px!important;margin:0 auto!important}
	#headerstrip {width:320px!important;margin:0 auto!important}
	#navlist {float:none!important;width:320px!important;}
	#maincontainer {width:320px!important;}
	div.midcolumn {width:320px!important;margin-top:20px!important;}
	div.midinner {width:320px!important;}
	div.textdiv {width:290px!important;margin-left:15px!important;}
	div.textdiv img {width:50%!important;height:auto;}
	div.textdiv div {width:290px!important;margin-left:0px!important;}
	div.textdiv div img {width:45%!important;height:auto;margin-right:20px!important;}
	div.textdiv div span.skype img {width:114px!important;height:auto!important;}
	div.textdiv div ul {margin-left:50px!important;}
	div.textdiv div ul li {margin-left:75px!important;}
	div.textdiv div ul.second {margin-left:0px!important;}
	div.textdiv div ul.second li {margin-left:0px!important;}
	div.video {height:121px!important;width:286px!important;}
	div.video object {height:121px!important;width:286px!important;}
	div.video embed {height:121px!important;width:286px!important;}
	div.video iframe {height:121px!important;width:286px!important;}
	div.sixteen_nine {height:161px!important;}
	div.sixteen_nine object {height:161px!important;width:286px!important;}
	div.sixteen_nine embed {height:161px!important;width:286px!important;}
	div.sixteen_nine iframe {height:161px!important;width:286px!important;}
	div.sixteen_nine {height:534px;}
	div.thumbnail_container {width:320px!important;}
	div.thumbnail_container div.thumbnail_table_cell {margin-left:17px!important;}
	img.contactme_image {width:290px!important;height:auto!important;}
	table.contact_table {width:290px!important;}
	table.contact_table td {width:290px!important;}
	table.contact_table td input.text {width:200px!important;}
	table.contact_table td textarea {width:200px!important;}
	#footer {width:320px!important;height:180px!important;margin-top:20px!important;text-align:center!important;}
	#footer div {float:none!important;width:295px!important;margin:0 auto!important;font-size:9pt!important;}
	}

@media all and (min-width: 660px) and (max-width: 995px) {
	#header {width:640px!important;margin:0 auto!important}
	#headerstrip {width:640px!important;margin:0 auto!important}
	#navlist {width:640px!important;}
	#maincontainer {width:640px!important;}
	div.midcolumn {width:640px!important;margin-top:20px!important;}
	div.midinner {width:640px!important;}
	div.textdiv {width:610px!important;margin-left:15px!important;}
	div.textdiv img {width:40%!important;height:auto;}
	div.textdiv div {width:605px!important;margin-left:0px!important;}
	div.textdiv div img {width:35%!important;height:auto;margin:5px 20px 10px 0!important;}
	div.textdiv div span.skype img {width:114px!important;height:auto!important;}
	div.textdiv div ul {margin-left:207px!important;}
	div.video {height:250px!important;width:588px!important;}
	div.video object {height:250px!important;width:588px!important;}
	div.video embed {height:250px!important;width:588px!important;}
	div.video iframe {height:250px!important;width:588px!important;}
	div.sixteen_nine {height:331px!important;}
	div.sixteen_nine object {height:331px!important;width:588px!important;}
	div.sixteen_nine embed {height:331px!important;width:588px!important;}
	div.sixteen_nine iframe {height:331px!important;width:588px!important;}
	div.thumbnail_container {width:640px!important;}
	div.thumbnail_container div.thumbnail_table_cell {margin-left:17px!important;}
	img.contactme_image {width:610px!important;height:auto!important;}
	#thumbnail_m4 {clear:none!important;}
	#thumbnail_m5 {clear:both;}
	#footer {width:640px!important;height:100px!important;margin-top:20px!important;text-align:center!important;}
	#footer div {float:none!important;width:605px!important;margin:0 auto!important;font-size:9pt!important;}
	}

body {background-color:#EBEBEB;margin:0px;padding:0px;
	color:#676767;font-size:10pt;font-family: "Verdana", "Helvetica", sans-serif;  }

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

table.work {margin:0px 0 0px 0;padding:0px;}
table.work td img {margin-bottom:15px;}

a      { color:#30C650; text-decoration: none }
a:hover {color:#676767;text-decoration: underline; }
a.hover      { color: #B5B5B3; text-decoration: none }
a.hover:hover {text-decoration: underline;}
a img {border:1px solid white;}
a:hover img {border: solid #676767 1px;}


h1 {font-size: 13pt;font-weight:normal; letter-spacing:3pt;margin-top:0px;margin-bottom:25px;}
h1 span {display:none;}
h2 {margin:0px 0 10px 0;font-size: 12pt;}
h2.images {margin:10px 0 10px 0;}
h2.portfolio {text-align:center;line-height:20px;padding:0px 0px 0px 6px;margin:0 auto 20px auto;font-size:13pt;font-weight:normal;letter-spacing:4pt;
	border-left:3px solid #30C650;border-right:3px solid #30C650;}
h3 {font-size: 12pt;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;font-weight:normal;margin:0 0 10px 0;}

div.hr {border-bottom:1px solid #B5B5B3;margin:10px 0;}
div.video_tn {float:left;color:#151515;padding:6px 0 0 6px;line-height:145px;font-size:9pt;letter-spacing:1pt;margin: 0 0 0px 0;
	width:232px;height:93px;}
div.video_tn_selected {float:left;color:#707070;padding:6px 0 0 6px;text-align:left;font-size:9pt;letter-spacing:1pt;margin: 0 0 0px 0;
	width:232px;height:93px;}
div.video_tn {line-height:153px;}

div.video_tn_selected h6 {line-height:69px;text-align:center;font-size:28pt;font-weight:normal;letter-spacing:3pt;margin: 0 0 0 0;width:217px;}
a.video_tn_link {text-decoration:none!important;}
div.portfolio_videos {height:400px;width:714px;margin:0 auto;padding:18px 0 0 0;}

hr {color: #30C650; height: 1pt;}

img {border:none;}
img.logo {float:left;margin:10px 60px 10px 10px;}

img.preload{display:none;}

span.hdg {font-weight:bold;font-size: 13pt; letter-spacing:3pt;}

#maincontainer {background-color:#EBEBEB;text-align: left;margin: 0 auto;margin-top:0px;margin-bottom:0px;padding: 0;
	width: 980px;}

#header {padding:0; margin:0;font-size:100%;width: 980px;background-color:white;border-bottom:1px solid #30C650;}

#header img {border:none!important;}

#logo {width:260px;height:132px;margin:auto;padding:0;}

#headerstrip {margin:0px;padding: 0px;width:980px;}
#headerstrip:after {content: ".";display: block;line-height: 0px;font-size: 0;clear: both;}

ul#navlist {float:left;list-style-type: none;line-height:25px;margin:0px 0 0 0;padding: 0;width: 980px;font-weight:normal;
	font-size:9pt;}
ul#navlist li {display: block;margin: 0;padding:0;float: left;text-align:center;width:245px;font-weight:normal;}
ul#navlist li.home {border:none;}
ul#navlist li.long {width:155px;}
ul#navlist li.short {width:90px;}

ul#navlist li a {font-weight:normal;letter-spacing:4pt;color:#676767;color:black;display: block;text-decoration: none;}
ul#navlist li a.thispage {color:#30C650;border-bottom:2px solid #30C650;}
ul#navlist li a:hover {text-decoration:none!important;background-color:#30C650;border-bottom:2px solid #30C650;}
ul#navlist li a.thispage:hover {background:none;}

div.midcolumn {width:980px;margin: 30px 0 0 0px;background-color:white;
	border-top:1px solid #30C650;border-bottom:1px solid #30C650;}
div.midinner {width:980px;margin: 15px 0 0 0px;padding:0;}
div.midinner div.textdiv {width:910px;margin:15px 25px 25px 35px;}
div.nonindex {width:820px;margin: 25px 0 0 70px;}
div.video {height:401px;width:945px;padding:0px 0 0 0;margin:0 0 15px 17px;}
div.video iframe {height:401px;width:945px;}
div.video object {height:401px;width:945px;}
div.video embed {height:401px;width:945px;}
div.video iframe {height:401px;width:945px;}
div.sixteen_nine {height:531px;}
div.sixteen_nine object {height:531px;width:945px;}
div.sixteen_nine embed {height:531px;width:945px;}
div.sixteen_nine iframe {height:531px;width:945px;}

div.thumbnail_container {width:980px;margin:25px 0px 0 0px ;padding:0;background-color:white;overflow:hidden;}
div.thumbnail_container div.thumbnail_table_cell {width:286px;float:left;margin:0 0px 15px 44px;}
div.thumbnail_one_four_etc {margin-left:17px!important;}
div.thumbnail_container h3 {width:286px;font-size:8pt;margin:5px 0 0 0;font-weight:normal;letter-spacing:1pt;text-align:center;}
div.thumbnail_container h3 span {padding:2px;}

table.thumbnails {width:956px;margin:25px 14px 0 12px ;padding:0;}
table.thumbnails tr td {width:316px;}
table.thumbnails h3 {width:286px;font-size:8pt;margin:5px 0 0 0;font-weight:normal;letter-spacing:1pt;text-align:center;}
table.thumbnails h3 span {padding:2px;}
table.thumbnails div.thumbnail_table_cell {margin:0 0px 10px 0px;}

div.thumbnail_table_cell div.credits {width:286px;color:#30C650;font-size:8pt;margin:7px 0 0 0;
	line-height:18px;font-weight:normal;letter-spacing:1pt;text-align:center;}
img.selected_arrow {margin:0 10px 0 0;position:relative;top:3px;display:none;}
div.thumbnail_table_cell:hover {color:#30C650;}
div.thumbnail_table_cell img {border:none;}
div.thumbnail_table_cell h3 {width:286px;font-size:8pt;margin:5px 0 0 0;font-weight:normal;
`	letter-spacing:1pt;text-align:center;}
div.thumbnail_table_cell h3 span {padding:2px;}

div.thumbnail_table_cell img:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:#676767; /* IE6-9 */
    -webkit-filter: grayscale(1.0); /* Chrome 19+, Safari 6+, Safari 6+ - doesn't work in Safari - iOS */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1.0) contrast(1.5); /* Chrome 19+, Safari 6+, Safari 6+ - doesn't work in Safari - iOS */
    -moz-filter: grayscale(100%) contrast(150%);
    -ms-filter: grayscale(100%) contrast(150%);
    -o-filter: grayscale(100%) contrast(150%);
	} 
div.video_tn_selected:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:#676767; /* IE6-9 */
    -webkit-filter: grayscale(1.0); /* Chrome 19+, Safari 6+, Safari 6+ - doesn't work in Safari - iOS */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);} 

ul {list-style-type:circle;margin-left:350px;}
li {margin:5px 0 0 0;}
li span {position:relative;top:-1px;}

table.contact_table tr td {border:none!important; }
form {font-size:10pt;}
option,select {color:#151515;background-color:white;font-size:10pt;}
input.submit {font-size:10pt;color:#151515; background-color:white;padding:0;border:1px solid #30C650;width:130px;height:20px;}
input.text  {background-color:white;border:1px solid #30C650;font-size:10pt;}
input.text:hover {background-color:#EBEBEB;border-color:#676767;}
input.checkbox {margin-right:5px;}
textarea.text  {background-color:white;border:1px solid white;}
textarea.text:hover {background-color:#EBEBEB;border:1px solid lightgray;}
table.contact_table {width:420px;}
table.contact_table td {width:400px;}
table.contact_table span.required_flag {text-align:right;position:relative;top:5px;font-size:14pt;font-weight:bold;}

#rightcolumn {float: right;width: 300px;margin: 12px 0 0 0;}
div.rightinner {width:250px;font-size:89%;margin: 10px 26px 10px 0;border:1px solid black;padding:10px;}

#footer {clear:both;text-align:left;font-size:9pt;width: 980px;margin:30px auto 0 auto;padding-top:0px;height:50px;
	background-color:white;}
/*#footer a:hover img {border: solid #B5B5B3 1px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius: 12px;
	overflow: hidden!important;}*/
#footer img {border:none!important;}
#footer a:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:#676767; /* IE6-9 */
    -webkit-filter: grayscale(1.0); /* Chrome 19+, Safari 6+, Safari 6+ - doesn't work in Safari - iOS */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);}