/*  @imports
------------------------------------*/
@import url("fonts.css");


/*  Globals
------------------------------------*/
body {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	margin: 0;
	padding: 0 0 50px 0;
	overflow: auto;
	height: 100%;
	background: #68645b;
}
#page {background:#222222;}

.clr {clear: both;}
a img {border: 0 !important;}
a:link, a:visited {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted #e8b02c;
}
a:hover {
  border-bottom: 1px solid #e8b02c;
}

.right {float:right;}
.left {float:left;}
img.right {margin-left:10px;}
img.left {margin-right:10px;}

h1, h2, h3, h4, h5, h6 {
  font-family: Constantia, Georgia, serif;
}

h1 {text-shadow: #e8b02c 1px 2px 6px;margin: 0 0 .7em 0;font-size:33px;line-height:1.4em;font-family:'IM Fell English', serif;}
h2 {text-shadow: #e8b02c 1px 1px 1px;}

p {line-height: 1.5em;}

#content p {margin: 0 0 1em 0;}

a.hero {border-bottom: none !important;}

/*  Navigation Bar
------------------------------------*/
div#nav {width: 900px;padding: 20px;margin: 0 auto;height: 97px;}

div#nav #logo {float: left;}
div#nav ul {
	float: left;
	margin: 32px 0 0 32px;
	padding: 0;
	list-style-type: none;
	background: #6d6962;
	overflow: hidden;
	height: 37px;
	border: 2px solid #1f1f1f;
	background: url(../img/nav-sprite.png) no-repeat;
	-moz-box-shadow:1px 1px 1px #1f1f1f;
}

div#nav ul li, div#nav ul li a {float: left;width: 125px;text-align: center;padding: 40px 0;}
div#nav ul li {padding: 0;position: relative;}
div#nav ul li a, div#nav ul li div {width: 125px;height: 37px;overflow: hidden;}
div#nav ul li a {z-index: 5;}
div#nav ul li div {
  position: absolute;left: 0;top: 0;
  background: url(../img/nav-sprite.png) no-repeat;
}
div#nav ul li a:hover {
  background: url(../img/nav-sprite.png) no-repeat;
}
div#nav ul li#nav-portfolio a{
	background-position: 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-top-left: 5px;
	-webkit-border-radius-bottom-left: 5px;
}
div#nav ul li#nav-portfolio a:hover {
  background-position: 0 -37px;
}
div#nav ul li#nav-portfolio a:focus, div#nav ul li#nav-portfolio a:active {
  background-position: 0 -74px;
}
div#nav ul li#nav-downloads a{
  background-position: -125px 0;
}
div#nav ul li#nav-downloads a:hover, div#nav ul li#nav-downloads div{
  background-position: -125px -37px;
}
div#nav ul li#nav-downloads a:focus, div#nav ul li#nav-downloads a:active {
  background-position: -125px -74px;
}

div#nav ul li#nav-journal a{
  background-position: -250px 0;
}
div#nav ul li#nav-journal a:hover, div#nav ul li#nav-journal div{
  background-position: -250px -37px;
}
div#nav ul li#nav-journal a:focus, div#nav ul li#nav-journal a:active {
  background-position: -250px -74px;
}

div#nav ul li#nav-contact a{
  background-position: -375px 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius:5px;border-bottom-right-radius:5px;
}
div#nav ul li#nav-contact a:hover, div#nav ul li#nav-contact div {
  background-position: -375px -37px;
}
div#nav ul li#nav-contact a:focus, div#nav ul li#nav-contact a:active {
  background-position: -375px -74px;
}

/*  Content Area Specific
------------------------------------*/
div#content {padding: 25px;margin: 0 auto;position:relative;width:900px;}
div#content:after {content: ".";clear: both;visibility: hidden;}

/*  Footer
------------------------------------*/
div#footer {clear: both;margin:0 auto;width:900px;}
div#footer p {text-align: center;}
div#footer div.footerinside {width: 900px;padding: 0 20px;margin: 0 auto;}

body.portfolio div#footer div.footerinside > div {
	width: 280px;
	padding: 0 10px;
	float: left;
}

div#footer h3, div#footer ul {
	
}

div#footer ul {
	line-height: 1.7em;
	margin: 0;
	padding-left: 1em;
}

/*  Tooltip Re-styled
------------------------------------*/
div#title {
	background: #cbc9c9;color: #313131;position: absolute;padding: 3px 5px;border: 1px solid #313131;-webkit-border-radius:3px;-moz-border-radius:3px;
}

/*  Download Buttons
------------------------------------*/
.download {width:100%;}
.download a{
  text-shadow:1px 1px 1px #222222;
  background:url(/img/29.png) 10px 2px no-repeat rgba(255, 255, 255, .3);
  display:inline-block;
  padding:1em 1em 1em 5em;
  border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
  border:1px solid #edb01e;
}
.download a:hover {background-position:10px -99px;background-color:rgba(255, 255, 255, .15);}
.download a:focus {background-position:10px -95px;}