/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


body{font-family:"museo-sans-rounded","museo-sans",sans-serif;font-size:14px;color:#232c28;}
b {font-weight:bold}
h1, h2 {color:#5bbdb1;text-transform:uppercase;border-bottom:1px solid #5bbdb1;font-size:30px;line-height:50px;margin-bottom:20px}
p {margin-bottom:10px;line-height:1.4em}
hr {border: 0;height: 1px;background: #232c28;margin:20px 0}
a {color:#232c28;text-decoration:none}
a:hover {text-decoration:underline}

/* Home */
#background-image {position:fixed; top:0;left:0;bottom:0;right:0;z-index:0;background:no-repeat center center url(/assets/visual/shire_bg.jpg);background-size:cover }
#background {position:fixed; top:0;left:0;bottom:0;right:0;z-index:1;
background:-moz-radial-gradient(circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), url(/assets/visual/home_bg.png);background:-webkit-gradient(radial, circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.65))), url(/assets/visual/home_bg.png);background:-webkit-radial-gradient(circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), url(/assets/visual/home_bg.png);background:-o-radial-gradient(circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), url(/assets/visual/home_bg.png);background:-ms-radial-gradient(circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), url(/assets/visual/home_bg.png);background:radial-gradient(circle, rgba(0, 9, 4, 0.1), rgba(0, 9, 4, 0.3), rgba(0, 9, 4, 0.6)), url(/assets/visual/home_bg.png)}
#home span.title{visibility:hidden}
#home img{max-width:100%}
#home > div.home {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:440px;text-align:center;height:200px;text-transform:uppercase;z-index:5}
#home div.home a{margin-top:20px;display:inline-block;width:32%;text-align:center;text-decoration:none;color:#fff;letter-spacing:3px}
#home div.home a object {max-height:101px; max-width:93px}
#home div.home a.portfolio object {max-width:108px;margin-right:2px}
#home div.home a img, #home div a object{margin-bottom:10px;-moz-transition: all ease  0.25s;-o-transition: all ease  0.25s;-webkit-transition: all ease  0.25s;transition: all ease  0.25s;-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);-webkit-transform: scale(0.95);transform: scale(0.95);}
#home div.home a:hover img, #home div a:hover object  {-moz-transition: all ease 0.125s;-o-transition: all ease 0.125s;-webkit-transition: all ease 0.125s;transition: all ease 0.125s;-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
a.svg {position: relative;display: inline-block;}
a.svg:after { content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;}

@media screen and (max-width:465px){
	#home > div.home {width:300px}
	#home div.home a{letter-spacing:2px}
}
@media screen and (max-height:500px){
	#home > div.home {height:285px}
}
@media screen and (max-height:285px){
	#home > div.home {position:relative}
}