/*
Theme Name: TutToaster Navigation
Theme URI: http://tuttoaster.com
Description: Theme for TutToaster Multi-Level Wordpress Navigation Tutorial
Version: 2.9.2
Author: Cody Ryan Robertson
Author URI: http://tuttoaster.com
Tags: tuttoaster, navigation, unfinished
*/

/* Basic Reset */


/* Header */
#submenu {
	
	height: 16px;
		z-index:999;
}

#submenu-position{



		margin: 20px 0 0 -46px;
	padding: 0 10px 0;
       position:absolute;
     left: 513px;
    top:8px;
	
		z-index:999;
}

#submenu-bg {
	background:url(../images/submenu_bg.html)  no-repeat 0px 0px;
	width:180px;
	height:133px;
	z-index:-8;
}


.submenu-text {
	top:46px;
		margin: 10px 0 0 12px;
	padding: 0px 10px 10px 20px;
	 position:relative;
	 line-height:26px;
	 
	 
	 
	 	font-family: 'COM4tNuvuRegular';
	font-size:20px;
	color:#9f9f9f;
	z-index:1;
	
	
}




@font-face {
    font-family: 'COM4tNuvuRegular';
    src: url('com4nrg-webfont.eot');
    src: url('com4nrg-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('com4nrg-webfont.woff') format('woff'),
         url('com4nrg-webfont.ttf') format('truetype'),
         url('com4nrg-webfont.svg#COM4tNuvuRegular') format('svg');
 

}

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

/* fonts */
.text-title01{
	margin-left: 34px;
	font-family: 'Dosis', sans-serif;
		
	color: #2b2416;
	font-weight: 600;
	
	font-size:32px;
	letter-spacing: -1px;
	
}



.text-title02{
	
/*font-family: 'Orienta', sans-serif;*/
font-family: 'Dosis', sans-serif;

	color: #ffffff;
	font-weight: 300;
	
	font-size:19px;
	letter-spacing: 1.5px;
	line-height: 37px;
	
}




.text-para01{
	
font-family: 'Dosis', sans-serif;
		
	color: #2b2416;
	font-weight: 400;
	
	font-size:19px;
	letter-spacing: 0px;
	
}


.text-footer{
	
font-family: 'Dosis', sans-serif;
		
	color: #ffffff;
	font-weight: 400;
	
	font-size:12px;
	letter-spacing: 1px;
	
}


#features-list li {
	
	background-image: url(../images/index/bullet-point.png);
	background-position:3px 4px ;
	padding:0 0 0 38px;
	
	background-repeat:no-repeat;
	
}


body {

}




/* Main */
#main {
	/*
	width: 2000px;
	height: 1530px;
	/*background-color: white;*/
    /*
	position: relative;
	z-index: 100;
	
	/*top: 0;
	left: 50%;
	margin: 0 0 0 -1000px;
	*/
	/*width: 2000px;*/
height: 1530px;
position: relative;
z-index: 100;
top: 0;
/*left: 50%;
margin: 0 0 0 -1000px;*/
overflow: hidden;
}


#content {
	width: 1000px;
	/*background-color: white;
    position: absolute;*/
	z-index: 999;
	/*
	top: 0;
	left: 50%;
	margin: 0 0 0 -500px;
	*/
	
	position: relative;
	margin:0 auto;
	height:1544px;
	
/*	outline:1px solid red;*/


}




#menubg {
	/*width: 2000px;*/
	width:100%;
	height: 90px;
	background-image: url(../images/index/menu-bg.png);
	background-position:0 0;
	background-repeat:repeat-x;
	/*position:relative;*/
	position:absolute;
	top:0px;
	z-index:99;
}
#menubg-cover {
	width: 1000px;
	height: 90px;
	background-image: url(../images/index/menu.png);
	left: 50%;
	margin: 0 0 0 -500px;
	background-repeat:no-repeat;
	/*position:absolute;*/
	
	z-index:100;
}




#main-logo {
	width: 352px;
	height: 156px;
	background-image: url(../images/index/logo-tag.png);
	background-position:0 0;
	left:0px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:101;
}


#wood-bg {
	width: 2000px;
	height: 658px;
	background-image: url(../images/index/wood-bg.jpg);
	left: 50%;
	margin: 0 0 0 -1000px;
	top: 0px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:90;
}


#wood-th {
	width: 2000px;
	height: 93px;
	background-image: url(../images/index/wood-th.png);
	left: 50%;
	margin: 0 0 0 -1000px;
	top: 646px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:97;
}


#fb{
	width: 40px;
	height: 40px;
	
	right: 44px;
	margin: 0 0 0 0px;
	top: 23px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}


#tw{
	width: 40px;
	height: 40px;
	
	right: 0px;
	margin: 0 0 0 0px;
	top: 23px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#step-bg{
	width: 316px;
	height: 38px;
		background-image: url(../images/index/step-bg.png);
	
	left: 25px;
	margin: 0 0 0 0px;
	top: 670px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#step-text{
	width: 260px;
	height: 14px;
		background-image: url(../images/index/step-text.png);
	
	left: 27px;
	margin: 0 0 0 0px;
	top: 12px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:103;
}

#step-btn{
	width: 113px;
	height: 46px;
		background-image: url(../images/index/step-btn.png);
	
	left: -4px;
	margin: 0 0 0 0px;
	top: -4px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:102;
}




#vert-pattern {
	width: 2000px;
	height: 800px;
	background-image: url(../images/index/vert-pattern.jpg);
	left: 50%;
	margin: 0 0 0 -1000px;
	top: 731px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:98;
}

#footer {
	width: 2000px;
	height: 44px;
	background-color:#2a2217;
	
	left: 50%;
	margin: 0 0 0 -1000px;
	bottom: 0px;
	
	
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#footer-left {
	width: 500px;
	height: 24px;
	top: 14px;
	
	
	left: 512px;
	margin: 0 0 0 0px;
	
	float:left;
	background-repeat:no-repeat;
	position:relative;
	z-index:101;
}

#footer-right {
	width: 500px;
	height: 24px;
	top: 14px;
	
	
	right: 512px;
	margin: 0 0 0 0px;
	
	float:right;
	background-repeat:no-repeat;
	position:relative;
	z-index:101;
}






#appstore {
	width: 228px;
	height: 142px;
	
	background-position:0 0;
	left:381px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:101;
	top: 4px;
}


#free {
	width: 134px;
	height: 130px;
	background-image: url(../images/index/free-tag.png);
	right: 0px;
	margin: 0 0 0 0px;
	top: 90px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}


#iphone {
	width: 376px;
	height: 711px;
	background-image: url(../images/index/iPhone.png);
	right: 12px;
	margin: 0 0 0 0px;
	top: 106px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:99;
}


#screenshot {
	width: 266px;
	height: 472px;
	background-image: url(../images/index/ss01.jpg);
	
	margin: 0 0 0 0px;
	left:54px;
	top: 114px;
	background-repeat:no-repeat;
	position:relative;
	z-index:99;
}




#photos {
	width: 536px;
	height: 335px;
	background-image: url(../images/index/photos.png);
	left: 25px;
	margin: 0 0 0 0px;
	top: 136px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:99;
}


#features-title {
	width: 536px;
	height: 605px;
	
background-image: url(../images/index/features.png);
	
	left: 25px;
	margin: 0 0 0 0px;
	top: 822px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}


#features-text {
	width: 536px;
	height: 555px;
	

	
	left: 25px;
	margin: 0 0 0 0px;
	top: 879px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}



#hot-title {
	width: 136px;
	height: 34px;
	
background-image: url(../images/index/hot-items.png);
	
	left: 614px;
	margin: 0 0 0 0px;
	top: 822px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}


#hot-thumbs-area {
	width: 372px;
	height: 526px;

	
	left: 614px;
	margin: 0 0 0 0px;
	top: 882px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#hot-thumbs {
	width: 156px;
	height: 156px;
	
	background-image: url(../images/index/thumb-bg.png);
	left: 0px;
	margin: 0 0 0 2px;
	top: 0px;
	background-repeat:no-repeat;
	position:relative;
	z-index:98;
	float:left;
	padding: 0 0 28px 28px;
}


#hot-items {
	width: 144px;
	height: 144px;
	
	
	left: -22px;
	margin: 0 0 0 0px;
	top: 6px;
	background-repeat:no-repeat;
	position:relative;
	z-index:99;
	float:left;
	padding: 0 0 0px 0px;
}



#hot-enlarge {
	width: 49px;
	height: 49px;
	
	background-image: url(../images/index/enlarge.png);
	right : 8px ;
	margin: 0 0 0 2px;
	top: -14px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	float:right;
	
}


#step-text01 {
	width: 536px;
	height: 195px;

	
	left: 25px;
	margin: 0 0 0 0px;
	top: 446px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#step-text02 {
	width: 536px;
	height: 195px;

	
	left: 25px;
	margin: 0 0 0 0px;
	top: 446px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}

#step-text03 {
	width: 536px;
	height: 195px;

	
	left: 25px;
	margin: 0 0 0 0px;
	top: 446px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
}


#step-title {
	width: 145px;
	height: 69px;
	background-image: url(../images/index/step-title.png);
	left: 4px;
	margin: 0 0 0 0px;
	top: -15px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:98;
}






#coffee {
	width: 436px;
	height: 436px;
	background-image: url(../images/index/coffee.png);
	left: -460px;
	margin: 0 0 0 0px;
	top: 207px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:98;
}



#mac {
	width: 968px;
	height: 882px;
	background-image: url(../images/index/mac.png);
	right: -1003px;
	margin: 0 0 0 0px;
	top: -60px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:98;
}



/* Main Menu */
#menu {
width: 1000px;
height: 40px;

margin: 0 0 0 -500px;
position: absolute;
top: 31px;
z-index:9999;
left: 50%;
}

#menu a.menu-btn-01{
	background:url(../images/index/menu-item01.png)  no-repeat 0px 0px;
	width:135px;
	height:16px;
	display:block;
	text-indent:-9999px;
    position:absolute;
    left: 407px;
  
}
#menu a.menu-btn-01:hover{

	background-position: 0px -16px;

}


#menu a.menu-btn-02{
	background:url(../images/index/menu-item02.png)  no-repeat 0px 0px;
	width:135px;
	height:16px;
	display:block;
	text-indent:-9999px;
    position:absolute;
    left: 600px;
   
}
#menu a.menu-btn-02:hover{

	background-position: 0px -16px;

}