BODY {font:normal 14px/24px Tahoma, Geneva, sans-serif; color:#555; background: #ffffff url(images/long-bg.jpg) repeat-x;}
#short {font:normal 14px/24px Tahoma, Geneva, sans-serif; color:#555; background: #ffffff url(images/short-bg.jpg) repeat-x;}
#long {font:normal 14px/24px Tahoma, Geneva, sans-serif; color:#555; background: #ffffff url(images/long-bg.jpg) repeat-x;}
#port {font:normal 14px/24px Tahoma, Geneva, sans-serif; color:#555; background: #ffffff url(images/small-bg.jpg) repeat-x;}
.error {color: #ffae00;}
#main{width:960px; margin: 0px auto 0px;position:relative;}
#portMain {width:960px; margin: 0px auto 0px;}
P {margin:  0 0 1em 0; padding:  0;}

H1 {font:normal 28px/34px Tahoma, Geneva, sans-serif; color: #555; margin: 0 0 12px 0; padding: 0;}
H2 {font:normal 21px/35px Tahoma, Geneva, sans-serif; color: #555; margin: 0; padding: 0;}
H3 {font:normal 28px/34px Tahoma, Geneva, sans-serif; color: #fff; margin: 0 0 12px 0; padding: 0;}
H4 {font:normal 28px/34px Tahoma, Geneva, sans-serif; color: #fff; margin: 0; padding: 0;}
H5 {font:bold 21px/34px Tahoma, Geneva, sans-serif; color: #162938; margin: 0; padding: 0;}

#inset1 {font:normal 13px/18px Tahoma, Geneva, sans-serif; float:right; background: url(images/note.jpg) no-repeat; width:200px; padding: 10px 15px; color: #555; position:absolute; top:600px; left:720px;}
#inset2 {font:normal 13px/18px Tahoma, Geneva, sans-serif; background: url(images/note.jpg) no-repeat; margin-top:30px; width:200px; padding: 10px 15px; color: #555;}
#inset3 {font:normal 13px/18px Tahoma, Geneva, sans-serif; float:right; background: url(images/note2.jpg) no-repeat; margin-top:55px; width:200px; padding: 10px 15px; color: #555;}
#rightCol {font:normal 13px/18px Tahoma, Geneva, sans-serif; float:right; margin-top:113px; width:227px; padding: 0px;}

#content {font:normal 14px/24px Tahoma, Geneva, sans-serif; color:#555; padding: 30px 0px 30px 0px; width: 670px; }
#contentHome {font:normal 15px/20px Tahoma, Geneva, sans-serif; color: #555; float:left; width:680px; position:absolute; top:600px;}
#contentTop {font:normal 15px/20px Tahoma, Geneva, sans-serif; color: #fff; float:left; margin-top:30px; width:960px; }
#contentPort {font:normal 15px/20px Tahoma, Geneva, sans-serif; color: #fff; float:left; margin:30px 0 0 0; padding: 0; width:960px;}
#contentMain {font:normal 15px/20px Tahoma, Geneva, sans-serif; color: #fff; float:left; margin-top:30px; width:960px; }

.contentBlurb {font:normal 15px/20px Tahoma, Geneva, sans-serif; color: #555; float:left; width:215px; position:absolute; top:570px;}

A:link, A:visited, A:active{font-weight: normal; text-decoration: none; color:#1689a1;}
A:hover{text-decoration: underline;}

A.large:link, A.large:visited, A.large:active{font:normal 16px/18px verdana, arial; }
A.large:hover{text-decoration: underline; color:#31bad6;}

small{font:normal 11px verdana, arial; }
A.small:link, A.small:visited, A.small:active{font:normal 11px verdana, arial; }
A.small:hover{text-decoration: underline; color:#31bad6;}

A.topNav:link, A.topNav:visited, A.topNav:active{font: normal 12px Tahoma, Geneva, sans-serif; letter-spacing:0.1em; float:right; display: block; font-weight: normal; text-decoration: none; color:#525c65; margin-top:71px; padding: 20px 30px 25px 30px;}
A.topNav:hover{text-decoration: none; background: #ffffff;}

A.topNavOn:link, A.topNavOn:visited, A.topNavOn:active, A.topNavOn:hover{font: normal 12px Tahoma, Geneva, sans-serif; letter-spacing:0.1em; float:right; display: block; font-weight: normal; text-decoration: none; color:#000000; margin-top:71px; padding: 20px 30px 25px 30px; background: #ffffff url(images/selected.jpg);}

.page {width:800px; text-align:left;}
.pageInset {width:250px;float:right; margin:40px 50px 0 0;}
.services {font:normal 12px/14px Tahoma, Geneva, sans-serif; color:#cdd0d2;}
.description {font:normal 13px/18px Tahoma, Geneva, sans-serif; color:#fff; }
A.port:link, A.port:visited, A.port:active{font-size:12px; text-decoration: none; color:#e0cb56;}
A.port:hover{text-decoration: underline;}

A.footer:link, A.footer:visited, A.footer:active{ text-decoration: none; color:#FFFFFF;}
A.footer:hover{text-decoration: underline;}

.shadow {
-moz-box-shadow: 3px 3px 6px #222;
-webkit-box-shadow: 3px 3px 6px #222;
box-shadow: 3px 3px 6px #222;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
margin-left:10px;
)


.glassMain {
width:auto;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);	
	border-radius: 10px;
	position: relative;
	z-index: 1;
	background: inherit;
	overflow: hidden;
	border-top: 3px solid rgba(255, 255, 255, .7);
	border-right: 3px solid rgba(0, 0, 0, .7);
	border-bottom: 3px solid rgba(0, 0, 0, .7);
	border-left: 3px solid rgba(255, 255, 255, .7);
}

.glassMain:before {
display: grid;
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 2000px rgba(205, 225, 245, .5);
	backdrop-filter: blur(10px);
	margin: -20px;
}