/*---------------
  Base Styling
---------------*/

body {
  background-color: white;
  color: #333333;
  font-family: 'Eras Medium ITC', Optima, Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  line-height: 1.5;
}

#page {
  margin: 10px auto 20px;
}

a {
  color: #192b7f;
}

a:hover,
a:focus,
a:active {
  background-color: #192b7f;
  color: white;
  text-decoration: none;
}

.roundedButton {
  background: #444444 url(../images/bgButton.png) repeat-x 0 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: white;
  font-size: 1.2em;
  padding: 5px 15px;
  text-decoration: none;
}

button.roundedButton {
  border: none;
  cursor: pointer;
  font-family: 'Eras Medium ITC', Optima, Arial, Helvetica, sans-serif;
  padding: 3px 15px;
}

.roundedButton:hover,
.roundedButton:focus,
.roundedButton:active {
  background: #192b7f url(../images/bgButton_hover.png) repeat-x 0 0;
}

h2 {
  margin: 20px 10px 30px;
}

h2 img {
  display: block;
}

h3, h4 {
  color: #8e8f91;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 20px 0;
}

h4 {
  color: #444444;
  font-size: 1.2em;
  line-height: 1.1;
}

h4 a {
  font-size: 0.8em;
  font-weight: normal;
}

.content {
  clear: both;
}

.content p {
  margin: 14px 0;
}

/* Header */

#header {
  position: relative;
}

#headerContent {
  position: absolute;
  left: 320px;
  top: 230px;
  width: 640px;
}

#header p {
  font-size: 1.3em;
  color: #444444;
  line-height: 1.3;
}

#header p.light {
  color: #8E8F91;
  margin: 43px 0 7px;
}

#header #angel-a:hover,
#header #angel-a:focus,
#header #angel-a:active {
  background-color: white;
}

/* Collection */

/* Gallery */

.gallery h4 a {
  font-size: 1em;
}

.thumbs h4 {
  line-height: 1.2;
}

.thumbs a {
  border: 1px solid #666666;
  display: block;
  float: left;
  margin: 0 0 4px 4px;
}

.thumbs a.first {
  clear: left;
  margin-left: 0;
}

.thumbs a.active,
.thumbs a:hover,
.thumbs a:focus,
.thumbs a:active {
  border-color: #E3000E;
  -moz-box-shadow: 0 0 5px #E3000E;
  -webkit-box-shadow: 0 0 5px #E3000E;
  box-shadow: 0 0 5px #E3000E;
}

.thumbs img {
  display: block;
}

.pic {
  position: relative;
}

.pic img {
  border: 1px solid #666666;
  display: block;
  margin: 0 auto;
}

.pic #loader {
  background: #333333 url(../images/ajax-loader.gif) no-repeat center center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
  opacity: 0.8;
  filter: alpha(opacity=8);
  height: 50px;
  width: 50px;
  position: absolute;
  left: 45%;
  top: 45%;
}

/* Team */

#team .person {
  margin-bottom: 30px;
}

#team .person img {
  float: left;
  margin-right: 20px;
}

#team .person p {
  font-style: italic;
}

/* References */

#refLogo {
  position: relative;
  height: 242px;
}

#refLogo li {
  position: absolute;
}

#logoBader {
  right: 0;
  top: 90px;
}

#logoJones {
  left: 0;
  top: 42px;
}

#logoFussl {
  right: 0;
  top: 200px;
}

#logoGoach {
  left: 0;
  top: 115px;
}

#logoHallHuber {
  right: 0;
  top: 0;
}

#refPDF {
  background: transparent url(../images/buttonRef.png) no-repeat 0 0;
  display: block;
  height: 108px;
  width: 300px;
  margin-top: 90px;
  text-indent: -999em;
}

#refPDF:hover,
#refPDF:focus,
#refPDF:active {
  background-position: 0 -108px;
}

/* Form */ 

.js form .input { 
  position:relative;
}

form label {
  color: #AAAAAA;
  display: block;
}

.js form label {
  position: absolute;
  top: 7px;
  left: 8px;
}

.input {
  margin-bottom: 15px;
}

input, textarea {
  background: white url(../images/bgInput.png) repeat-x 0 0;
  border: 1px solid #AAAAAA;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 7px 5px;
}

input.error,
textarea.error {
  border-color: red;
}

form p.error {
  color: red;
  margin-top: -15px;
}

input:focus,
textarea:focus {
  border-color: #777777;
}

input {
  width: 290px;
}

textarea {
  width: 610px;
}

/* @group Contact */

#address {
  background: transparent url(../images/iconCuvert.png) no-repeat 0 0;
}