@import url("jquery.modalbox-basic.css");
@import url("jquery.modalbox-skin-default.css");

@font-face {
	font-family: 'CalibriRegular';
	src: url('calibri-webfont.eot');
	src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfontt3bPSV6J') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family:"CalibriRegular","Helvetica","Arial",sans-serif;
}

p{
	padding-bottom:13px;
	color:#cfcfcf;
	font-size: 11pt;
	text-shadow: 0px 1px 1px #333;
	line-height: 1.3em;
}

a:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6{
	letter-spacing: -1px;
	text-shadow: 0px 1px 1px #333;
	color: #909090;
	margin-bottom:7px;
	font-family: Helvetica,Arial,Tahoma;
}

h1{
	font-size: 22pt;
}

body{
	background: url('../images/bg.jpg') repeat-x top #333333;
	text-align: center;
}

div.wrapper{
	margin:0 auto;
	width:990px;
	text-align: center;
}

h1.evanmlogo{
	margin:0; auto;
	background: url('../images/evanm.png');
	overflow: hidden;
	width:345px;
	height:0;
	padding-top:120px;
	margin-left:-0px;
	position: absolute;
	top:0;
	margin-left:-50px;
	z-index: 903;
}

ul.nav{
	list-style: none;
	position:absolute;
	margin-top: 10px;
	margin-left:618px;
	
}

ul.nav li{
	float:left;
	margin:10px;
}

ul.nav li a{
	height:0px;
	width: 291px;
	color: #222223;
	text-decoration: none;
	display: block;
	padding-top:69px;
	overflow: hidden;
}

#portfolio{background: url('../images/btn-portfolio.jpg') top;}
#inquire{background: url('../images/btn-inquire.jpg') top;}

#portfolio:hover, #inquire:hover{
	background-position: 0 -69px !important;
}

#portfolio:active, #inquire:active,  #inquire.isActive, #inquire.isActive:hover, #portfolio.isActive, #portfolio.isActive:hover{
	background-position: 0 -138px !important;
}

div#info{
	background: url('../images/infoblob-back.jpg') repeat-x top #4c4c4c;
	border:1px #585858 solid;
	margin:0 auto;
	width:962px;
	position: relative;
	z-index: 901;
	text-align: left;
	padding:14px;
}

div#inquiryform{
	margin:0 auto;
	background: url('../images/inquirebg.gif') top right no-repeat #3f3f3f;
	border:1px #585858 solid;
	border-bottom: none;
	padding:12px;
	width:850px;
	height:160px;
	text-align: left;
	color:#e5e5e5;
	text-shadow: 0px 1px 1px #333;
	display: none;
}

div#inquiryform label{
	display: block;
	float:left;
	width:70px;
	color:white;
	text-align: right;
	margin-right:6px;
	padding-top:5px;
	color:#cfcfcf;
	font-size: 12pt;
	text-shadow: 0px 1px 1px #333;
}

div#inquiryform input, div#inquiryform textarea{
	font-size: 11pt;
	background-color: #686868;
	color:white;
	margin-top:4px;
	padding:3px;
	width:180px;
	border: none;
}

div#inquiryform #submit{
	background: url('../images/send.jpg') top no-repeat;
	width:80px;
	height:76px;
	float:left;
	margin-left:4px;
}

div#inquiryform #submit:hover{
	background-position: 0 -76px !important;
}

div#inquiryform #submit:active{
	background-position: 0 -152px !important;
}

#successmsg{
	display: none;
	text-align: center;
	font-size: 16pt;
	padding-top: 65px;
	letter-spacing: -1px;
}

#failuremsg{
	display: none;
	text-align: center;
	font-size: 11pt;
	color: #ffa7a7;
	text-shadow: 0px 1px 1px #000;
}

div.about{
	float:left;
	width:550px;
	text-align: justify;
}


div#monitor{
	background: url('../images/display.png') no-repeat;
	width:484px;
	height:342px;
	margin:0 auto;
	position: absolute;
	top:0;
	margin-left:385px;
	z-index: 902;
}

#portfolioNavigator{
	position: absolute;
	z-index: 1000;
	top:28px;
	margin-left:900px;
	display: none;
}

#portfolioNavigator a{
	display: block;
	float:left;
	margin-right:3px;
	color:#585858;
	padding-top: 1px;
	height:24px;
	font-size: 16pt;
	width:24px;
	text-align: center;
	text-decoration: none;
}

#portfolioNavigator a:hover{
	color: #AAA;
}

#portfolioNavigator a.there{
	background: url('../images/btn.jpg') bottom center #585858;
	color:black;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#portfolioStage{
	display: none;
	width: 990px;
	overflow: hidden;
	height:470px;
	margin-top:80px;
}

#portfolioStageOversizer{
	width: 10000px;
	height:470px;
}

.portfolioStageDivider{
	width: 990px;
	height:470px;
	float: left;
}

#portfolioStage ul{
	list-style: none;
}

.portfolioItem{
	background-color: #4c4c4c;
	border: 1px #585858 solid;
	height:124px;
	float: left;
	width:472px;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:20px;
	padding-top:7px;
}

.portfolioItemFeatured{
	background-color: #4c4c4c;
	border: 1px #585858 solid;
	height:124px;
	float: left;
	width:966px;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom:20px;
	padding-top:7px;
}

.portfolioItem a, .portfolioItemFeatured a{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: .4;	
}

.portfolioItem a:hover, .portfolioItemFeatured a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;	
}

.portfolioTag{
	width:109px;
	height:36px;
	position: relative;
	margin-left: 370px;
	margin-top: -110px;
	z-index: 700;
}

.portfolioTagFeatured{
	width:109px;
	height:36px;
	position: relative;
	margin-left: 864px;
	margin-top: -110px;
	z-index: 700;
}

.tagWeb{background: url('../images/tag-web.gif');}
.tagLogo{background: url('../images/tag-logo.gif');}
.tagInterface{background: url('../images/tag-interface.gif');}

#port01{background: url('../images/port01.jpg');-moz-background-size: cover;background-size: cover;}
#port02{background: url('../images/port02.jpg');-moz-background-size: cover;background-size: cover;}
#port03{background: url('../images/port03.jpg');-moz-background-size: cover;background-size: cover;}
#port04{background: url('../images/port04.jpg');-moz-background-size: cover;background-size: cover;}
#port05{background: url('../images/port05.jpg');-moz-background-size: cover;background-size: cover;}
#port06{background: url('../images/port06.jpg');-moz-background-size: cover;background-size: cover;}

.stage{
	display: none;
	margin-bottom:100px;
}

.roundabout-holder {
	width: 700px;
	height: 370px;
	margin: 0px auto;
	margin-top:-89px;
	margin-left: 280px;
}

.roundabout-moveable-item {
	width: 439px;
	height: 276px;
	opacity: 0.3;
	line-height: 4em;
	text-align: center;
	cursor: pointer;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center !important;
}

.roundabout-in-focus {
	cursor: auto;
}

.monolith { 
	background:url('../images/display-back.jpg');
	position: absolute;
	width: 439px;
	top: 128px;
	left: 127px;
	z-index: 350;
	height: 276px;
}

.monolith .pad {
	padding: 1em; 
	text-align: center;
	color: green;
}

.pad em { color: #eee; }


.s-top{
	width:100%;
	height:7px;
	background: url('../images/box-shadow-top.png') center center no-repeat;
	position:absolute;
	margin-top:-23px;
}

.portfolioEnlarger{
	font-size: 10pt;
}

.portfolioLink, .portfolioLink:visited{
	color: #b8d5f5;
}

.portfolioLink:hover{
	color:#90b8e5;
}

.copyright{
	background: url('../images/box-shadow-bottom.png') top center no-repeat;
	padding-top:15px;
	margin-bottom:7px;
	font-size: 9pt;
	color: #414141;
}