@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'MisoLight';
    src: url('../fts/miso-light-webfont.eot');
    src: url('../fts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fts/miso-light-webfont.woff') format('woff'),
         url('../fts/miso-light-webfont.ttf') format('truetype'),
         url('../fts/miso-light-webfont.svg#MisoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MisoRegular';
    src: url('../fts/miso-webfont.eot');
    src: url('../fts/miso-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fts/miso-webfont.woff') format('woff'),
         url('../fts/miso-webfont.ttf') format('truetype'),
         url('../fts/miso-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MisoBold';
    src: url('../fts/miso-bold-webfont.eot');
    src: url('../fts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fts/miso-bold-webfont.woff') format('woff'),
         url('../fts/miso-bold-webfont.ttf') format('truetype'),
         url('../fts/miso-bold-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:url(../imgs/bkg.png) #2e2e2e;
	margin: 0;
	padding: 0;
	font: 18px/23px 'MisoLight', sans-serif !important;
	color: #eaeaea;
}
a {
	color: #eaeaea;
	text-decoration: none;
	border-bottom: 1px solid #a7d682;
}
a:hover {
	color: #a7d682;
}
.clear {
	clear:both;
	height: 0px;
}
h1 {
	position: absolute;
	top: 100px;
	left: 182px;
	height: 100px;
	line-height: 186px;
	text-transform:uppercase;
	overflow: hidden;
}
@media screen and (max-width: 799px) {
	h1 {
		font-size: 157px;
		width: 416px;
		line-height: 196px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	h1 {
		font-size: 233px;
		width: 617px;
		line-height: 186px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	h1 {
		font-size: 233px;
		width: 617px;
		line-height: 186px;
	}
}
@media screen and (min-width: 1400px) {
	h1 {
		font-size: 233px;
		width: 617px;
		line-height: 186px;
	}
}
#logo {
	background-image:url(../imgs/left.png);
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
}
.logo {
	position: absolute;
	top: 0;
	z-index: 1000;
}
#menu {
	background: url(../imgs/menu.png) repeat-x;
	position: absolute;
	top: 200px;
	height: 57px;
	margin: 0;
	padding: 41px 0 0 200px;
	font-size: 40px;
	font-family: 'MisoRegular', sans-serif;
	z-index: 1;
}
@media screen and (max-width: 799px) {
	#menu {
		width: 400px;
		font-size: 34px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#menu {
		width: 700px;
		font-size: 40px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#menu {
		width: 900px;
		font-size: 40px;
	}
}
@media screen and (min-width: 1400px) {
	#menu {
		width: 1200px;
		font-size: 40px;
	}
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	text-decoration: none;
	border-bottom: 0px solid #a7d682;
}
.border {
	border-right: 1px solid #393939;
	margin: 0 45px 0 0;
	padding: 0 45px 0 0;
}
@media screen and (max-width: 799px) {
	.border {
		margin: 0 16px 0 0;
		padding: 0 16px 0 0;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	.border {
		margin: 0 45px 0 0;
		padding: 0 45px 0 0;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	.border {
		margin: 0 45px 0 0;
		padding: 0 45px 0 0;
	}
}
@media screen and (min-width: 1400px) {
	.border {
		margin: 0 45px 0 0;
		padding: 0 45px 0 0;
	}
}
#sitedescription {
	position: absolute;
	top: 100px;
	border-top: 2px solid #a7d682;
	padding: 3px 0 0 0;
	font-size: 20px;
	line-height: 21px;
}
@media screen and (max-width: 799px) {
	#sitedescription {
		left: 100px;
		top:400px;
		width: 300px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#sitedescription {
		left: 200px;
		top:400px;
		width: 300px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#sitedescription {
		left: 900px;
		width: 200px;
	}
}
@media screen and (min-width: 1400px) {
	#sitedescription {
		left: 1100px;
		width: 300px;
	}
}


@media screen and (max-width: 799px) {
	#portfolioimages, #item {
		margin: 500px 0 89px 100px;
		width: 500px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#portfolioimages, #item {
		margin: 500px 0 127px 200px;
		width: 600px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#portfolioimages, #item {
		margin: 400px 0 100px 200px;
		width: 900px;
	}
}
@media screen and (min-width: 1400px) {
	#portfolioimages, #item {
		margin: 400px 0 100px 200px;
		width: 1200px;
	}
}


@media screen and (max-width: 799px) {
	#blog {
		margin: 478px 0 100px 100px;
		width: 500px;
	}
	#blog #iteminfo {
		width: 360px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#blog {
		margin: 500px 0 100px 350px;
		width: 1000px;
	}
	#blog #iteminfo {
		width: 360px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
		#blog {
		margin: 400px 0 100px 400px;
		width: 700px;
	}
	#blog #iteminfo {
		width: 360px;
	}
}
@media screen and (min-width: 1400px) {
		#blog {
		margin: 400px 0 100px 400px;
		width: 1000px;
	}
	#blog #iteminfo {
		width: 360px;
	}
}

#portfolioimages .image {
	float:left;
	background: #000;
}
@media screen and (max-width: 799px) {
	#portfolioimages .image {
		width: 250px;
	}
}
@media screen and (min-width: 800px) and (max-width: 799px) {
	#portfolioimages .image {
		width: 300px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#portfolioimages .image {
		width: 300px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#portfolioimages .image {
	}
}
@media screen and (min-width: 1400px) {
	#portfolioimages .image {
	}
}
#portfolioimages .image a img {
	opacity: .75;
	/* for IE */
	filter:alpha(opacity=75);
}
@media screen and (max-width: 799px) {
	#portfolioimages .image a img {
		width: 250px;
	}
}
#portfolioimages .image a, #item a {
	border: none;
}
#item {
	/*width: 1200px;*/
}
#blogmenu {
	position: absolute;
}
@media screen and (max-width: 799px) {
	#blogmenu {
		top: 320px;
		left: 100px;
		width: 500px;
		float: left;
	}
	#blogmenu ul li {
		display: inline;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#blogmenu {
		top: 500px;
		left: 200px;
		width: 150px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#blogmenu {
		top: 400px;
		left: 200px;
		width: 150px;
	}
}
@media screen and (min-width: 1400px) {
	#blogmenu {
		top: 400px;
		left: 200px;
		width: 150px;
	}
}

#blogmenu a {
	border-bottom: 0px solid #666;
}
#blogmenu p {
	font-size:29px;
	margin: 0 0 10px 0;
}
#blogmenu ul {
	margin: 0 0 10px 15px;
}
#itemborder {
	background-color: #a7d682;
	height: 5px;
	margin: 100px 0 0 0;
}
#iteminfo {
	width: 380px;
	float: left;
	margin: 0 20px 20px 0;
	min-height: 275px;
}
@media screen and (max-width: 799px) {
	#iteminfo {
		min-height: 50px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	
}
@media screen and (min-width: 1400px) {
	
}
#item h2, #blog h2 {
	font-size: 50px;
	line-height: 40px;
	/*width: 380px;*/
	text-transform: uppercase;
	margin: 5px 0 0 0;
	text-decoration: none !important;
}
#blog h2 a {
	text-decoration: none;
	border: none;
}
#blog #description {
	max-width: 600px;
}
#item #pinfo, #blog #pinfo {
	font-size:22px;
	/*width: 380px;*/
	text-transform: uppercase;
}
#item #description, #item #description {
	font-size: 20px;
	line-height: 23px;
	/*width: 380px;*/
	margin: 25px 0 0 0;
}
#description p {
	margin: 0 0 20px 0;
}
#item #back {
	font-size:25px;
	position: absolute;
	border-bottom: 1px solid #a7d682;
	padding: 0 0 5px 0;
}
@media screen and (max-width: 799px) {
	#item #back {
		top: 510px;
		right: 0px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#item #back {
		top: 510px;
		right: 0px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#item #back {
		top: 410px;
		right: 0px;
	}
}
@media screen and (min-width: 1400px) {
	#item #back {
		top: 870px;
	}
}
#item .itemimages, #formcontent {
	float: left;
	width: 800px;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 799px) {
	#item .itemimages, #formcontent {
		height: 311px;
		width: 500px;
	}
	#item .itemimages img {
		float: left;
		width: 500px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#item .itemimages, #formcontent {
		height: 372px;
		width: 600px;
	}
	#item .itemimages img {
		float: left;
		width: 600px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#item .itemimages, #formcontent {
		height: 495px;
	}
	#item .itemimages img {
		float: right;
		width: 800px;
	}
}
@media screen and (min-width: 1400px) {
	#item .itemimages, #formcontent {
		height: 495px;
	}
	#item .itemimages img {
		float: right;
		width: 800px;
	}
}


#postcontent {
	float: right;
	width: 800px;
	position: relative;
}
#blog .itemimages {
	float: left;
	width: 600px;
	position: relative;
	min-height: 495px;
	margin: 0 0 0 20px;
}
@media screen and (max-width: 799px) {
	#blog .itemimages {
		float: left;
		width: 600px;
		position: relative;
		min-height: 495px;
		margin: 0 0 0 0px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#blog .itemimages {
		float: left;
		width: 600px;
		position: relative;
		min-height: 495px;
		margin: 0 0 0 20px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#blog .itemimages {
		float: left;
		width: 600px;
		position: relative;
		min-height: 495px;
		margin: 0 0 0 20px;
	}
}
@media screen and (min-width: 1400px) {
	#blog .itemimages {
		float: left;
		width: 600px;
		position: relative;
		min-height: 495px;
		margin: 0 0 0 20px;
	}
}

#blog .itemimages img {
	margin: 0 0 20px 0;
	
	-moz-box-shadow: 3px 6px 12px #222222;
	-webkit-box-shadow: 3px 6px 12px #222222;
	box-shadow: 3px 6px 12px #222222;

}

#item #itemimagenav {
	font-size: 25px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 88px;
	
	background: url(../imgs/menu.png);
	height: 34px;
	padding: 15px 0 0 12px;
}
#item #itemimagenav .backward, #item #itemimagenav .forward {
	/*padding: 5px 5px 5px 5px;
	cursor:pointer;*/
	opacity: 1;
}
#item #itemimagenav #prev:hover, #item #itemimagenav #next:hover {
	/*background-color: #a7d682;*/
	padding: 5px 5px 5px 5px;
}
#footer {
	margin: 0 0 100px 200px;
	background: url(../imgs/menu.png) repeat;
	width: 1200px;
	border-bottom: 5px solid #a7d682;
}
@media screen and (max-width: 799px) {
	#footer {
		margin: 0 0 100px 100px;
		width: 500px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	#footer {
		margin: 0 0 100px 200px;
		width: 600px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	#footer {
		margin: 0 0 100px 200px;
		width: 900px;
		height: 195px;
	}
}
@media screen and (min-width: 1400px) {
	#footer {
		margin: 0 0 100px 200px;
		width: 1200px;
		height: 195px;
	}
}
.footercol {
	width: 300px;
	float: left;
	margin: 0 ;
	padding: 20px 20px 20px 20px;
}
.footercol h3 {
	font-size: 25px;
	line-height: 14px;
	border-bottom: solid 1px #393939;
	padding: 0 0 20px 0;
}
.footercol p {
	font-size: 18px;
	line-height: 21px;
	width: 245px;
	margin: 20px 0 0 0;
}
@media screen and (max-width: 799px) {
	.footercol {
		width: 455px;
	}
	.footercol p {
		width: 465px;
	}
	.footercol h3 {
		padding: 0 0 10px 0;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
	.footercol {
		width: 465px;
	}
	.footercol p {
		width: 465px;
	}
	.footercol h3 {
		padding: 0 0 10px 0;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
	.footercol {
		width: 260px;
	}
	.footercol p {
		width: 260px;
	}
	.footercol h3 {
		padding: 0 0 10px 0;
	}
}
@media screen and (min-width: 1400px) {
	
}
#formcontent, #postcontent {
	background: url(../imgs/contact.png);
	font-size: 25px;
}
#formcontent table {
	width: 600px;
}
form {
	width: 600px;
	min-height: 350px;
	margin: 90px 0 0 95px;
}
#formcontent input, #formcontent textarea, #postcontent input, #postcontent textarea {
	background-color: #dddddd;
	border: 0px solid #dddddd;
	/*color: #a7d682;*/
}
#formcontent textarea, #postcontent textarea {
	width: 580px;
	font-family: 'MisoLight', sans-serif;
	font-size: 25px;
	padding: 10px 10px 10px 10px;
}
#formcontent input, #postcontent input {
	height: 38px;
	float: right;
	width: 500px;
	font-family: 'MisoLight', sans-serif;
	font-size: 25px;
}
#formcontent #submit, #postcontent #submit {
	background-color: #a7d682;
	color: #ffffff;
	width: 600px;
	padding: 8px 0 5px 0;
	margin: 0 0 0 0;
	display: block;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}
#formcontent #submit:hover, #postcontent #submit:hover {
	background-color: #95bf74;
}
#formcontent table tr td, #postcontent table tr td {
	vertical-align: middle;
}
.forward, .backward {
	cursor:pointer;
}
.active {
	color: #a7d682;
}
#thankyou {
	float: right;
	height: 495px;
	width: 800px;
	background: url(../imgs/contact.png) repeat;
	font-size: 75px;
	text-align: center;
}
#thankyou p {
	position: relative;
	top: 240px;
}
#address {
	display: none;
}
.hidden {
	display:none;
}
.error {
	color:#F00;
}
#blog .adminitemimages {
	float: right;
	width: 600px;
	position: relative;
	min-height: 495px
}
.adminimg {
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
	cursor: move;
}
.adminimg img {
	height: 150px;
}
.adminimgadj img {
	position: relative;
	left: -45px;
}
.ui-state-highlight {
}
#beta {
	background:url(../imgs/beta.png) no-repeat;
	text-indent: -5000em;
	position: absolute;
	top: 0;
	width: 249px;
	height: 140px;
}
@media screen and (max-width: 1099px) {
	#beta {
		left: 328px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
		#beta {
		left: 628px;
	}
}
@media screen and (min-width: 1400px) {
		#beta {
		left: 828px;
	}
}
.expand {
	cursor: pointer;
}
#betamessagebox {
	position: absolute;
	top: -76px;
	left: 851px;
	width: 200px;
}
@media screen and (max-width: 1099px) {
	#betamessagebox {
		left: 351px;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1399px) {
		#betamessagebox {
		left: 651px;
	}
}
@media screen and (min-width: 1400px) {
		#betamessagebox {
		left: 851px;
	}
}
#betamessage {
	opacity: 1;
	filter:alpha(opacity=100);
	float: left;
	width: 180px;
	margin: 14px 10px 10px 10px;
	text-align: center;
}
#betamessagebkg {
	background: url(../imgs/menu.png);
	opacity: 0.4;
	filter: alpha(opacity=40);
	height: 75px;
}
#addimage {
	background-color:#000;
	width: 25px;
	text-align:center;
	font-size: 52px !important;
	padding: 3px 0 0 0;
}