@CHARSET "ISO-8859-1";

/* NAVIGATION */

.nav{
	list-style: none;
	position: fixed;
	padding-left:15px;
	left: 0px;
	top: 0px;
	background:transparent url(../img/topbarBG.png) center;
	width:100%;
	height:40px;
	color:#fff;
	z-index:9999;
	}
	.nav li{
		height: 28px;
		padding:8px 10px 0;
		float:left;	
		font-size:15px;
		background:transparent url(../img/TBlines.png) repeat-y right;
		text-shadow: 0 1px 0 #777777;
		}
		.nav a{
			color:#fff;
			text-decoration:none;
			}
		#navRight{
			float:right;
			font-size:14px;
			padding-top:8px;
			} 
		
		
/* PARTS - general*/

h1 {
 
 }


.itemTitle{
	background:#777c06;
	padding:10px;
	margin-top: 25px;
	margin-bottom: 15px;	
	color:#fff;		
	font-weight:bold;
	font-size:20px;	
	width:350px;
	/*margin-left:170px;*/
	letter-spacing:-1px;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	/*text-shadow: 0 -1px 0 #999;	*/		
	}
	#titleAbout{
		margin-top:2px;
		margin-bottom:2px;
		}
	#titleCredits{
		background:#e92e08;
		margin-top:8px;
		}
.itemTitle2{
	margin: 1px 0 5px;	
	color:#fff;		
	font-weight:bold;
	font-size:40px;	
	text-shadow: 0 1px 0 #999;	
	}
	#titleContact {
		color:#99501D;
		}

a.moreBttn{
	display:block; 
	float:right; 
	background:#ff0000 url(../img/buttonBGred.png) center;
	color:#ffffff; 
	font-size:12px; 
	padding:8px;
	text-decoration:none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	}

/* SLIDES */

#home, #second{
	width: 100%;
}

#home{
	background:url(../img/BGslide01.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height:1100px;
	margin: 0 auto;
	padding: 0;
}


#info{
	background: url(../img/BGslide02.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height:1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#about{
	background: url(../img/BGslide03.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height:1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#parents{
	background: url(../img/BGslide04.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height:1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#contact{
	background: url(../img/BGslide05.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height:800px;
	height:100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}


/* CONTENT  - general */

.contentContainer {
	 width:1200px;
	 margin:auto;
	 margin-top:80px;
	 }
	.content {
		width:860px;
		margin:auto;
		text-align:left;
		margin-bottom:25px;
		}
		#contentVideo{
			}
		#contentShortNews{
			background: url(../img/bgQuote.png) right 0px;
			} 
		#contentAbout{
			/*background: url(../img/bgAbout.png) right 50px;*/
			}
			.contentHeader{
				-moz-border-radius: 15px 15px 0px 0px;
				border-radius: 15px 15px 0px 0px;
				height:20px;
				width: 100%;
				background-color:#fff;
				}
				#headerInfo{
					height:150px;
					background: url(../img/header001.jpg) no-repeat;
					}
		#contentParents{
			width:920px;
			}
		#contentContact{
			padding:40px;
			width:600px;
			background: #fff url(../img/bgContact.png) no-repeat top right;
			}
		.contentFooter{
			-moz-border-radius: 0px 0px 15px 15px;
			border-radius: 0px 0px 15px 15px;
			height:20px;
			width: 100%px;
			clear:both;
			}
			#footerAbout{
				height:150px;
				background: url(../img/footer001.jpg) no-repeat;
				}
		.white{
			background-color:#fff;
			color:#333;	
			/*-moz-border-radius: 15px;
		   	border-radius: 15px;*/
			}
			.itemSmall {
				float:left;
				width:275px;
				min-height:20px;	
				margin-left:20px;
				padding-right:20px;			
				}
				#newsItem {
					height:300px
					}
				#creditsItem {
					width:227px;
					margin-left:8px;
					padding:15px;
					}
			.itemBig {
				float:left;
				width:490px;	
				margin-left:35px;			
				}
				#quoteItem {
					height:300px
					}
				#itemAbout {
					width:560px;
					}
			.itemFull {
				width:900px;
				padding:auto;
				padding-top:20px;
				margin-left:-20px;
				clear:both;
				}
				
			.contentHighlight{
				width:70%;
				margin:20px 0 20px -10px;
				padding:20px;
				background:#eee;
				-moz-border-radius: 15px;
				border-radius: 15px;	
				}
				.grinFam{
					margin-top:-200px;
					margin-left:425px;
					}
				.portraits{
					margin-top:-363px;
					margin-left:400px;
					}
			.thumbGallery{
				margin:auto;
				}
				.thumbnail{
					float:left;
					width:100px;
					height:80px;
					margin:5px;
					}



.generalFooter {
	width:100%;
	height:40px;
	color:#fff;
	}
	.generalFooterContent{
		width:800px;
		margin:auto;
		padding:25px;
		text-align:center;
		}



/* CONTENT  - home */

.header {
	 width:700px;
	 margin:auto;
	 padding-top:50px;
	 }
 	.logo {
		margin: 0px auto auto;
		width:700px;
		text-align:center;
		/*background: url(../img/logo.png) 50% 0 no-repeat fixed;*/
		padding: 0;
		}
		
#homeContent {
	margin-top:0px;	
	}
	.player {
		width:540px;
		height:300px;
		background-color:#fff;
		margin:auto;
		padding-top:20px;
		text-align:center;
		float:left;
		}
	.quoteC2A{
		float:left;
		width:310px;
		color:#fff;
		text-shadow: 0 1px 0 #999;
		font-size:14px;
		}
		.quoteContainer{
			width:75%;
			height:170px;
			margin:auto;
			}
			.quoteName{
				float:left;
				font-size:16px;
				font-weight:bold;
				}
			.quotePlatform{
				float:left;
				}
			.quoteBody{
				margin-top:10px;
				font-style:italic;
				}
		.c2a {
			float:right;
			margin: -5px -40px;
			height:80px;
			}

.description {
	margin: 25px auto 0px;
	width:700px;
	text-align:center;
	color:#9BA615;
	}

#itemNews{
	float:right;
	height:220px;
	margin: 25px 53px 15px 0;
	}
		
		
/* CONTENT  - info */		

.sectionTitle{
	font-weight:bold;
	margin-bottom:5px;
	}
.sectionIntro{
	font-style:italic;
	margin-bottom:8px;
	}

#fold{
	background: #b4c634 url(../img/bgOrange.jpg) bottom;
	color:#fff;
	height:230px;
	text-align:left;
	font-size:14px;
	text-shadow: 0 1px 0 #777;
	}

.socialBttn {
	 padding-right:5px;
	 }

#about001 {
	width:500px;
	margin-left:235px;	
}

#about002 {
	width:600px;
	margin-left:300px;	
}

#about003 {
	width:450px;
	margin-left:235px;	
}

/* CONTENT  - About */

.aboutContent {
	/*width:600px;*/
	/*text-shadow: 0 -1px 0 #666;*/
	padding:35px;
	margin-top:5px;
	background: url(../img/bgAbout.png) right 10px;
	}
	
.creditsTitle {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	}

.buyBttnSmall{
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	height:65px;
	margin-bottom:10px;
	}
	#iTunes{
		background:#000 url(../img/itunes.jpg) no-repeat center ;
		}
	#play{
		background:#fff url(../img/play.jpg) no-repeat center;
		}

.screenshot {
	background:#fff;
	margin-top:10px;
	padding:10px;		
	}
	
/* CONTENT  - parents */
	
.goudenTip{
	float:left;	
	margin-bottom: 3px;
	margin-left: 3px;
	/*text-shadow: 0 1px 0 #555;*/
	height:200px;
	width:220px;
	padding:0px;
	}	
	.goudenTipTxt{
	float:left;	
	margin-bottom: 3px;
	margin-left: 3px;
	/*text-shadow: 0 1px 0 #555;*/
	height:180px;
	width:200px;
	padding:10px;
	}
		.goudenTipTxtTitle{
		color:#674f12;
		}
.introTips{
	width:600px;
	text-shadow: 0 1px 0 #999;	
	}
	


	
	

/* FORMS */

.field {
	 width:300px;
	 /*background-color:#9BA615;*/
	 background-color:#fff;
	 color:#666;
	 border:none;
	 margin-right:5px;
	 }	 
 
input.button {
	padding:15px;
	background-color:#f9d404;
	color:#af9400;
	font-size:15px;
	border:none;
	margin-right:5px;
	}

input.field {
	padding:15px;
	background-color:#fff;
	color:#999;
	font-size:15px;
	border:none;
	margin-right:5px;
	}


/* EXTRA */

.dropShadowDown {
	background: url(../img/dropShadowDown.png) repeat-x;
	width:100%;
	height:20px;
	}
.foldBig{
	background: url(../img/foldOrange.png);
	width:900px;
	height:20px;
	margin-left:-20px;
	clear:both;
	}
	
	
	
/* EFFECTS */

.borderRightGrey {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color:#ddd;
	padding-right:15px;
	}

.shadow {
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
	}
	.shadowGreen {
		-moz-box-shadow: 3px 3px 4px #5f6a14;
		-webkit-box-shadow: 3px 3px 4px #5f6a14;
		box-shadow: 3px 3px 4px #5f6a14;
		}	
	.shadowBlue {
		-moz-box-shadow: 3px 3px 4px #4167a6;
		-webkit-box-shadow: 3px 3px 4px #4167a6;
		box-shadow: 3px 3px 4px #4167a6;
		}
		
		

/* ART - floating extras */

.artScroll{
	width:250px; 
	height:265px; 
	position:absolute;
	/*bottom:-100px; */
	bottom:50px;
	right:0px; 
	z-index:999;
	background:url(../img/sq-scroll.png) no-repeat top;
	}
	.artScrollTxt {
		font-size:12px;
		color:aaa;
		text-align:center;
		margin-top: 55px;
		margin-left:103px;
		width: 120px;
		}
		
.artNewsletterContainer{
	text-align:center;
	height:0px;	
	}	
	.artNewsletter{
		margin-top:-460px; 
		margin-left:-940px;
		}

.artAboutContainer{
	text-align:center;
	z-index:999;	
	}
	.artAbout{
		margin-top:-24px;
		margin-left:-20px;
		margin-bottom:40px;
		}
	
.artiPad {
	float:left;
	margin-left:-80px;
	margin-top:-12px;	
	margin-right:15px;
	}	

.artContact {
	background:url(../img/art_contact.png) no-repeat;
	width:309px;
	height:100px;
	margin:auto;
	}
    .artFooterContactContainer {
        width:800px;
        margin:-150px auto 0px;
        position:relative;
        top: 526px;
        }





.grid {
	width:600px;
	}
	.gridCell{
		width:93px;
		height:93px;
		background:#eeac3d;
		margin:0 1px 1px 0;
		float:left;
		display:block;
		}
		#cell001{
			background: url(../img/spriteAbout.png) no-repeat 0 -564px;
			width:187px;
			height:187px;
			}
			#cell001:hover{
				background: url(../img/spriteAbout.png) no-repeat 0 -282px;			
				}
		#cell002{
			background: url(../img/spriteAbout.png) no-repeat -188px 0;
			}
			#cell002:hover{
				background: url(../img/spriteAbout.png) no-repeat -188px -564px;			
				}
		#cell003{
			background: url(../img/spriteAbout.png) no-repeat -282px 0;
			}
			#cell003:hover{
				background: url(../img/spriteAbout.png) no-repeat -282px -564px;			
				}
		#cell004{
			background: url(../img/spriteAbout.png) no-repeat -376px 0;
			}
			#cell004:hover{
				background: url(../img/spriteAbout.png) no-repeat -376px -564px;			
				}
		#cell005{
			background: url(../img/spriteAbout.png) no-repeat -470px -564px;
			}
			#cell005:hover{
				background: url(../img/spriteAbout.png) no-repeat -470px -282px;			
				}
		#cell006{
			background: url(../img/spriteAbout.png) no-repeat -188px -94px;		
			}
			#cell006:hover{
				background: url(../img/spriteAbout.png) no-repeat -188px -658px;			
				}			
		#cell007{
			background: url(../img/spriteAbout.png) no-repeat -282px -658px;
			height:187px;
			}
			#cell007:hover{
				background: url(../img/spriteAbout.png) no-repeat -282px -376px;			
				}
		#cell008{
			background: url(../img/spriteAbout.png) no-repeat -376px -94px;
			}
			#cell008:hover{
				background: url(../img/spriteAbout.png) no-repeat -376px -658px;			
				}
		#cell009{
			background: url(../img/spriteAbout.png) no-repeat -470px -94px;
			}
			#cell009:hover{
				background: url(../img/spriteAbout.png) no-repeat -470px -658px;			
				}
		#cell010{
			background: url(../img/spriteAbout.png) no-repeat 0px -188px;
			margin-left:-564px;
			margin-top:94px;
			}
			#cell010:hover{
				background: url(../img/spriteAbout.png) no-repeat 0px -752px;			
				}
		#cell011{
			background: url(../img/spriteAbout.png) no-repeat -94px -188px;
			margin-left:-470px;
			margin-top:94px;
			}
			#cell011:hover{
				background: url(../img/spriteAbout.png) no-repeat -94px -752px;			
				}
		#cell012{
			background: url(../img/spriteAbout.png) no-repeat -188px -188px;
			margin-left:-376px;
			margin-top:94px;
			}
			#cell012:hover{
				background: url(../img/spriteAbout.png) no-repeat -188px -752px;			
				}
		#cell013{
			background: url(../img/spriteAbout.png) no-repeat -376px -188px;
			}
			#cell013:hover{
				background: url(../img/spriteAbout.png) no-repeat -376px -752px;			
				}
		#cell014{
			background: url(../img/spriteAbout.png) no-repeat -470px -752px;
			}
			#cell014:hover{
				background: url(../img/spriteAbout.png) no-repeat -470px -470px;			
				}