html {
	height:100%; 
	background:-webkit-gradient(radial, 3% 3%, 0, 22% 22%, 350, from(#FFF), to(#EEE)) no-repeat #EEE;
	background:-moz-radial-gradient(left, #FFF, #EEE) no-repeat #EEE;
}

body{
	width:100%;
	color: #555;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	padding: 0px;
}

a{ 
	font-weight: bolder;
	text-decoration: none; 
	color: #AAA;
	text-shadow: 2px 2px 0px #FFF;
	-webkit-transition: color 1s ease, text-shadow 1s ease;
	-moz-transition: color 1s ease, text-shadow 1s ease;
	-o-transition: color 1s ease, text-shadow 1s ease;
	transition: color 1s ease, text-shadow 1s ease;
}

a:hover{
	color: #F66;
	text-shadow: 0 0 10px #CCC;

}

img{
	border: solid 15px #DDD;
	margin-bottom: 15px;
}

div#redlogo{
	position: absolute;
	top: 32px;
	left: 0px;
	width: 375px;
	height: 68px;
	background: #F4F4F4;
	background-image: url("../images/redlogo.png");
}

div#redlogo:hover{
	cursor: pointer;
}

div#mainContent{
	width: 860px;
	margin-left: 90px;
	text-align: left;
}

img#mug{
	margin-right:15px;
}

div#newTitle{
  margin: 50px 0px 50px 0px;
  background-color: #F66;
  opacity: 0.66;
  padding-left: 90px;
  font-family: jbt-annabelle-1, jbt-annabelle-2, Tahoma, Helvetica, Verdana, sans-serif;
  color: #FFF;
  font-size: 60px;
}

div#newTitle:hover{
	cursor: pointer;
}

div#locationHeader{
  float:right;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  color: #BBB;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

.sentence{
	font-size: 1.75em;
	color: #BBB;
	text-shadow: 2px 2px 0px #FFF;
}

.sentence:hover{
}

.uxText{
	margin-left: 15px;
}

.socialmedia{
	margin-top: 15px;
}
.imgSocMediaIcon{ 
	border: 0px; 
	margin-right:10px;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease; 
	opacity: 0.33;
}

.imgSocMediaIcon:hover{
	opacity: 0.66;
}

.imgNoBorder{ border: 0px; }

.col1 { float:left; width:230px; } 
.col2 { position:absolute; margin-left:250px; width:230px; }
.col3 { position:absolute; margin-left:500px; width:230px; }

.col2_big { position:absolute; margin-left:255px; width:500px; }

.row { margin: 25px; clear: both; }

.title { font-size: 1.25em; font-weight: bolder; }

/* PORTFOLIO PAGE */
div#left { position:absolute; margin-left:0px; width:200px; padding:10px 10px 10px 0px; }
div#middle { position:absolute; margin-left:230px; width:200px; padding:10px 10px 10px 0px; }
div#right { position:absolute; margin-left:470px; width:200px; padding:10px 10px 10px 0px; }

.portFeaturedLink, .portFeaturedLink:visited, .portFeaturedLink:hover {
	color: #F66;
	font-weight: bolder;
	text-decoration: none;
	background: none;
}

.disabledLink, .disabledLink:visited, .disabledLink:hover {
	color: #CCC;
	text-decoration: none;
	background: none;
	cursor: default;
}

.normalPortLink {
	color: #555;
	font-weight: normal;
	text-decoration: none;
}

.portfolioTitleTop{
	font-weight: bolder;
}

.portfolioTitle{
	margin-top: 1em;
	font-weight: bolder;
}

.subPage{
	margin-top:50px;
}