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

html {height:100%; 
	overflow: auto;
	}



body {background: url(../images/WoodBGdk.jpg) repeat top left; 
	background-color:transparent;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #4a260e ;
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
}

#follow {position:fixed;
top:30px;
left:0;
width:45px;
height:200px;
z-index:5000;}

#fbfollow {background: url(../images/facebook_28.png) top left no-repeat;
	width:45px;
	height:46px;
	margin-bottom:10px;
	}
	
#twfollow {background: url(../images/twitter_28.png)  top left no-repeat;
	width:45px;
	height:46px;
	margin-bottom:10px;
	}
	
#tcfollow {
	background: url(../images/tcicon.png) top left no-repeat;
	width:45px;
	height:46px;
}

	
#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width: 1150px;
	height:auto;
	text-align:left;
}
#head {
	background: url(../images/header3.png) no-repeat ;
	width: 1150px;
	height:230px;
	padding:0;
	margin:0;
}

#logo{
	position:absolute;
	left:80px;
	top:40px;
	padding:0;
	margin:0;
	width:170px;
	height:160px;
	z-index:50;
}

#buy{
	position:absolute;
	left:900px;
	top:40px;
	padding:0;
	margin:0;
	width:180px;
	height:160px;
	z-index:50;
}

#menu{
	position:absolute;
	left:130px;
	top:196px;
	width:890px;
	height:32px;
	z-index:100;
	margin:0;
	padding:0;
}



#right {
	position:relative;
	height:auto;
	background:url(../images/edge_right.png) repeat-y top right;
	width:1150px;
	padding:0;
	margin:0;
}

#left {
	position:relative;
	height:auto;
	background:url(../images/edge_left.png) repeat-y top left;
	width:1024px;
	padding:0;
	margin:0;
}

#border {
	position:relative;
	height:auto;
	width:890px;
	padding:0 4px 4px 4px;
	margin: 0 0 0 126px;
	background: #4a260e;
}

#center {
	position:relative;
	height:auto;
	width:890px;
	padding:0;
	margin:0;
	background: #dcb874;
}

.index #center, .home #center {
	background:#dcb874 url(../images/undeadwood2.jpg) no-repeat top center;
}

#content {
	position:relative;
	height:auto;
	width:790px;
	padding:35px 50px;
	margin:0;
}

#base {
	position:relative;
	height:89px;
	width:1150px;
	padding:0;
	margin:0;
	background: url(../images/bottom.png) no-repeat top center;
}

#homebase {
	width:770px; margin:0 auto;
}

.contact #lefthalf {
	float:left;
	width:420px;
	margin:0;
	padding: 0 60px 0 0;
}

.content #righthalf {
	float:right;
	width:360px;
	margin:0;
	padding:0;

}

#download { position:absolute;
	top:230px;
	left:67px;
	width:180px;
	height:160px;
	overflow:hidden;
	z-index:50;
}

/************************************************ iPhone Trailer on Home Page ***********************************************/

.index #iphonevid {
		margin:0 auto 20px auto;
		padding:77px 77px 30px 100px;
		width:623px;
		text-align:center;
		border-bottom: #b8995f solid 1px;
}

.home #iphonevid {
		margin:0 auto 20px auto;
		padding:120px 77px 30px 100px;
		width:623px;
		text-align:center;
		border-bottom: #b8995f solid 1px;
}

#iphone {
	background:url(../images/iphone.png) top left no-repeat;
	position:relative;
	width:598px;
	height:316px;
	padding:0 0 15px 0;
}
#iphone #video { 
	position:absolute;
	top:25px;
	left:92px;
	width:415px;
	height:264px;
	overflow:hidden;
}



#video2 {
		margin:0 auto 20px auto;
		padding:132px 10px 30px 10px;
		width:800px;
		text-align:center;
		border-bottom: #b8995f solid 1px;
}
#vidcenter {
	position:relative;
		padding:15px;
	width:606px;
	height:373px;
	margin:0 auto 20px auto;
/*	
		background:url(../images/WoodBGdk.jpg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
*/
}


#vidobject {
	height:367px; 
	width: 600px; 
	margin:0; 
	padding:0;
	border: 2px #271000 solid;
		/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

	}

/************************************************ Character iFrames ***********************************************/

#framecontainer {
	position:relative;
	width:1191px;
	top:0;
	left:-150px;
	background: url(../images/line_88.gif) repeat-y top center;
	height: 500px;
	padding-top:30px;
}

#f1, #f2 {
	width:595px;
	display:block;
	float:left;
	height: 100%;
	margin:0;
	padding:0;
	
}

#f1 {
	margin-right:1px;}
	

/************************************************  TEXT ***************************************************************/
h1, h2, h3, h4, h5, h6 {
	color: #391700;
	font-family: Franklin Gothic Demi, Tahoma, Geneva, Arial Narrow Bold, Impact, sans-serif;
	margin:0;
	padding:0 0 10px 0;
	font-weight: bold;

}
h1 {font-family:Impact, Franklin Gothic Demi, Arial Narrow Bold, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
}

p, blockquote {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #4a260e ;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 0 20px 0;
}

ul {margin-top:0;
	paddin-top:0;
	}

li {	
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #4a260e ;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0;
}

blockquote {font-style:italic;}

a {color:#366c0f;}

a img {border:none;}


/************************************************  Nav ***************************************************************/

ul.topNav {list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	}
	
ul.topNav li {
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
}

ul.topNav li a {
	color: #271000;
	font-variant:small-caps;
	font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
	font-size:25px;
	line-height: 25px;
	text-decoration:none;
	vertical-align:middle;
	margin:0;
	padding:0;


}

ul.topNav li a span {
		padding:0px 12px 3px 12px;
	}

ul.topNav li.active a, ul.topNav li a:hover{
		text-shadow: #000000 2px 2px 0px;
	color:#f3d8a5;
}


/************************************************  Footer Alts ***************************************************************/

#base p {text-align:center;
	font-size:10px;
	margin:0;
	padding:25px 0 0 0;
	}
#base a {text-decoration:none;}


/***********************************************  SOCIAL  **********************************************************/

#social {position:relative; width:775px; margin:0 auto; padding:0 0 20px 0; clear:both; float:none;}

#twitterfeed {
	float:left;
	width:420px;
	margin-right:55px;}

#fblike {
	float:left;
	width:300px;
	padding:0 0 25px 0;
} 

/************************************************POP UP***************************************************************/

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background:  url(../images/WoodBGdk.jpg) repeat-x top left;
	padding: 20px;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup_block #inside {
	background-color:#FFFFCC;
	border:#330000 1px solid;
	padding:20px;
	text-align:center;
	}

.popup_chunk{
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -25px -25px 0 0;
	background:url(../images/x.png) no-repeat center center;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block, *html .popup_chunk {
	position: absolute;
}

#emailform p {text-align:center;}

/*-------------------------------Press List-----------------------------------*/

.ditto_summaryPost {
		border-bottom: #b8995f solid 1px;
}

.introtext p {margin:0; padding:0;}

/**********************************************  Form Validation *******************************************/

.errors {border: #829421 2px solid;
	background-color:#ffffdd;
	color: #663300;
	padding:10px;
	margin-bottom:10px;
	font-size:12px;
}

input, textarea {background:#FFFFdd;}
label.required, label.invalid { color:#CC0000; font-weight:bold;}



a:active{outline: none;}
a:focus{-moz-outline-style: none;}
object { outline:none; 
	-moz-outline-style: none;}