body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: 300; font-size: 100%; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
input:focus { outline: 0; }

body { background: #69c4b4; font-family: "rooney-sans", Helvetica, Arial, "Sans Serif"; color: #333; line-height: 24px; font-size: 14px; font-weight: 300; transition: margin 0.2s linear; -webkit-transition: margin 0.2s linear; -moz-transition: margin 0.2s linear; }

a { color: #36c; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 60px; line-height: 80px; position: fixed; top: 48%; left: 0; z-index: 101; color: #fff; width: 100%; text-align: center; opacity: 0.9; }
h1 a { color: #fff; }
h1 a:hover { border-bottom: 3px solid #fff; text-decoration: none; }

ul { position: fixed; top: 67%; left: 50%; margin-left: -102px; z-index: 2; width: 204px; text-align: center; }
ul li { display: block; float: left; margin: 0 7px; padding: 0; text-indent: -9999px; }
ul li a { display: block; background: url(../images/icons.png) 5px 5px no-repeat; background-size: 120px 40px; border: 2px solid #fff; width: 50px; height: 50px; font-size: 16px; border-radius: 100%; opacity: 0.9; text-indent: -9999px; transition: 0.2s linear; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; }
.lte8 ul li a { background-image: url(../images/icons-standard.png); }
ul li a.linkedin { background-position: -35px 5px; }
ul li a.contact { background-position: -75px 5px; }
ul li a:hover { background-color: rgba(0,0,0,0.75); }

h1:hover, ul li a:hover, i:hover { opacity: 1; }

i { display: inline-block; border: 2px solid #fff; width: 100px; height: 100px; line-height: 100px; font-style: normal; font-size: 36px; font-weight: 700; text-align: center; border-radius: 100%; color: #fff; position: fixed; z-index: 101; top: 28%; left: 50%; margin-left: -50px; opacity: 0.9; }

.wrap { margin: 0 auto; min-width: 280px; max-width: 2400px; overflow: hidden; }
.ie6 .wrapper { width: 940px; }
.ie7 .wrapper, .ie8 .wrapper { min-width: 920px; }
.header { width: 100%; height: 70px; background: #eee; margin: 0 0 15px; }
.logo { color: #555; float: left; margin-left: 3%; line-height: 50px; text-transform: uppercase; font-weight: 600; font-size: 20px; }
.logo span { display: none; }

.site { width: 20%; margin: 0; height: 350px; line-height: 350px; float: left; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; opacity: 0.2; filter: alpha(opacity=20); overflow: hidden; position: relative; z-index: 1; }
.site a.thumb { display: block; }
.site img { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.site.rosiemeryl img { margin-left: -50px; }
.site span.name { display: block; width: 100%; height: 50px; line-height: 20px; padding: 10px 0 0; background: rgba(0,0,0,0.75); color: #fff; text-align: center; position: absolute; bottom: -60px; left: 0;  transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.site span.name a { color: #fff; display: block; }
.site:hover { opacity: 0.7; filter: alpha(opacity=70); }
.site:hover span.name { bottom: 0; }
.site .about { display: block; background: #ccc; color: #333; font-size: 20px; text-align: center; }
.site .about:hover { text-decoration: none; }

#about, #contact { max-width: 600px; padding: 15px 17px 3px; }
#about h2, #contact h2 { font-size: 160%; line-height: 120%; margin: 0 0 15px; }
#about p, #contact p { line-height: 170%; margin: 0 0 12px; }

#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}* html #fancybox-loading{position:absolute;margin-top:0;}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/fancybox/fancybox.png);}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;background:#000!important;}* html #fancybox-overlay{position:absolute;width:100%;}#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;display:none;margin:0;padding:20px;}#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;outline:none;overflow:hidden;margin:0;padding:0;}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url(/fancybox/fancybox.png);background-position:-40px 0;cursor:pointer;z-index:1103;display:none;}#fancybox_error{color:#444;font:normal 12px/20px Arial;margin:0;padding:7px;}#fancybox-content{height:auto;width:auto;margin:0;padding:0;}#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;margin:0;padding:0;}#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}#fancybox-title{position:absolute;bottom:0;left:0;font-family:'Montserrat', Arial;font-size:12px;z-index:1102;}.fancybox-title-inside{text-align:center;color:#333;padding:10px 0;}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:300;}.fancybox-title-over{color:#FFF;text-align:left;}#fancybox-title-over{background-image:url(/fancybox/fancy_title_over.png);display:block;padding:10px;}#fancybox-title-wrap{display:inline-block;}#fancybox-title-wrap span{height:32px;float:left;}#fancybox-title-left{padding-left:15px;background-image:url(/fancybox/fancybox.png);background-position:-40px -90px;background-repeat:no-repeat;}#fancybox-title-main{font-weight:400;line-height:29px;background-image:url(/fancybox/fancybox-x.png);background-position:0 -40px;color:#FFF;}#fancybox-title-right{padding-left:15px;background-image:url(/fancybox/fancybox.png);background-position:-55px -90px;background-repeat:no-repeat;}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(/fancybox/blank.gif);z-index:1102;display:none;}#fancybox-left{left:0;}#fancybox-right{right:0;}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}#fancybox-left-ico{background-image:url(/fancybox/fancybox.png);background-position:-40px -30px;}#fancybox-right-ico{background-image:url(/fancybox/fancybox.png);background-position:-40px -60px;}#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}#fancybox-left:hover span{left:20px;}#fancybox-right:hover span{left:auto;right:20px;}.fancy-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;}#fancy-bg-n{top:-20px;left:0;width:100%;background-image:url(/fancybox/fancybox-x.png);}#fancy-bg-ne{top:-20px;right:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -162px;}#fancy-bg-e{top:0;right:-20px;height:100%;background-image:url(/fancybox/fancybox-y.png);background-position:-20px 0;}#fancy-bg-se{bottom:-20px;right:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -182px;}#fancy-bg-s{bottom:-20px;left:0;width:100%;background-image:url(/fancybox/fancybox-x.png);background-position:0 -20px;}#fancy-bg-sw{bottom:-20px;left:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -142px;}#fancy-bg-w{top:0;left:-20px;height:100%;background-image:url(/fancybox/fancybox-y.png);}#fancy-bg-nw{top:-20px;left:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -122px;}#fancybox-loading.fancybox-ie div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale');}.fancybox-ie #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}.fancybox-ie #fancybox-title-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale');}.fancybox-ie #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale');}.fancybox-ie .fancy-bg{background:transparent!important;}.fancybox-ie #fancy-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png',sizingMethod='scale');}

@media only screen and (max-width: 1024px) {
h1 { font-size: 50px; line-height: 56px; }
.site { height: 250px; line-height: 250px; }
ul { top: 65%; }
}

@media only screen and (max-width: 900px) {
h1 { font-size: 40px; line-height: 46px; }
.site { width: 50%; }
.site:last-child { width: 100%; }
ul { top: 63%; }
}

@media only screen and (max-width: 700px) {
h1 { font-size: 30px; line-height: 36px; }
ul { top: 63%; }
}

@media only screen and (max-width: 550px) {
h1 { font-size: 28px; line-height: 34px; }
.site { height: 150px; line-height: 150px; }
.site span.name { font-size: 13px; }
.site span.name a { font-size: 10px; }
.site .about { font-size: 16px; }
i { top: 24%; }
ul { top: 65%; }
}


@media only screen and (max-height: 440px) {
i { width: 70px; height: 70px; line-height: 70px; font-size: 26px; top: 10%; margin-left: -35px; }
ul { top: 74%; }
}