/* 
	CSS Document for DanielMorad.com 
	Developed by	Autosports Media Group
	Developer		Cody Schindel - AMG
	Development		April 16, 2010
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

body {
	background: url(images/body-bg3.jpg) no-repeat top center #212121;
	font-family: Arial;
	}

a {
	color: #09F;
	}
		
a:hover {	
	color: #fff;
	}

#container {
	margin: 0 auto;
	margin-top: 150px;
	width: 900px;
	height: 525px;
	max-height: 550px; 
	overflow: hidden;
	}
	
#container2 {
	margin: 0 auto;
	margin-top: 150px;
	width: 900px;
	min-height: 525px;
	}
	
#navigation {
	clear: both;
	width: 900px;
	height: 35px;
	background: url(images/nav-bg.png) no-repeat top center;
	}
	
	#nav {
	clear: both;
	height: 35px;
	width: 900px;
	display: inline;
	overflow: hidden;
	list-style: none;
	background: url(images/nav-bg.png) no-repeat top center;
	}
		
	#nav li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		}
	
	#nav a {
		float: left;
		padding: 35px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:35px; /* for IE5/Win */
		}
		
	#nav a:hover {
		background-position: 0 -35px;
		}
		
	#nav a:selected {
		background-position: 0 -35px;
		}
	
	#nhome a  {
		width: 73px;
		background: url(images/nav1-home.jpg) top left no-repeat;
		margin-left: 45px;
		}
		
	#nabout a  {
		width: 110px;
		background: url(images/nav2-about.jpg) top left no-repeat;
		margin-left: 35px;
		}

	#nnews a  {
		width: 59px;
		background: url(images/nav3-news.jpg) top left no-repeat;
		margin-left: 35px;
		}
	
	#nssched a  {
		width: 90px;
		background: url(images/nav4-sched.jpg) top left no-repeat;
		margin-left: 35px;
		}
	
	#nmedia a  {
		width: 72px;
		background: url(images/nav5-media.jpg) top left no-repeat;
		margin-left: 35px;
		}
		
	#nspons a  {
		width: 95px;
		background: url(images/nav6-spons.jpg) top left no-repeat;
		margin-left: 35px;
		}

	#ncontact a  {
		width: 93px;
		background: url(images/nav7-contact.jpg) top left no-repeat;
		margin: 0 00px 0 35px;
		}
		
	#nback a {
		width: 175px;
		background: url(images/nav8-back.jpg) top left no-repeat;
		margin-left: 15px;
		}

/* NAVIGATION FOR PHOTO GALLERIES */		
		#gp3-test a {
			width: 84px;
			background: url(images/gp3-1-test.jpg) top left no-repeat;
			margin-left: 15px;
			}
		
		#gp3-barcelona a {
			width: 110px;
			background: url(images/gp3-2-barcelona.jpg) top left no-repeat;
			}
		
		#gp3-istanbul a {
			width: 85px;
			background: url(images/gp3-3-istanbul.jpg) top left no-repeat;
			}
		
		#gp3-valencia a {
			width: 102px;
			background: url(images/gp3-4-valencia.jpg) top left no-repeat;
			}
			
		#gp3-silverstone a {
			width: 116px;
			background: url(images/gp3-5-silverstone.jpg) top left no-repeat;
			}
		
		#gp3-spa a {
			width: 62px;
			background: url(images/gp3-6-spa.jpg) top left no-repeat;
			}
		
		#gp3-hock a {
			width: 122px;
			background: url(images/gp3-7-hock.jpg) top left no-repeat;
			}
		
		#gp3-monza a {
			width: 88px;
			background: url(images/gp3-8-monza.jpg) top left no-repeat;
			}
		
		#gp3-budapest a {
			width: 93px;
			background: url(images/gp3-9-budapest.jpg) top left no-repeat;
			}
	
	#content-home {
		background: url(images/bg1-home.png) no-repeat top center;
		padding: 25px;
		width: 850px;
		height: 500px
		}
		
	.content-home {
		background: url(images/bg1-home.png) no-repeat top center;
		padding: 25px;
		width: 850px;
		height: 500px
		}
		
		#twitter {
			float: right;
			}
			
		.scrollbox {
			clear: both;
			height:330px; 
			padding-right: 8px; 
			padding-bottom: 5px;
			width:410px; 
			overflow:scroll;
			overflow-x: hidden;
			}
		
	#content-about {
		background: url(images/bg2-about.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		.content-about {
		background: url(images/bg2-about.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		#about-contents, #sched-contents, #spons-contents {
			background: url(images/437-box.png) no-repeat top center;
			float: right;
			width: 417px;
			height: 356px;
			padding: 10px;
			font-size: 75%;
			color: #fff;
			text-align: justify;
			}
			
		#about-contents h3, #sched-contents h3, #karting-content h3 {
			text-transform: uppercase;
			font-size: 110%;
			margin-bottom: 5px;
			color: #09F;
			}
			
		#about-contents p, #sched-contents p, #news-contents p, #karting-content p {
			margin-bottom: 8px;
			}
			
		#career-highlights li {
			list-style: none;
			margin-left: 5px;
			font-size: 90%;
			}
			
	.content-news {
		background: url(images/bg3-news.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		.news-left li {
			float: left;
			list-style: none;
			width: 200px;
			background: black;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 3px 5px;
			}
			
		#news-contents, #media-contents {
			float: right;
			background: url(images/437-box.png) no-repeat top center;
			width: 417px;
			height: 356px;
			padding: 10px;
			font-size: 75%;
			color: #fff;
			text-align: justify;
			}
		
		.scrollbox-news {
			height:280px; 
			padding-right: 8px; 
			padding-bottom: 5px;
			width:410px; 
			overflow:scroll;
			overflow-x: hidden;
			}
				
			#news-contents h3, .photo-gal-right h3 {
				text-transform: uppercase;
				font-size: 130%;
				text-shadow: 1px 1px 0 #666;
				}
				
			#news-contents h4 {
				font-size: 80%;
				color: #09f;
				padding-bottom: 5px;
				}
				
			#news-contents h5 {
				clear: both;
				}
				
			.news-link {
				background: #09f;
				margin-top: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 5px 10px;
				border: 1px solid #ccc;
				}
				
			.news-link a {
				color: #000;
				}
				
			.news-link a:hover {
				color: #fff;
				text-shadow: 1px 1px 0 #333;
				}
				
			.news-archive h2 {
				font-size: 110%;
				color: #ccc;
				text-shadow: 1px 1px #000;
				margin-left: 15px;
				text-transform: uppercase;
				}
			
			.news-archive h4 {
				font-size: 70%;
				color: #09F;
				margin-left: 15px;
				text-shadow: 1px 1px #000;
				}
				
			.news-archive p {
				padding: 10px 30px;
				color: #ccc;
				font-size: 80%;
				text-align: justify;
				}
				
			.news-breaker {
				clear: both
				max-width: 750px;
				margin: 10px 40px 25px 40px;
				border-bottom: 1px solid #000;
				border-top: 1px solid #666;
				height: 0px;
				overflow: hidden;
				}
				
			.news-archive img {
				float: right;
				margin: 10px
				border: 1px solid #000;	
				}
		
	.content-sched {
		background: url(images/bg4-sched.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		#schedule ul {
			width: 220px;
			margin: 0 auto;
			}
		
		#schedule li {
			width: 230px;
			padding: 3px 10px;
			list-style: none;
			}
			
			.sched-dark {
				background: #f33;
				color: #000;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 1px;
				}
			
			.sched-light {
				background: #e5e5e5;
				color: #000;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 1px;
				}
	
	.content-media {
		background: url(images/bg5-media.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		.content-media img {
			clear: both;
			float: left;
			border: 1px solid #fff;
			margin: 0 15px 15px 0;
			}
			
		.content-media p {
			float: left;
			}
		
	.content-spons {
		background: url(images/bg6-spons.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
		
		.content-spons img {
			clear: both;
			float: left;
			margin: 0 15px 15px 0;
			}
			
		.content-spons p {
			float: left;
			width: 220px;
			}
			
		.content-spons h3 {
			color: #09f;
			}
		
	.content-contact {
		background: url(images/bg7-contact.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
	
	.content-gallery {
		background: url(images/bg10-photo.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 500px
		}
	
	.content-gallery h3 {
		color: #fff;
		text-shadow: 1px 1px 0 #000;
		}
	
	.content-gallery h4 {
		font-size: 80%;
		color: #ccc;
		text-shadow: 1px 1px 0 #000;
		}
		
	.content-gallery p {
		font-size: 70%;
		color: #ccc;
		}
		
		#contact-content {
		background: url(images/437-box.png) no-repeat top center;
		float: left;
		width: 417px;
		height: 356px;
		padding: 10px;
		font-size: 75%;
		color: #fff;
		text-align: justify;
		}

#links {
	clear: both;
	width: 900px;
	height: 186px;
	margin: 0 auto;
	background: url(images/footer-bg.png) no-repeat top center;
	}

	#links-gallery {
		float: left; 
		padding: 50px 0 0 10px;
		width: 190px;
		font-size: 70%;
		color: #fff;
		text-align: justify;
		}

	#links-dj {
		float: left; 
		margin-top: 50px;
		width: 190px;
		margin-left: 40px;
		font-size: 70%;
		color: #fff;
		text-align: justify;
		}
		
	#links-fb {
		float: right;
		margin-top: 50px;
		width: 190px;
		margin-right: 25px;
		font-size: 70%;
		color: #fff;
		text-align: justify;
		}
		
	#links-kart {
		float: right; 
		margin-top: 50px;
		width: 190px;
		margin-right: 10px;
		font-size: 70%;
		color: #fff;
		text-align: justify;
		margin-left: 14px;
		}

#footer {
	clear: both;
	float: left;
	width: 900px;
	margin: 30px 0 10px 10px;
	font-size: 75%;
	color: #ccc;
	}

/* PHOTO GALLERY PAGE */

	
#content-container {
	clear: both;
	width: 900px;
	margin-bottom: 20px;
	min-height: 550px; 
	padding-top: 10px;
	background: url(images/content2-bg.jpg) repeat-x top #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
#content-container2 {
	clear: both;
	width: 900px;
	margin-bottom: 10px; 
	padding: 10px 0 10px 0;
	background: url(images/content2-bg.jpg) repeat-x top #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.photo-left {
	float: left;
	width: 175px;
	background: #999;
	padding: 10px;
	margin-left: 20px;
	margin-top: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.photo-left {
	list-style: none;
	clear: left;
	}

.photo-left li a {
	width: 155px;
	list-style: none;
	padding: 10px;
	background: #ccc;
	border-bottom: 1px solid #666;
	display: block;
	font-size: 80%;
	color: #000;
	}

.photo-left li a:hover {
	color: #09F;
	background: #e5e5e5;
	}

.photo-gal-right {
	float: right;
	width: 615px;
	min-height: 300px;
	background: #999;
	margin-right:30px;
	margin-top: 30px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

	.photo-gal img {
		background: url(images/photo-gal-bg.png) no-repeat top center;
		padding: 10px 6px;
		margin-right: 7px;
		}
	
	.photo-gal h4 {
		font-size: 80%;
		color: #333;
		padding-bottom: 5px;
		}

.content-karting {
		background: url(images/bg8-kart.png) no-repeat top center;
		padding: 20px;
		width: 860px;
		height: 430px
		}

#karting-content {
		background: url(images/437-box.png) no-repeat top center;
		float: left;
		width: 417px;
		height: 356px;
		padding: 10px;
		font-size: 75%;
		color: #fff;
		text-align: justify;
		}