@charset "utf-8";

	* {	margin:0;padding:0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-text-size-adjust:none;
		}
		
	div {overflow:auto;display:block;}
		
/* ------------------- FONTS ------------------- */	

@font-face {
    font-family: 'Horatio';
    src: url('fonts/horatio_d_bold.ttf');
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-Regular.otf');
}
@font-face {
    font-family: 'Myriad-Bold';
    src: url('fonts/MyriadPro-BoldCond.otf');
}

@font-face {
    font-family: 'RalewayThin';
    src: url('raleway_thin-webfont.eot');
    src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway_thin-webfont.woff') format('woff'),
         url('fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('fonts/raleway_thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------- NORMAL ------------------- */		
	html {overflow:hidden;}
	body {min-width:320px;}
	body, #viewer, #loading {font-family:'Open Sans', Arial, sans-serif;background:#666666 url('../images/patterns/squares.png') repeat;border-top:1px solid #182d4b;border-left:0px solid #222222;width:100%;margin-top:-1px;}
	h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', Arial, sans-serif;}
	h1, h2, h3, h4, h5, h6, p {margin-bottom:15px;font-weight:bold;}
	h1 {font-size:46px;font-weight:800;}
	h2 {font-size:30px;}
	h3 {font-size:25px;}
	h4 {font-size:25px;font-weight:400;}
	h5 {font-size:20px;}
	h6 {font-size:20px;font-weight:400;}
	p, span.p {font-size:16px;font-weight:400;}
	p, body {color:#FAFAFA;}
	a {/*color:#fcebce;*/color:#FAFAFA;text-decoration:none;}
	a:hover {text-decoration:underline;}
	#body a {text-decoration:underline;font-weight:bold;}
	.body-content a {color:#627fa8;text-decoration:underline;}
	.body-content a:hover {color:#182d4b;}
	.fine {font-size:10px;}
	.bold {font-weight:bold !important;}
	p.bold {font-weight:700;}
	.normal {font-weight:normal !important;}
	.italic {font-style:italic !important;}
	.textshadow {text-shadow: 2px 2px 5px #000000;}
	.uppercase {text-transform:uppercase!important;}
	code {font-family: monospace;background: #CCCCCC;width: 100%;display: block;color: #000000;padding: 20px;margin-bottom:50px;}
	code+* {margin-top:50px;}
	*+code {margin-top:0px;margin-bottom:15px;}
	img {max-width:100%;height:auto;}
	code li {width:100%;display:block;}
	code li span, code li {overflow-wrap:break-word;}
	code li span {display:inline-block;}
	code .sh_comment {display:block;}
	
	div.icon {float:left;width:auto;margin-right:10px;margin-top:10px;}
	div.icon .fine {text-align:center;}
	img.icon.mini {vertical-align:middle;}
	h1 img.icon {vertical-align:middle;float:right;}
	
	form input.text, form textarea {width:100%;margin-bottom:25px;}
	form input.text {height:30px;padding-left:5px;padding-right:5px;clear:both;float:left;}
	form textarea {height:100px;}
	form img {float:left;height:30px;}
	form #entered_code {width:100px;float:left;margin-right:20px;}
	form p {clear:both;display:block;width:100%;}
	
	.ignoreTransition {
		-webkit-transition: all 0s linear!important;
		-moz-transition: all 0s linear!important;
		-ms-transition: all 0s linear!important;
		-o-transition: all 0s linear!important;
		transition: all 0s linear!important;
	}
	
	/* COLOR */
	.white {color:#FFFFFF !important;}
	.black {color:#000000 !important;}
	.lightgrey {color:#b9b4b0!important;}
	
	/* CHART */
	
	.chart {margin-top:40px;}
	.chart .bar {height:15px;background:#FFFFFF;background:rgba(255,255,255,0.5);display:block;overflow:hidden;
		-webkit-transition: width 2s ease-in-out;
		-moz-transition: width 2s ease-in-out;
		-ms-transition: width 2s ease-in-out;
		-o-transition: width 2s ease-in-out;
		transition: width 2s ease-in-out;
		}
	.bar.cap {width:0px!important;}
	.chart p {line-height:15px;font-size:12px;text-align:right;min-height:20px;}
	.chart > div {display:block;}
	.bar.bar100 {width:100%}
	.bar.bar90 {width:90%}
	.bar.bar85 {width:85%}
	.bar.bar80 {width:80%}
	.bar.bar75 {width:75%}
	.bar.bar70 {width:70%}
	.bar.bar65 {width:65%}
	.bar.bar60 {width:60%}
	.bar.bar50 {width:50%}
	.bar.bar40 {width:40%}
	.bar.bar30 {width:30%}
	.bar.bar20 {width:20%}
	.bar.bar10 {width:10%}
	.bar.bar0 {width:0%}

	.bar span {display:block;width:100%;font-size: 10px;line-height:15px;text-align:right;font-size:10px;color:#000000;padding-right:5px;opacity:0;filter:alpha(opacity=0);overflow:hidden;font-weight:bold;
		-webkit-transition: opacity .5s ease-in;
		-moz-transition: opacity .5s ease-in;
		-ms-transition: opacity .5s ease-in;
		-o-transition: opacity .5s ease-in;
		transition: opacity .5s ease-in
		}

	/* BUTTONS */
	
	.button {display:inline-block;padding:10px 15px;color:#FFFFFF;border-radius:4px;text-decoration:none!important;width:auto;font-weight:bold;font-size:14px;box-shadow:none!important;border:0px!important;margin-bottom:10px;
		-webkit-transition: background-color .3s ease-in;
		-moz-transition: background-color .3s ease-in;
		-ms-transition: background-color .3s ease-in;
		-o-transition: background-color .3s ease-in;
		transition: background-color .3s ease-in;}
		.button:hover {cursor:pointer;}
	.button-grey {background:#999999;text-shadow: 0px 0px 8px rgba(0,0,0,.5);}
		.button-grey:hover {background:#777777;}
	
	/* EFFECTS */
	.layershadow {box-shadow:0px 0px 15px rgba(0,0,0,.5);}
	.over {position:relative;z-index:50;}

	/* LAYOUT */
	.alignright {text-align:right;}
	.aligncenter {text-align:center;}
	.alignleft {text-align:left;}
	.clear {clear:both;}
	.preload {position:absolute;height:0px;width:0px;left:-9999px;top:-9999px;}
	div.wrapper {width:100%;}
	div.container {width:100%;padding:0px 25px 0px 325px;}
	.full {float:left;}
	.half, .onethird, .twothird, .onefourth {float:left;overflow:hidden;margin-right:2%;}
	.full {width:100%;}
	.half {width:49%;}
	.onethird {width:32%;}
	.twothird {width:66%;}
	.onefourth {width:23.5%;}
	.threefourth {width:74.5%;}
	.first {margin-left:0px !important;padding-right:0px;}
	.last {margin-right:0px !important;padding-right:0px;}

	
	#current {position:absolute;top:0;left:334px;height:43px;padding:10px;background:#888888;border-bottom:1px solid #182d4b;border-right:1px solid #182d4b;}
	#viewerHide {position:absolute;left:291px;top:0;overflow:hidden;width:43px;height:43px;padding:10px;background:#888888 url('../images/icons/arrow-icon.png') no-repeat center center;border-bottom:1px solid #182d4b;border-right:1px solid #182d4b;}
	#viewerHide:hover {background-color:#555555;cursor:pointer;}
	#current, #viewerHide {
		-webkit-transition: left .3s ease-in;
		-moz-transition: left .3s ease-in;
		-ms-transition: left .3s ease-in;
		-o-transition: left .3s ease-in;
		transition: left .3s ease-in;	
	}
	
	div.horizontal-rule {height:1px;width:100%;border-top: 1px solid rgb(204, 204, 204);clear:both;margin:25px 0px 20px 0px;}
		
	.top-shadow {position:relative;z-index:100;}
    .top-shadow:before {
            position:absolute;
            content:"";
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            top:-50px;
            bottom:100%;
            left:0px;
            right:0px;
            -moz-border-radius:50% / 10px;
            border-radius:50% / 10px;
        }
    .bottom-shadow {position:relative;z-index:100;overflow:hidden;}
    .bottom-shadow:after {
            position:absolute;
            content:"";
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            top:100%;
            bottom:-50px;
            left:0px;
            right:0px;
            -moz-border-radius:50% / 10px;
            border-radius:50% / 10px;
        }	
		
	/* Mobile Nav Button */
	#nav-button {border-radius:7px;background:#222222;display:inline-block;width:auto;padding:10px;position:absolute;left:5px;top:10px;display:none;}
	#nav-button:hover {cursor:pointer;}
	#nav-button span {display:block;float:left;width:20px;height:3px;background:#CCCCCC;border-radius:2px;clear:left;margin:2px 0px;}
	#nav-button div {width:auto;float:right;font-family:'Open Sans', Arial, sans-serif;font-weight:bold;font-size:14px;margin-top:-13px;margin-left:5px;}
	
		
	/* Social */
	
	ul.social li {float:left;display:block;margin-left:10px;height:32px;width:32px;}
	ul.social li a {display:block;height:32px;width:32px;
		-webkit-transition: opacity .3s ease-in;
		-moz-transition: opacity .3s ease-in;
		-ms-transition: opacity .3s ease-in;
		-o-transition: opacity .3s ease-in;
		transition: opacity .3s ease-in;
		}
	ul.social li a:hover {opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
	
	ul.social li.facebook a {background:url('../images/social/facebook.png') no-repeat center center;}
	ul.social li.twitter a {background:url('../images/social/twitter.png') no-repeat center center;}
	ul.social li.linkedin a {background:url('../images/social/linkedin.png') no-repeat center center;}
	ul.social li.flickr a {background:url('../images/social/flickr.png') no-repeat center center;}

	/* Logo */
	
	.logo * {text-decoration:none!important;}
	.logo .timothy {font-family: 'Horatio', sans-serif;font-size:40px;color:#5468A1;color:#FEFEFE;}
	.logo .ostheimer {font-family: 'RalewayThin', sans-serif;font-size:33px;color:#5468A1;color:#FAFAFA;}
	.logo .wordmark-wrapper {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#a8c3cf;text-align:right;color:#FFFFFF;}
	.logo .wordmark {position:absolute;text-align:right;width:259px;margin-top:-11px;left:0;}
	
	/* Header */
	#header {background:#4d4d4d;border-bottom:1px solid #222222;min-height:60px;position: relative;z-index: 1001;
		    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
            box-shadow:0 0 15px rgba(0,0,0,0.3);}
	#header ul {float:right;}
	#header ul li {display:inline;margin-left:15px;line-height:60px;height:60px;}
	#header a {}
	#header .logo {position:absolute;left:25px;overflow:visible;}
	
	#header .container {padding-right:40px;}
	
	#header .social {padding-top:15px;}
	#header .social * {line-height:32px;height:32px;}

	/* Nav */
	
	#nav {position:absolute;left:0;width:290px;background:#333333;background:rgba(0,0,0,.5);padding-left:0px;padding:5px 0px;height: 100%;top: 0;z-index: 1000;padding-top: 80px;overflow:hidden;max-width:15px;
		-webkit-transition: max-width .3s ease-in, left .3s ease-in;
		-moz-transition: max-width .3s ease-in, left .3s ease-in;
		-ms-transition: max-width .3s ease-in, left .3s ease-in;
		-o-transition: max-width .3s ease-in, left .3s ease-in;
		transition: max-width .3s ease-in, left .3s ease-in;}
	#nav.open {max-width:291px;}
	#nav li {list-style-type:none;width:290px}
	#nav > ul > li {float:left;width:100%;clear:both;;}
	#nav > li {margin-bottom:10px;}
	#nav li a {display:block;width:100%;padding:5px 20px 5px 25px;text-transform:uppercase;font-weight:bold;line-height:18px;}
	#nav li a:hover {text-decoration:none;border-left:5px solid #FAFAFA;}
	#nav li a.current:hover {border-color:rgba(255,255,255,0);}
	#nav > li > a:hover {padding-left:20px;}
	#nav ul li a {padding-left:45px;font-size:12px;font-weight:normal;}
	#nav > li > ul > li > a:hover {padding-left:40px;}
	#nav ul ul li a {padding-left:60px;text-transform:none;}
	#nav > li > ul > li > ul > li > a:hover {padding-left:55px;}
	#nav li a.current {font-weight:bold;}
	#nav li a.current:before {content:'';position:absolute;left:0;height:5px;width:15px;margin-top:6px;border-top:3px solid #ffffff;border-bottom:3px solid #ffffff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nav li a.current:after {content:'';position:absolute;left:15px;height:5px;width:6px;margin-top:6px;border-top:3px solid rgba(255,255,255,0);border-bottom:3px solid rgba(255,255,255,0);border-left:3px solid #ffffff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	
	#nav-control {height:100%;width:15px;position:absolute;right:0;top:0;bottom:0;background:#FFFFFF;z-index:1002;background:#BBBBBB url('../images/assets/arrow-left.png') no-repeat center left;}
	#nav-control.closed {background:#BBBBBB url('../images/assets/arrow-right.png') no-repeat center right;}
	#nav-control:hover {background-color:#CCCCCC;cursor:pointer;}
	
	/* Footer */
	#footer {position:absolute;bottom:10px;padding-left:25px;}
	#footer p {color:#adadad;}

	/* Body, Viewer, Loading */
	#body {padding:0px 25px 0px 325px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
	#body .container {margin-bottom: 30px;}
	#body .container, #viewer .container {margin-top:30px;background:#222222;background:rgba(0,0,0,.6);padding:50px 100px;
		-webkit-transition: padding .3s ease-in;
		-moz-transition: padding .3s ease-in;
		-ms-transition: padding .3s ease-in;
		-o-transition: padding .3s ease-in;
		transition: padding .3s ease-in;
	}
	
	#body, #viewer, #loading {
		-webkit-transition: padding-left .3s ease-in, top .5s ease-in;
		-moz-transition: padding-left .3s ease-in, top .5s ease-in;
		-ms-transition: padding-left .3s ease-in, top .5s ease-in;
		-o-transition: padding-left .3s ease-in, top .5s ease-in;
		transition: padding-left .3s ease-in, top .5s ease-in;
		}
	
	#viewer {z-index:50;}
	#viewer, #loading {position:absolute;top:-100%;left:0;margin-top:0px;padding:0px 0px 0px 291px;width:100%;}
	#viewer iframe {width:100%;border:0px;background:#FFFFFF;}
	#viewer iframe body {overflow-y:scroll;-webkit-overflow-scrolling:touch;}
	
	#viewer.open {top:60px;}
	body.expand #body {padding-left:49px;}
	body.expand #viewer {padding-left:16px;}
	body.expand #viewer #current {left:59px;}
	body.expand #viewer #viewerHide {left:16px;}
	body.expand #loading {padding-left:16px;}
		
	#loading {opacity:0;filter:alpha(opacity=0);z-index:49;top:60px;display:none;
		-webkit-transition: opacity .3s ease-in;
		-moz-transition: opacity .3s ease-in;
		-ms-transition: opacity .3s ease-in;
		-o-transition: opacity .3s ease-in;
		transition: opacity .3s ease-in;}
	#loading #load {width:100%;position:relative;background:#333333;}
	#loading #loading-animation {position:absolute;left:50%;margin-left:-250px;width:500px;top:50%;margin-top:-65px;text-align:center;}
	
	/* Homepage */
	
	/* Resume */
	
	#resume .onefourth {text-align:right;}
	#resume h5 {line-height:20px;}
	
	/* Banners */
	
	.banner {position:relative;margin-bottom:50px;}
	.banner img {border:1px solid #b9b4b0;width:100%;opacity:.7;filter:alpha(opacity=70);
		-webkit-transition: opacity .3s ease-in;
		-moz-transition: opacity .3s ease-in;
		-ms-transition: opacity .3s ease-in;
		-o-transition: opacity .3s ease-in;
		transition: opacity .3s ease-in;
		-webkit-transform: translateZ(0);}
	.banner a > img:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
	.banner.bright a > img {opacity:1;filter:alpha(opacity=100);}
	.banner.bright a > img:hover {opacity:.7;filter:alpha(opacity=70);ursor:pointer;}
	
	.game:before, .website:before, .animation:before, .tool:before {position:absolute;display:block;bottom:1px;right:1px;content:" ";width:40px;height:40px;z-index:40;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-left-radius: 4px;	
	}
	.game:before {background:#333333 url('../images/icons/game-icon.png') no-repeat center center;background-size:35px 25px;}
	.website:before {background:#333333 url('../images/icons/laptop-icon.png') no-repeat center center;background-size:35px 25px;}
	.animation:before {background:#333333 url('../images/icons/video-icon.png') no-repeat center center;background-size:35px 25px;}
	.tool:before {background:#333333 url('../images/icons/tool-icon.png') no-repeat center center;background-size:35px 25px;}
	
	/* Backgrounds */
	
	//#aboutme {background:#666666 url('../images/backgrounds/diving.JPG') no-repeat;background-size:cover;}
	#aboutme {background:#666666 url('../images/backgrounds/canvas2.jpg') no-repeat;background-size:cover;}
	#bug {background:#666666 url('../images/backgrounds/bug.jpg') no-repeat center center;background-size:cover;}
	#willowtree {background:#666666 url('../images/backgrounds/willowtree.jpg') no-repeat center center;background-size:cover;}
	#birds {background:#666666 url('../images/backgrounds/birds.jpg') no-repeat center center;background-size:cover;}
	#soulstone {background:#666666 url('../images/backgrounds/soulstone.jpg') no-repeat center center;background-size:cover;}
	#nocturnus {background:#666666 url('../images/backgrounds/nocturnus.jpg') no-repeat center center;background-size:cover;}
	#canvas {background:#666666 url('../images/backgrounds/canvas.jpg') no-repeat center center;background-size:cover;}
	#builder {background:#666666 url('../images/backgrounds/builder.jpg') no-repeat center center;background-size:cover;}
	
	/* Videos */
	
	#body iframe {max-width:100%;border:2px solid #999999;}
	#body iframe.standard, #body object, #body embed {width:100%;}
	#body .media {
		-webkit-transition: height .3s ease-in;
		-moz-transition: height .3s ease-in;
		-ms-transition: height .3s ease-in;
		-o-transition: height .3s ease-in;
		transition: height .3s ease-in;}
	
	
/* ------------------- MOBILE ------------------- */


@media screen and (min-width: 1801px) {
.big-last {margin-right:0px !important;padding-right:0px;}
}

@media screen and (max-width: 1800px) {
.small-last {margin-right:0px !important;padding-right:0px;}
.break {width:49%;}
}

@media screen and (max-width: 1200px) {
.chart {margin-top:15px;}
.chart p {text-align:left;margin-bottom:5px;display:block;overflow:visible;line-height:20px;}
.chart .bar {margin-bottom:15px;}
#aboutme .half {width:100%;margin-right:0px!important;padding-right:0px!important;clear:both;}	
}

@media screen and (max-width: 1039px) {
.break {width:100%;margin-right:0px !important;padding-right:0px;}

}

@media screen and (max-width: 979px) {
h1 {font-size:35px;}

#nav.open {max-width:230px;}
#nav li {width: 229px;}

.banner a > img {opacity:1;filter:alpha(opacity=100);}

}

@media screen and (max-width: 979px) and (min-width: 768px) {
body.expand #body .container, #body .container, body.expand #viewer .container, #viewer .container {padding: 20px 30px;}
#body {padding-left:265px;}
#viewer, #loading {padding-left:231px;}
#viewer #viewerHide {left:231px;}
#viewer #current {left:274px;}
	body.expand #body {padding-left:49px!important;}
	body.expand #viewer, body.expand #loading {padding-left:16px!important;}
	body.expand #viewerHide {left:16px!important;}
	body.expand #viewer #current {left:59px!important;}

}

@media screen and (max-width: 767px){
#nav-button {display:inline-block;float:left;}
#header .logo {left:100px;}
.connect {display:none!important;}
#nav-control {/*display:none;*/}
#nav {max-width:291px!important;left:-291px;background:#222222;border-right:1px solid #222222;}
#nav li {width:290px;}
#nav.open {left:0px!important;}
#body .container, #viewer .container {padding: 20px;}
#body, body.expand #body {padding-left:25px!important;}
#viewer, body.expand #viewer, #loading, body.expand #loading {padding-left:0px!important;border-top: 0px;}
#viewer #current, body.expand #viewer #current{left:0px!important;}
#viewer #viewerHide {left:290px;}
body.expand #viewer #viewerHide {left:0px;}
h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:18px;}
#current {display:none;}

.full, .half, .onethird, .twothird, .onefourth, .threefourth {width:100%;margin-right:0px!important;padding-right:0px!important;clear:both;}
.small-aligncenter * {text-align:center;}
.small-aligncenter .button {display:block;width:100%;margin-right:0px;}
.small-aligncenter .icon {float:none;display:inline-block;width:auto;}
#resume h5 {text-align:center;margin-top:25px;border-bottom:1px solid #fafafa;padding-bottom:10px;}

code * {padding:0px!important;margin:0px!important;}
code li span, code li {overflow-wrap:break-word;line-height:normal;white-space:normal!important;}
code li {display:inline;max-width:100%;}
code li span {display:inherit;}
}

@media screen and (max-device-width: 767px) {
#nav {width:100%;max-width:100%!important;left:-100%;background:#222222;border-right:1px solid #CCCCCC;height:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:50px;}
#nav li {width:100%;}
#viewerHide {left:0px!important;}
#viewer {overflow:auto;-webkit-overflow-scrolling:touch;}
#viewer iframe {width:100%;height:100%;}
}

@media screen and (max-width:650px) {
#header ul li {margin-left:5px;}
ul.social {display:none;}
#header .logo {left:50%;margin-left:-140px;}
}

@media screen and (max-width:550px) {
#header ul {display:none;}
#header .logo {left:auto;right:40px;}
#nav-button {left:25px;}
}

@media screen and (max-device-width:480px) and (orientation: portrait) {


}

@media screen and (max-device-width:480px) and (orientation: landscape) {


}

@media screen and (max-width:480px) {
#aboutme .button {display:block;width:100%;margin:0px 0px 10px 0px;text-align:center;}
.smallcenter {text-align:center;}
.smallcenter .icon {display:inline-block;width:auto;float:none;}
#aboutme .smallcenter .icon {margin:0px 5px;}
}

@media screen and (max-width:440px) {
#nav-button div {display:none;}
.logo {top:12px;}
.logo .timothy {font-size:30px;}
.logo .ostheimer {font-size:27px;}
.logo .wordmark-wrapper {display:none;}
.logo .wordmark {}
}

@media only screen and (max-device-width : 1024px) {
.mobilehide {display:none!important;}	
}
	
html.ie {overflow-y:scroll;}
#ie {padding:0px 20px;}
#ie * {text-align:center;border:0px!important;height:auto;}
#ie > div {margin-top:200px;}
#ie img {display:inline-block;margin:50px;}
#ie a:hover img {filter:alpha(opacity=70);opacity:.7;}