/* General */

body {margin:0; padding:0; text-align:center; font-family:verdana; font-size:12px; background:#edce7b;}
img {border:none;}
.clear {clear:both}
.png {
        position:relative;
        behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
} 
/* Structure */

#landscape {background:transparent url(../images/nutty_bg.jpg) repeat-x center top; width:100%; margin:0 auto; min-height:600px; height:auto !important; height:600px;}
#content {width:930px; margin:0 auto; padding:0; text-align:left; padding-left:80px;}

/* iphone section */

#hero {float:right; width:552px; margin:265px 0 0 0;}
#iphone {background:transparent url(../images/iphone.png) no-repeat 0 0; width:552px; height:345px; position:relative;}

/* Easy Slider */

	#slide {
		position:absolute; top:28px; left:107px;
		width:340px; height:227px; 
	}
	
	#slide ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#slide li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
			width:340px; 
			height:227px; 
			overflow:hidden; 
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		top:310px; 
		left:230px;
		position:absolute;		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		display:block; 
		width:15px; 
		height:15px; 
		background: transparent url(../images/dots.gif) no-repeat -15px 0; 
		text-indent:-999em; 
		outline:none;
		}
	ol#controls li.current a{
		background: transparent url(../images/dots.gif) no-repeat 0 0;
		}
	ol#controls li a:focus, ol#controls li a:hover{background: transparent url(../images/dots.gif) no-repeat 0 0;}
	
/* // Easy Slider */


/* Logo, copy and app store button */

#goin-nutty {float:right; width:364px; margin:100px 0 0 0;}
#goin-nutty h1 {margin:0 0 40px 0; padding:0; background:transparent url(../images/goin_nutty.png) no-repeat 0 0; width:364px; height:130px; text-indent:-999em;}
#goin-nutty p {color:#c22b1d; margin:0 30px 21px 10px;}
#goin-nutty a#btnAppStore {margin:30px 0 0 110px; padding:0; display:block; background:transparent url(../images/app_store.png) no-repeat 0 0; width:253px; height:117px; text-indent:-999em;}

/* Wallpaper section */

#wallpaper { position: relative; padding-left:120px;}
#wallpaperTitles {  margin-left:-30px; position:relative;}
#iwall{ float:left; margin-left:175px; margin-right:250px;}
#iwall2{ float:left; }

#wallpaper .project-item { background: transparent; padding: 6px; float: left; margin: 0px 5px 0 0; position: relative; }
#wallpaper .space {margin-right:30px;}
#wallpaper .project-item a { display: block; }
#wallpaper .project-item.last { margin-right: 0px; }
		
	.project-popup { display: none; position: absolute; top: -200px; left: -141px; padding: 7px 0 0 7px; z-index: 1000 !important; }
	.project-popup span { background: url(../images/overlay.png) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 219px; height: 138px;}
	.project-popup a { display: block; }

/* Footer */

#footer {text-align:center; padding-top:15px;}
#footer a {display:block; height:15px; width:505px; text-indent:-999em;background:url(../images/copy_right.gif) no-repeat 0 0; margin:0 auto;}