@import url('reset.css');

/* @group General */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
  font-family: "Museo";
  font-style: normal;
  font-weight: normal;
  src: url(../../static/fonts/Museo300-Regular.otf) format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
  font-family: "Museo";
  font-style: oblique;
  font-weight: bold;
  src: url(../../static/fonts/Museo700-Regular.otf) format("opentype");
}


/* @end */

/* @group Layout */
body {background: url(../../static/img/bg.jpg) repeat fixed;}

#headerContainer {
	background: url(../../static/img/headerBg.png) repeat-x;
	height: 140px;
	position: fixed;
	width: 100%;
	z-index: 2;
}
#header {
	margin: 0 auto;
	width: 780px;
	padding-top: 30px;
}
#navigation {
	clear: right;
	float: right;
	padding-top: 8px;;
}

	/* @group Main Navigation Styles */
	ul#mainNav {display: block;}
	ul#mainNav li {font-size: em; display: inline; float: left; padding: 0 30px 0 0;}
	ul#mainNav a {text-transform: lowercase; font-weight: bold;}
	ul#mainNav a:active {color: white; text-transform: lowercase; font-weight: bold;}
	
	/* @end */

#contentContainer {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.content {
	padding-top: 100px;
	clear: both;
	margin: 0 auto;
	width: 780px;
	position: relative;
}
#home {width: 940px !important;}
#contact {margin-bottom: 500px;}

.divider {
	clear: both;
	height: 1000px;
	margin: 0 auto;
	width: 940px;
}

	/* @end */


	/* @group Home Page Styles */
	#home h2, #home h3, #home h4, #home p {margin: 0 80px 0 80px;}
	img#star {z-index: 1; position: absolute; padding-left: 650px;}
	/* @end */

	/* @group About Page Styles */
	#ebook_about {
		background: url(../../static/img/divider.png) no-repeat center right;
		clear: left;
		float: left;
		width: 400px;
		padding-right: 20px;
	}
	#ebook_about p {font-size: 1.2em;}
	#ebook_features {
		clear: right;
		float: right;
		width: 340px;
	}
	dl.features {
		padding-left: 60px;
		margin-bottom: 30px;
	}
	dl#features1 {background: url(../../static/img/features/1.png) no-repeat top left;}
	dl#features2 {background: url(../../static/img/features/2.png) no-repeat top left;}
	dl#features3 {background: url(../../static/img/features/3.png) no-repeat top left;}
	dl#features4 {background: url(../../static/img/features/4.png) no-repeat top left;}
	dl#features5 {background: url(../../static/img/features/5.png) no-repeat top left;}
	dt {color: #c6c6c6; font-weight: bold;}
	dd {color: #939393;}

	/* @end */
	
/* @end */

/* @group Navigation */
/* @end */

/* @group Typography */
h1 {
	background: url(../../static/img/logo.jpg) no-repeat top left;
	text-indent: -5000px; display: inline-table; height: 50px; width: 200px;
}
h2 {color: white; font: bold 2.7em "Museo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #a8a8a8 0 0 5px; letter-spacing: -0.05em;}
h3 {color: #9fc149; font: normal 2em "Museo", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
h4 {color: white; font-size: 1.2em;}

p {font-size: 1.2em; padding-bottom: 10px;} p.light {color: #dcdcdc;}
body {color: #b6b6b6; font: 100% normal "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
/* @end */

/* @group Links */
a:link, a:visited {color: #787878; text-decoration: none;}
a:hover {color: white; text-shadow: silver 0 0 5px;}
a:active {color: black; text-shadow: gray 0 0 5px;}
/* @end */

/* @group Miscellaneous */
/* @end */





.portfolioContent {
	width: auto;
	height: auto;
	margin: 0 auto;
	text-align: left;
	float: left;
	clear: left;
	padding-bottom: 20px;
}




ul.portfolioImages {
	position: static;
	width: 860px;
	margin-top: 15px;
}
.portfolioImages li {
	width: 168px;
	height: 30px;
	list-style: none;
	float: left;
	text-align: center;
	padding-top: 71px;
	font-size: 0.8em;
	font-weight: bold;
	color: #e8e8e8 !important;
	padding-right: 27px;
}
.portfolioImages li:hover, .portfolioImages li a:hover {
	background-color: silver;
}

ul.portfolioImages a {
	margin-top: 75px;
	border-bottom: none;
}

ul.portfolioImages a:hover {
	background-color: inherit;
	border-bottom: none;
}

#pPrestige {background: url(../../static/img/pPrestige.jpg) no-repeat;}
#pHaybridge {background: url(../../static/img/pHaybridge.jpg) no-repeat;}
#pWilcox {background: url(../../static/img/pWilcox.jpg) no-repeat;}
#pMazak {background: url(../../static/img/pMazak.jpg) no-repeat;}
#pWedding {background: url(../../static/img/pWedding.jpg) no-repeat;}
#pBluebook {background: url(../../static/img/pBluebook.jpg) no-repeat;}
#pMazak2 {background: url(../../static/img/pMazak2.jpg) no-repeat;}






/* FORMS */

input, textarea, select {
	border: 2px solid #6e6e6e;
	background-color: #2a2a2a;
	padding: 2px;
	color: white;
	font-size: 0.8em;
	width: 300px;
}
input.btn {
	background-color: none;
	padding: 5px;
	color: none;
	font-size: none;
	margin: 0;
	width: auto;
}
.activeField {
	background-color: #2f2f2f;
}

#invisible {
	text-indent: -5000px;
}

select {
	border: none; width: 310px;
}

textarea {
	height: 150px;
}
form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}

form div label {
	float: left;
	width: 25%;
}



p.copyright {
	font-size: 0.7em;
	color: gray;
	margin-top: 20px;
}
p.copyright a {
	color: silver;
}
p.copyright a:hover, a:active {
	color: white;
}