/* Custom fonts */

@font-face{
	font-family:'PT Sans';
	src: url('fonts/pt-sans.eot');
	src: local('://'), url('fonts/pt-sans.svg#ptsans-regular') format('svg'), url('fonts/pt-sans.woff') format('woff'),  url('fonts/pt-sans.ttf') format('truetype');
}
@font-face{
	font-family:'PT Sans';
	font-weight:bold;	
	src: url('fonts/pt-sans-bold.eot');
	src: local('://'), url('fonts/pt-sans-bold.svg#ptsans-bold') format('svg'), url('fonts/pt-sans-bold.woff') format('woff'),  url('fonts/pt-sans-bold.ttf') format('truetype');
}
@font-face{
	font-family:'PT Sans Caption';
	src: url('fonts/pt-sans-caption.eot');
	src: local('://'), url('fonts/pt-sans-caption.svg#ptsans-caption') format('svg'), url('fonts/pt-sans-caption.woff') format('woff'),  url('fonts/pt-sans-caption.ttf') format('truetype');
}

/* Elements */

html{
  min-height:100%;
  background:#bc0809 url("header.png") repeat-x scroll top center;
  overflow-y:scroll;
}

body{
	font-family:'PT Sans', Verdana, Arial;
	font-size:13pt;
	min-height:100%;
	margin:0;
	padding:0px;
}
h1, h2, h3, h4, h5, h6, .heading{
  margin:0;
  padding:0;
  font-weight:bold;
  font-family:'PT Sans Caption', 'PT Sans', Verdana, Arial, sans-serif;
  color:#c40808;
}
h2{
  display:block;
  margin:0 0 0.5em 0;
  padding-top:0.5em;
  border-bottom:1px solid #c1c1c1;
  clear:both;
}
h3{
  display:block;
  margin:1em 0 0.5em 0;
  border-bottom:1px solid #c1c1c1;
}
h3.flow{
  display:inline-block;
}
img{
	border:0 !important;
}
em, i{
	font-style:italic;
}
strong, b{
	font-weight:bold;
}
strong{
	color:#c60808;
}
dt{
  font-weight:bold;
}
dd{
  margin-left:1em;
  margin-bottom:1em;
}
ul{
	padding:0;
	margin:0;
	list-style-type:disc;
	margin-left:20px;
}
ul li{
	margin-right:0.5em;
	margin-bottom:1em;
}
:selection{
  background-color:#262626;
  color:#ffffff;
}
::-moz-selection{
  background-color:#262626;
  color:#ffffff;
}
button, input, textarea{
  font-family:'PT Sans', Verdana, Arial;
}

/* Page Structure */
.container{
	display:block;
	width:960px;
  margin:0 auto;
}
#header{
  height:190px;
  background:url("scratches.png") repeat-x scroll center 150px transparent
}
a#logo{
  display:block;
  width:330px;
  height:140px;
  float:left;
  margin:10px;
  border:0;
}
a#logo h1{
  background-image:url("logo.png");
  overflow:hidden;
  padding-top:139px;
  height:0;
  color:white;
}
#page{
  background-color:white;
  
}
#page:after{ /* clear fix */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div#page a:link,
div#page a:active,
div#page a:visited{
  text-decoration:underline;
  color:#c40808;
}
div#page a:hover{
  text-decoration:none;
}
div#page p{
  margin:0 0 1em 0;
  line-height:1.4;
  text-align:justify;
}
ul#menu{
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
	margin-right:10px;
	font-family:'PT Sans Caption', 'PT Sans', Verdana, Arial, sans-serif;
}
ul#menu li{
	display:inline-block;
	margin-right:5px;
	vertical-align:text-top;
  text-transform:lowercase;
  font-weight:bold;
  font-size:80%;
}
ul#menu li.self a,
ul#menu li.self a:hover{
  background-color:white;
  text-shadow:none;
  color:#c40808;
  padding-top:25px;
  -moz-box-shadow:0 0 10px #404040;
  -webkit-box-shadow:0 0 10px #404040;
  -o-box-shadow:0 0 10px #404040;
  -ms-box-shadow:0 0 10px #404040;
  box-shadow:0 0 10px #404040;
}
ul#menu li a{
  padding:20px 10px 12px 10px;
  display:block;
  text-decoration:none;
  color:white;
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  -o-border-radius:0 0 5px 5px;
  -ms-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
}
ul#menu li a:hover{
	background-color:#c40808;
  text-shadow:1px 1px 6px #404040;
  padding-top:25px;
  -moz-box-shadow:0 0 10px #404040;
  -webkit-box-shadow:0 0 10px #404040;
  -o-box-shadow:0 0 10px #404040;
  -ms-box-shadow:0 0 10px #404040;
  box-shadow:0 0 10px #404040;
  -moz-transition-duration:0.5s;
  -moz-transition-property:padding-top, background-color, -moz-box-shadow;
  -webkit-transition-duration:0.5s;
  -webkit-transition-property:padding-top, background-color, -webkit-box-shadow;
  -o-transition-duration:0.5s;
  -o-transition-property:padding-top, background-color, -o-box-shadow;
  transition-duration:0.5s;
  transition-property:padding-top, background-color, box-shadow;
}
div#footer{
  color:white;
  clear:both;
  height:150px;
  padding-top:50px;
  background:transparent url("scratches-bottom.png") repeat-x scroll center top;
}
ul#feet{
  list-style-type:none;
  padding:0;
  height:160px;
}
ul#feet:after{ /* clear fix */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
ul#feet li.foot{
  float:left;
  display:block;
  width:15%;
  height:100%;
  margin:0;
  padding:0;
}
ul#feet li.left{
  width:30%;
  padding-right:1%;
  border-right:2px solid #ab0b0e;
}
ul#feet li.centre-left{
  width:25%; /* 31% */
  padding:0 1%;
  border-right:2px solid #ab0b0e;
}
ul#feet li.centre-right{
  width:20%;
  padding:0 1%;
  border-right:2px solid #ab0b0e;
}
ul#feet li.right{
  padding-left:1%;
  width:15%;
}
div#footer h6{
  text-shadow:1px 1px 6px #404040;
  font-size:95%;
  color:white;
}
div#footer a{
  color:white;
}
div#footer a:hover{
  text-decoration:none;
}
ul#feet p, 
ul#feet dl, 
ul#feet ul{
  font-size:75%;
}
ul#feet p{
  line-height:1.3;
  margin:0.7em 0;
}
ul#feet dl{
  margin:0.7em 0;
}
ul#feet dd{
  margin-bottom:0.5em;
}
ul#what-we-can-do li{
  margin-bottom:0.5em;
}


/* Forms */
fieldset{
	border:0;
	border-left:1px solid #c1c1c1;
	padding-left:20px;
}
fieldset p{
  color:#bc0809;
  font-weight:bold;
}
label{
  display:block;
  font-weight:bold;
  color:#2f2f2f;
}
input.text, textarea{
	border:1px solid #c1c1c1;
	display:block;
	padding:2px;
	font-family:inherit;
	font-size:80%;
	width:100%;
  margin-bottom:10px;

}
textarea{
  height:5em;
}
button{
	display:block;
	width:100px;
	margin:10px auto;
	padding:10px;
	border:0;
	font-weight:bold;
	background:#bc0809;
	color:white;
}


/* Pages */
img.portfolio-website,
img.portfolio-photo{
  border:1px solid #c1c1c1 !important;
  position:relative;
  top:-40px;
  float:right;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:-30px; /* equates to a positive margin of 10px */
}
ul#portfolio-grid{
  list-style:none;
}
ul#portfolio-grid li{
  float:left;
  padding:10px;
}
a.portfolio-box{
  display:inline-block;
  padding:10px;
  border:1px solid #c1c1c1;
  background-color:white;
  text-decoration:none !important;
}
a.portfolio-box:hover{
  border-color:black;
  -moz-box-shadow:0 0 15px #404040;
  -webkit-box-shadow:0 0 15px #404040;
  -o-box-shadow:0 0 15px #404040;
  -ms-box-shadow:0 0 15px #404040;
  box-shadow:0 0 15px #404040;
}
a.portfolio-box img{
  display:block;
}
a.portfolio-box span{
  display:block;
  margin-top:10px;
  text-align:center;
  font-weight:bold;
  color:black;
}
img.splash1{
  float:right;
}
img.splash2{
  float:right;
}

div#page_contact div#contact_methods{
  width:45%;
  float:left;
}
div#page_contact form#contact_form{
  overflow:hidden;
  width:50%;
  float:right;
}