html,body {
color:#000;
background:#FFF;
font: 16px/18px Arial, sans-serif;
border:none;
height:100%;
margin:0;
padding:0;
}
.vidwide {max-width: 100%; height: auto; margin: 0 0 10px 0;}
.maxwide {max-width: 100%;}
.black {background: #000;}
.noborder {border:0;}
.noleft {border-left:none;}
.center {text-align:center;margin:0 auto;}
.brboth {clear:both;}
.brleft {clear:left;}
.floatr {float:right;}
.floatl {float:left;}
.middle {vertical-align:middle;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top40 {margin-top:40px;}
.bottom10 {margin-bottom: 10px;}
.bottom20 {margin-bottom: 20px;}
.left20 {margin-left:20px;}
.left40 {margin-left:40px;}
.right10 {margin-right:10px;}
.right20 {margin-right:20px;}
.right40 {margin-right:40px;}
.pad20 {padding-top: 20px; padding-bottom: 20px;}
.text {
display:inline-block;
vertical-align:top;
text-align:left;
margin:0px 0px 20px 0px;
padding: 0;
font-size: 1rem;
line-height: 1.25rem;
width: 96%;
background: #FFF;
overflow: hidden;
}
.dashed {
border-bottom: dashed 1px #2580A0;
padding-bottom: 20px;
}
.group {
display:inline-block;
vertical-align:top;
text-align:left;
margin:0px 0px 20px 0px;
padding: 5px;
font-size: 1rem;
line-height: 1.25rem;
width: 97%;
background: #F0F0F0;
overflow: hidden;
border: solid 1px #2580A0;
}
a.travel_link:link, a.travel_link:active {
margin: 0 5px 5px 0;
display: block;
text-decoration: none;
color: #000;
width: 47%;
float: left;
padding: 5px;
position: relative;
min-height: 95px;
}
.thumbnailw {width: 160px; height: 90px; display: block; float: left; margin: 0 15px 0 0;}  
.thumbnail {width: 120px; height: 90px; display: block; float: left; margin: 0 15px 0 0;}  
a.travel_link:visited {color: #000;}
a.travel_link:hover {background: #E0E0E0; color: #000000;}
@media screen and (max-width: 900px) {
 a.travel_link:link {width: 96%}
}
@media screen and (max-width: 450px) {
 .thumbnail {margin: 0 300px 0 0;}
 .thumbnailw {margin: 0 300px 0 0;}
 a.travel_link:link{margin-bottom: 30px;}
}
.half_column {
display:inline-block;
vertical-align:top;
text-align:left;
width: 48%;
background: #FFF;
overflow: hidden;
margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
 .half_column {width: 96%}
}
.third_column {
display:inline-block;
vertical-align:top;
text-align:left;
width: 28%;
background: #FFF;
overflow: hidden;
}
@media screen and (max-width: 700px) {
 .third_column {width: 96%}
}
h1 {
font:bold 24pt/24pt Tahoma, sans-serif;
text-shadow:0 1px 1px rgba(255,255,255,.3);
color:green;
background-color:transparent;
display:block;
padding: 20px 0 20px 0;
margin: 0;
}
h2 {
color:#A00000;
font:bold 1.4rem/1.6rem Arial, sans-serif;
margin:0 0 10px 0;
padding:0;
max-width: 94%;
}
.screenshot {
display:block;
float: right;
text-align:center;
vertical-align:top;
font:bold 10pt/18px Tahoma, sans-serif;
text-decoration:none;
background:#FFF;
margin:0 0 20px 30px;
padding:0;
max-width:96%;
}
@media screen and (max-width: 900px) {
.screenshot{float: none; margin: 5px 0 1em 0;}
}
body#about_page .lower_menu a#about,
body#contact_page .lower_menu a#contact,
body#newsletter_page .lower_menu a#newsletter,
body#index .lower_menu a#index,
body#projects .lower_menu a#projects,
body#links_page .lower_menu a#links,
body#videos .lower_menu a#videos,
body#rabbit_page .lower_menu a#rabbit,
body#hottub_page .lower_menu a#hottub,
body#software_page .lower_menu a#software,
body#support_page .lower_menu a#support,
body#travel_page .lower_menu a#travel,
body#woodwork_page .lower_menu a#woodwork {
color:#000;
background:#FFF;
margin: 0;
max-width: 100%;
}
.lower_menu {
list-style:none;
font: 1rem/2rem Arial, sans-serif;
margin: 0;
padding:0;
}
.lower_menu li {
float:left;
color:#FFF;
background-color: #2580A0;
vertical-align:middle;
margin: 0 -1px 0 0;
padding:0;
border-left: solid 1px #105070;
border-right: solid 1px #105070;
border-bottom: none;
border-top: none;
}
.lower_menu a:link {
background-color:transparent;
text-decoration:none;
color:#FFF;
float:left;
padding: 0 .6rem 0 .6rem;
margin: 0;
}
.lower_menu a:visited {
border-color: #105070;
}
@media screen and (max-width: 600px){
.lower_menu a:link{width: 7rem; padding: 0 0 0 .4rem; border: solid 1px #105070;}
}
.lower_menu a:visited {
color:#FFF;
}
.lower_menu a:hover,.lower_menu a:active {
color:#000;
background-color:#BBB;
}
.main_group {vertical-align: middle; padding: 15px 0 15px 0; margin: 0; max-width: 100%; overflow: hidden; display: block;}
.main_left {float: left; text-align: left; padding: 0;}
.main_right {float: right; margin: 10px 0 0 0; text-align: center; font-size: .9rem;}
@media screen and (max-width: 800px) {
 .main_left {float: left; width: 100%; display: block; text-align: center;}
 .main_right {float: left; width: 100%; margin: 0 0 20px 0; text-align: center; display: none;}
}
a:link,a:active {
color: #A00000;
background: none;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
a:hover {
color: #003399;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
.header {
background:#B5CDE1;
width:100%;
margin:0;
padding:0;
}
.company {
border:none;
margin: 0;
max-width: 100%;
padding: 0;
display: block;
}
.container {
max-width:1300px;
border:none;
position:relative;
margin:0 auto 0 auto;
padding:0 2% 0 2%;
display: block;
text-align:left;
overflow: hidden;
}
.blue {background: #2580A0;}

.footer_text {
color:#FFFF00;
font:12pt/18pt Arial, sans-serif;
display:block;
margin: 0;
padding: 5px 0 15px 0;
width: 98%;
text-align: center;
}
.footer_space {display: inline-block; margin: 0px 10px 0px 10px;}
a.footer_link:link,a.footer_link:active {
text-decoration:none;
color:#F0F8FF;
font:12pt/18pt Arial, sans-serif;
display:inline-block;
}

a.footer_link:visited {
color: #E8F0FF;
}
a.footer_link:hover {
text-decoration:underline;
color:#FFF;
}

/* Web Link Tables */

.link_banner{
clear: both;
margin: 10px 10px 0px 10px;
}

.link_table {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px;
border-collapse: collapse;
border: 0px;
}

.link_group {
margin: 0 0 25px 0;
padding: 0;
border: solid 1px #2580A0;
background: #2580A0;
}

.link_header {
width: 100%;
margin: 0 0 0 5px;
padding: 0;
color: #FFFFFF;
font: bold 16px/26px "Arial", sans-serif;
text-align: left;
vertical-align: middle;
}

.web_link {
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: bold 12pt/16pt "Arial", sans-serif;
background-color: #F0F0F0;
text-align: left;
width: 100%;
list-style-type: none;
overflow: hidden;
}
.web_link a:link, .web_link a:active {
display: block;
color: #000;
margin: 0 0 0 5px;
padding: 0 0 9px 0;
text-decoration: none;
overflow: hidden;
}
.web_link a:hover {
display: block;
text-decoration: underline;
color: #AA0000;
}
.web_link a:visited {
color: #000;
}


.trip_video {
margin: 10px 0px 20px 0px;
text-align: center;
width: 848px;
height: 470px;
max-width: 100%;
overflow: hidden;
}

a.video_link {
font: bold 12pt/16pt "Arial", sans-serif;
text-decoration: none;
display:block;
width: 848px;
}

.trip_photo {
float: left;
text-align: center;
margin: 0px 20px 20px 0px;
font: 14px sans-serif;
}

.rabbit_pic {
float: right;
border: 1px solid #000000;
margin-left: 20px;
}

.pic {
border: none;
float: left;
margin: 0px 5px 5px 0px;
}

.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}