@charset "utf-8";
/* CSS Document for Leikam Enterprises, LLC. Redesign of the Oven Claw Website */

body {
	background:url(images/back.jpg) repeat;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}

#wrapper {
	width:1024px;
	margin:0 auto;
	position:relative;
}
#ocimg {
	position:absolute;
	background:url(images/oc.png) no-repeat;
	top:75px;
	left:925px;
	width:163px;
	height:729px;
	z-index:3;
}
img {
	border:none;
}

/* NAVIGATION */
#navigation {
	background:url(images/navback.png) repeat-x;
	height:40px;
	margin:0;
	padding:0;
}
ul#nav {
	width:522px;
	height:40px;
	margin:0 auto;
	padding:0;
	position:relative;
	left:250px;
}
ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
ul#nav li a {
	background: url(images/nav.png) no-repeat;
	margin:0;
	padding:0;
	display:inline-block;
	text-indent:-9999px;
}
	
li#home a {
width:86px;
height:40px;
}

li#about a {
width:87px;
height:40px;
}
 
li#care a {
width:76px;
height:40px;
}	

li#buy a {
width:107px;
height:40px;
}

li#blog a {
width:74px;
height:40px;
}

li#contact a {
width:92px;
height:40px;
}




li#home a:link, li#home a:visited {
background-position: 0 0;
}
li#home a:hover, li#home a:focus {
background-position:0 -40px;
}
li#about a:link, li#about a:visited {	
background-position: -86px 0;
}
li#about a:hover, li#about a:focus {	
background-position: -86px -40px;
}
li#care a:link, li#care a:visited {	
background-position: -173px 0;
}
li#care a:hover, li#care a:focus {	
background-position: -173px -40px;
}
li#buy a:link, li#buy a:visited {	
background-position: -249px 0;
}
li#buy a:hover, li#buy a:focus {	
background-position: -249px -40px;
}
li#blog a:link, li#blog a:visited {	
background-position: -356px 0;
}
li#blog a:hover, li#blog a:focus {	
background-position: -356px -40px;
}
li#contact a:link, li#contact a:visited {	
background-position: -430px 0;
}
li#contact a:hover, li#contact a:focus {	
background-position: -430px -40px;
}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#homepage ul#nav li#home a {
background-position:0 -40px;
}
body#aboutpage ul#nav li#about a {
background-position:-86px -40px;
}
body#carepage ul#nav li#care a {
background-position:-173px -40px;
}
body#buypage ul#nav li#buy a {
background-position:-249px -40px;
}
body#blogpage ul#nav li#blog a {
background-position:-356px -40px;
}
body#contactpage ul#nav li#contact a {
background-position:-430px -40px;
}

/*  Content    */
#left {
	float:left;
	width:496px;
}
#right {
	width:528px;
	float:left;
	position:relative;
}
#clear {
	width:1024px;
	height:5px;
	clear:both;
	position:relative;
}
.left_head {
	text-align:center;
	padding:0;
	margin:0;
}
.left_head2 {
	text-align:center;
	padding:0;
	margin:0 32px 0 0;
}
.left_head3 {
	text-align:left;
	padding:0;
	margin:0 0 0 8px;
}
#topc {
	width:1024px;
	height:250px;
	text-align:center;
}
#text {
	width:436px;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 4px #000;
    -moz-box-shadow: 0 0 4px #000;
    -webkit-box-shadow: 0 0 4px #000;
	filter:alpha(opacity=75);
	opacity: 0.75;
	margin:10px 0 10px 15px;
	padding:5px 15px 35px;
	line-height:17px;
	position:relative;
}
#text2 {
	width:436px;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 4px #000;
    -moz-box-shadow: 0 0 4px #000;
    -webkit-box-shadow: 0 0 4px #000;
	filter:alpha(opacity=75);
	opacity: 0.75;
	margin:10px 0 10px 15px;
	padding:320px 15px 35px;
	line-height:17px;
	position:relative;
}
#text h2, #text2 h2 {
	text-align:center;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:19pt;
	letter-spacing:.5px;
	line-height:18pt;
}
#text2 ul li {
	margin:0 0 15px 0;
}
#get_yours {
	background:url(images/get_yours4.png) no-repeat;
	width:222px;
	height:226px;
	position:absolute;
	text-indent:-9999px;
	display:block;
	z-index:2;
	top:-65px;	
}

#get_yours2 {
	background:url(images/get_yours3.png) no-repeat;
	width:222px;
	height:226px;
	position:absolute;
	text-indent:-9999px;
	display:block;
	z-index:2;
	top:915px;
	top:0;
	right:-50px;
}
	
a#get_yours:hover {
	background-position:-222px 0;
}
a#get_yours2:hover {
	background-position:-222px 0;
}
#movie {
	width:491px;
	height:291px;
	padding:55px 0 25px 35px;
}
.click {
	margin:10px 0 0 80px;
}
.about {
	position:absolute;
	top:160px;
	left:45px;
}
#video {
	position:absolute;
	top:35px;
	right:60px;
	z-index:1;
}
#video2 {
	width:374px;
	height:291px;
}

#contactcard {
	width:753px;
	height:535px;
	background:url(images/contact_back.png) no-repeat;
	margin:0 auto;
	position:relative;
}
#contactform {
	width:352px;
	padding:15px 10px 0 25px;	
}

input.box, textarea.box {
	border:1px solid #676767;
}
input.box {
	height:20px;
}
input:focus, textarea:focus {
	background-color:#f4f7ff;
	border-color:#48619E;
	box-shadow: 0 0 5px #48619E;
    -moz-box-shadow: 0 0 5px #48619E;
    -webkit-box-shadow: 0 0 5px #48619E;
	outline:none;
	}
textarea {
	border:1px solid #676767;
}
.input_titles {
	margin:0 0 5px 0;
}
.email_addy {
	text-indent:-9999px;
}
a.email_addy {
	background:url(images/email_addy.png) no-repeat;
	width:306px;
	height:29px;
	position:absolute;
	top:301px;
	right:39px;
}
a.email_addy:hover {
	background-position: -306px 0;
}

#test {
	margin:0 auto;
	margin-top:5px;
	font-size:16px;
	width:650px;
	height:150px;
	overflow:hidden;
	background:#252525 url(images/quotes.png) no-repeat top left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px #fff;
    -moz-box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 10px #fff;
	filter:alpha(opacity=65);
	opacity: 0.65;
	color:#fff;
}
blockquote {
	margin:0;
	padding:0 0 15px 0;
}
ul#quotes {
	list-style-type:none;
	padding:5px 10px;
}
cite a {
	color:#fff;
}
.users {
	text-align:center;
	margin:25px 0 0 0;
}
/*  Photo Stack  */
#picture_pile {
	margin:65px 0 0 0;
	position:relative;
	width:501px;
	height:400px;
}
#photo_stack {
	width: 500px;
	margin: 5em auto;
	position: relative;
}
#photo_stack img {
	position: absolute;
	border: 10px solid #FFF;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	z-index: 9999;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;

}
#photo_stack #photo1 {
	top: 0;
	left: 100px;
}
#photo_stack #photo2 {
	top: 12px;
	left: 85px;
}
#photo_stack #photo3 {
	top: 27px;
	left: 50px;
}
#photo_stack #photo4 {
	top: 37px;
	left: 35px;
}
#photo_stack #photo5 {
	top: 17px;
	left: 40px;
}
#photo_stack #photo6 {
	top: 17px;
	left: 40px;
}
#photo_stack .deg1 {
	-webkit-transform: rotate(1deg);
   	-moz-transform: rotate(1deg);
   	transform: rotate(1deg);
}
#photo_stack .deg2 {
	-webkit-transform: rotate(2deg);
   	-moz-transform: rotate(2deg);
   	transform: rotate(2deg);
}
#photo_stack .deg3 {
	-webkit-transform: rotate(3deg);
   	-moz-transform: rotate(3deg);
   	transform: rotate(3deg);
}
#photo_stack .deg4 {
	-webkit-transform: rotate(4deg);
   	-moz-transform: rotate(4deg);
   	transform: rotate(4deg);
}
#photo_stack .deg1neg {
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}
#photo_stack .deg2neg {
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg);
   	transform: rotate(-2deg);
}
#photo_stack .deg3neg {
	-webkit-transform: rotate(-3deg);
   	-moz-transform: rotate(-3deg);
   	transform: rotate(-3deg);
}
#photo_stack .deg4neg {
	-webkit-transform: rotate(-4deg);
   	-moz-transform: rotate(-4deg);
   	transform: rotate(-4deg);
}
#photo_stack .hover {
	-webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	transform: rotate(0deg);
	cursor: pointer;
}
@-webkit-keyframes shuffle {
	0% {
		margin-left: 0px;
	}
	50% {
		margin-left: 450px;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		margin-left: 0px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
#photo_stack .animate {
	-webkit-animation-name: shuffle;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
}
/*  Footer  */
#footer {
	width:1024px;
	height:200px;
	text-align:center;
	color:#9f8569;
	font-size:11pt;
	position:relative;
}
#foot_nav {
	margin:30px 0 0 0;
}
#foot_nav a {
	color:#9f8569;
	font-size:11pt;
	text-decoration:none;
}
#foot_nav a:hover {
	color:#252525;
	text-decoration:underline;
}
.foot_nav {
	padding:0 20px 0 20px;
}
.foot_nav1 {
	padding:0 20px 0 0;
}
.foot_nav2 {
	padding:0 0 0 20px;
}
#social {
	position:absolute;
	top:0;
	left:825px;
	width:200px;
	height:120px;
}
.foot_img {
	padding:0 5px 0 0;
}
.wagooh {
	width:201px;
	height:23px;
	background:url(images/wagooh.png) no-repeat;
	text-indent:-9999px;
	display:block;
	margin:15px 0 0 0;
}
a.wagooh:hover {
	background-position:-201px 0;
}