* { border:0; margin:0; padding:0; outline:none; }
li { list-style:none; }
p { padding:0 0 1.3em; }

body {
	color:#585857;
	font:normal 14px/1.5em Verdana, Arial, sans-serif;
}
a {
	color:#c12126;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background:none;
	content:' ';
}
textarea, input[type="password"], input[type="text"], input[type="email"], *[placeholder] {
	border:none;
	padding:8px 9px 8px;
	font-family:Verdana;
	font-size:12px;
	color:#585857;
	background:#d8d8d7 url('../images/input.png') repeat-x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-bottom:8px;
	resize:none;
	margin-top:0;
	outline:none;
}
*[placeholder] { color:#999; }
textarea:hover, input[type="password"]:hover, input[type="text"]:hover,
textarea:focus, input[type="password"]:focus, input[type="text"]:focus{
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
}
.inner {
	width:991px;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	min-height:400px;
}
#header {
	margin:40px auto 0;
	width:991px;
}
.logo {
	display:block;
	margin:20px auto 40px;
	text-align:center;
}
.logo a {
	font:normal 46px/1em 'PT Sans', Verdana, sans-serif;
	letter-spacing:14px;
	color:#adacac;
	text-decoration:none;
}

#footer {
	color:#161616;
	font-size:11px;
	line-height:21px;
	margin:0 auto;
	width:971px;
}
#footer .text2, #footer .text2 a {
	color:#ccc;
}
.s {
	background:#FFFFFF;
	border:3px double #333333;
	cursor:pointer;
	padding:4px 10px;
	color:#333;
	-webkit-transition-duration:.6s;
	-moz-transition-duration:.6s;
	-o-transition-duration:.6s;
	-ms-transition-duration:.6s;
	transition-duration:.6s;
}
.s:hover {
	background:#c12126;
	color:#fff;
}
blockquote {
	background:url('../images/quote.png') no-repeat top left;
	padding-left:36px;
	margin-bottom:1.3em;
	font-style:italic;
	display:block;
}

.contactTable { margin-top:10px; }
.contactTable td { padding-bottom: 6px; }
.contactIcon {
	background:url('../images/contact.png') repeat-y;
	height:20px;
	line-height:20px;
	padding-left:30px;
	margin-bottom:9px;
	margin-left:130px;
}
.contactIcon.contactPhone { background-position:0px 0px; }
.contactIcon.contactEmail { background-position:0px -40px; }
.contactIcon.contactAddress { background-position:0px -60px; }

div.galleryContent a, div.navigation a { text-decoration: none; color: #777; }
.artPage img { float:left; margin:0 15px 15px 0; padding:5px; border:1px solid #ccc; width:488px; }

.floater {
	float:left;
	margin:0 15px 15px 0;
	box-shadow:0 0 1px 0 #333;
}

h1 {
	font-size: 18px;
	line-height: 18px;
	color: #585857;
	padding:8px 0 14px 0;
	margin: 18px 0;
	border-bottom: 1px solid #c12126;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Verdana;
}
h2 {
	font-size: 16px;
	line-height: 16px;
	color: #585857;
	padding:4px 0 8px 0;
	margin: 18px 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	text-transform: capitalize;
	font-family: Verdana;
}
h3 {
	font-size: 14px;
	line-height: 14px;
	color: #333;
	padding:4px 0 4px 0;
	margin: 10px 0;
	text-transform: capitalize;
	font-family: Verdana;
}

/* MENU */
.menu {
	position:relative;
	z-index:100;
	margin:0 auto;
	padding:0;
	width:991px;
	text-align:center;
}
.menu ul {
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0 0 40px;
}
.menu ul li {
	float:left;
	position:relative;
	padding:0 1px 0 0;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	padding:0 20px;
	float:left;
	font:normal 15px/17px Arial;
	color:#adacac;
	letter-spacing:5px;
	border-left:1px solid #999;
	text-shadow:1px 1px 1px #ddd;
	text-transform:uppercase;
}
.menu ul li a.homePage {
	border:none;
}
.menu ul li a:hover, .menu ul li a.current {
	color:#333;
}

/* HOME BANNERS */
#all-banners {
	height:588px;
	text-align:center;
	background:url('../images/visuals/shadow.jpg') no-repeat bottom center;
}
#all-banners a img {
	margin-right:19px;
	box-shadow:0 4px 6px 0 rgba(0,0,0,0.2);
}
#all-banners a img#last-image {
	margin-right:0;
}

/* GALLERY HOVERDIR */
.hoverdir {
	list-style:none;
	position:relative;
	padding:0;
}
.hoverdir li {
	float:left;
	margin:0 5px 10px 5px;
	background:#fff;
	border:4px solid #fff;
	position:relative;
	box-shadow:0px 0px 1px 0 #333;
	overflow:hidden;
	width:106px;
	height:106px;
}
.hoverdir li, .hoverdir li img {
	display:block;
	position:relative;
	min-width:106px;
	min-height:106px;
	max-width:106px;
	max-height:106px;
	overflow:hidden;
}
.hoverdir li div {
	left:-8000px;
	position:absolute;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
}
.hoverdir li div span {
	display:block;
	padding:6px 0;
	margin:20px 20px 12px 20px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(255,255,255,0.5);
	box-shadow:0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
	text-align:center;
}
.hoverdir li div a { text-decoration:none !important; }
.hoverdir > .cat-label {
	width:auto;
	height:auto;
	background:none;
	border:none;
	box-shadow:none;
	float:none;
	clear:both;
	margin-bottom:10px;
}

/* CONTACT */
#contact-form {
	width:400px;
	float:left;
	margin-top:10px;
}
#contact-form label {
	float:left;
	display:inline-block;
	width:100px;
}
#contact-form input, #contact-form textarea {
	width:280px;
}
#contact-form textarea {
	height:180px;
}
#contact-form .s {
	float:right;
	margin-right:2px;
}
.contactBox {
	float:right;
	width:490px;
	margin-top:19px;
}
.contactBox .social img {
	width:31px;
	height:31px;
	margin-right:6px;
}

.page-holder {
	margin-left:242px;
}

.gallery-icons {
	margin:64px 0 0 19px;
	background:none !important;
}
.gallery-icons img {
	width:31px;
	height:31px;
	min-width:31px !important;
	min-height:31px !important;
	float:left !important;
	margin-right:6px;
}

.resume-section ul {
	margin-left:17px;
}
.resume-section ul li {
	list-style:square;
	margin-bottom:6px;
}
.skill-tags span {
	display:inline-block;
	background:#f0f0ef;
	color:#585857;
	padding:4px 10px;
	margin:0 6px 8px 0;
	border-radius:3px;
	font-size:12px;
}
.skill-tags span:after {
	content:' \2022 ';
	color:#c12126;
}
.skill-tags span:last-child:after {
	content:'';
}

.the-tooltip:hover { overflow:visible; }
.the-tooltip {
  position: relative;
}
.the-tooltip :focus + :last-child, .the-tooltip:focus > :last-child, .the-tooltip:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0s;
  -moz-transition: 0.4s 0s;
  -ms-transition: 0.4s 0s;
  -o-transition: 0.4s 0s;
  transition: 0.4s 0s;
  visibility: visible;
}
.the-tooltip > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-sizing: border-box;
  font-size: 11px;
  text-align:center;
  line-height: 1.5;
  opacity: 0;
  padding: 10px 20px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 250px;
  z-index: 999;
}
.the-tooltip > :last-child:after, .the-tooltip > :last-child:before {
  border: solid 11px;
  content: "";
  display: block;
  margin: 0 20px 0 20px;
  position: absolute;
}
.the-tooltip.bottom > :last-child {
  margin-top: 15px;
  top: 100%;
}
.the-tooltip.bottom > :last-child:after {
  margin-bottom: -1px;
}
.the-tooltip.bottom > :last-child:after, .the-tooltip.bottom > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.the-tooltip.center > :last-child {
  left: -125px;
  margin-left: 50%;
}
.the-tooltip.center > :last-child:after, .the-tooltip.center > :last-child:before {
  left: 50%;
  margin-left: -10px;
}
.the-tooltip.full-width > :last-child {
  left: 0;
  margin-left: 0;
  width: 100%;
}
.the-tooltip.black > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.the-tooltip.black > :last-child:after {
  border-color: #333333;
}
.the-tooltip.black > :last-child:before {
  border-color: #0d0d0d;
}