@charset "utf-8";
/* CSS Document */

img.flip {
  -webkit-animation: flip 1s;
  animation: flip 1s;
}
@-webkit-keyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}
@keyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}

img.work {
	padding-top: 30px;
}

form #website{ display:none;
}

H1 {
	color: #000000;
	padding-top: 20px;
	font-size:18px;
	text-transform: uppercase;
	font-family: "neosans regular", "Helvetica Neue", Helvetica, Arial, Sans-serif;
	text-align: left;
	letter-spacing: 0.2em;
}

H2 {
	color: #000000;
	padding-top: 20px;
	font-size:18px;
	text-transform: uppercase;
	font-family: "neosans regular", "Helvetica Neue", Helvetica, Arial, Sans-serif;
	text-align: left;
	letter-spacing: 0.2em;
}

H4 {
	color: #000000;
	font-size:14px;
	text-transform: uppercase;
	font-family: "neosans regular", "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

P {
	text-align: left;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
}
p.indent {
	padding-left: 50pt;
    padding-right: 50pt;
	font-weight: bold;
}

li {
	font-size: 14px;
    color: #999999;
	text-transform: uppercase;
}

a {
	color: #000000;
	text-transform: uppercase;
}
a:hover {
	color: #EF3B39;
}
a.email {
	color: #000000;
	text-transform: lowercase;
}
a.project {
	font-size: 20px;
	letter-spacing: 0.2em;
}

a.linking {
	color: #036;
	text-transform: uppercase;
}

a.menuitem {
	letter-spacing: 0.2em;
}

a.down {
	color: #EF3B39;
}

h3 {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    font-weight: normal;
    opacity: 10;
    filter: alpha(opacity=100);
	padding-left: 50px;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
.spacebelow {
	margin-bottom: 50pt;
}

hr.style11 {
	height: 6px;
	background: url(http://www.robnobledesign.co.uk/images/hr-11.png) repeat-x 0 0;
    border: 0;
}
.vl {
  border-left: 1px solid black;
  height: 500px;
}


.Bright {
	color: #ff3333;
}

.services {
	margin: 20px 0 15px 0;
}

.header {
	padding-top: 40px;
}

.footer {
	background-color: #000000;
	color: #fff;
	padding: 30px 5px 10px 0;
}

.centre {
	text-align: center;
	vertical-align:central;
}

.break {
	padding-top: 20px;
}