@import url('museo.css');

* { margin:0; padding:0; }

img { border:0; }

body { font:14px "Museo-300", "Lucida Grande", Arial; }
	body#home { background:#f6f6f6 url("images/bg-home.png") top center repeat-x; }
	body#sub, body#full { background:#f6f6f6 url("images/bg-sub.png") top center repeat-x; }
	
.container { position:relative; width:960px; margin:0 auto; }

.bruno {
	position: absolute; 
	left: -9999px;
}

.silksonic {
	display: none;
}

/****HEADER****/
#header { }
	#header #logo { position:absolute; top:25px; left:-25px; z-index:1001; background:url("images/logo.png") top left no-repeat; width:179px; height:153px; text-indent:-3000px; }
		#header #logo a { display:block; width:100%; height:100%; }
		
	#header #nav { float:right; margin:90px 0 15px; font-size:17px; font-family:"Museo-500"; text-transform:uppercase; text-shadow:1px 1px 0 #fff;  }
		#header #nav ul { list-style:none; }
		#header #nav li { float:left; padding:10px 13px; border-left:1px solid #e4e4e6; border-right:1px solid #fff; }
			#header #nav li:first-child { border-left:0; }
			#header #nav li:last-child { border-right:0; }
		#header #nav a { color:#3b3939; text-decoration:none; }
		
	#header #utl { position:absolute; top:0; right:0; background:url("images/bg-utl.png") top left no-repeat; height:36px; padding-left:45px; line-height:42px; }
		#header #utl a { text-decoration:none; color:#5f5f5f; font-size:14px; }
		
/****SLIDESHOW****/
#slideshow { background:url("images/bg-slideshow.jpg") top center no-repeat; height:355px; }
	#slideshow #slide-holder { float:left; background:url("images/bg-slides.png") top left no-repeat; width:505px; height:336px; position:relative; margin:60px 0 0 -25px; }
		#slideshow #slide-holder #slides { position:absolute; top:6px; left:23px; }
		#slideshow #slide-holder #slides img { border:1px solid #fff; display:none; }
	
	#slideshow #welcome { float:right; margin:75px 0 0; width:410px; color:#fff; }
		#slideshow #welcome h1 { font:100 32px "Museo-500"; color:#fff; text-shadow:2px 2px 0 #004066; text-transform:uppercase; letter-spacing:1px; margin:0 0 15px; }
		#slideshow #welcome p { line-height:24px; margin:0 0 15px; padding:0 15px; }
		
/****TITLE****/
#title {  }
	#title .container { background:url("images/bg-title.jpg") top center no-repeat; height:145px; margin-bottom:25px; }
	#title h1 { float:left; margin:50px 0 0; font:100 48px "Museo-500"; color:#fff; text-shadow:2px 2px 0 #004066; text-transform:uppercase; }
	#title .right { margin:60px 0 0; }
	#title #breadcrumb { position:absolute; bottom:5px; left:0; color:#fff; }
		#breadcrumb a { color:#fff; text-decoration:none; }
		#breadcrumb span { color:#a9deff; font-family:"Museo-500"; }
		
/****BODY****/
#body { }
	
	#home #content { float:left; width:600px; }
	#sub #content { float:left; width:630px; }
	
		#content h1 { font:100 24px "Museo-700"; color:#3b3939; text-transform:uppercase; text-shadow:1px 1px 0 #fff; margin:0 0 15px; }
		#content h2 { font:100 20px "Museo-700"; color:#3b3939; text-transform:uppercase; text-shadow:1px 1px 0 #fff; margin:0 0 5px; }
		#content h3 { font:100 17px "Museo-700"; color:#3b3939; text-shadow:1px 1px 0 #fff; margin:0 0 15px; }
			#content .readmore { font-size:14px; }
		#content p { line-height:24px; margin:0 0 15px; }
		#content a { color:#da8244; text-decoration:none; font-family:"Museo-500"; }
		#content ul { list-style-type:square; margin:0 0 15px 45px; }
		#content ul li { margin:0 0 10px; line-height:20px; }
		
		#content hr { border:0; border-top:1px solid #fefefe; border-bottom:1px solid #e4e4e4; margin:0 0 15px; }
	
	#home #sidebar { float:right; }
	#sub #sidebar { float:right; }
	
		#splash-zone { background:#6ba3c1; border-radius:5px; -moz-border-radius:5px; width:300px; border:1px solid #92c7e4; box-shadow:0 0 1px #9eb8c6; margin:0 0 15px; }
			#splash-zone h2 { background:#4d839f; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; color:#fff; padding:10px 0; text-shadow:1px 1px 0 #083f5d; font:100 24px "Museo-500"; text-transform:uppercase; }
			#splash-zone ul { list-style:none; }
			#splash-zone li { padding:15px 20px; border-top:1px solid #4e7a93; border-bottom:1px solid #88bfdc; }
			#splash-zone p { padding:5px 20px; line-height:24px; }
			#splash-zone a { color:#083f5d; text-decoration:none; }
			#splash-zone .readmore a, #splash-zone .readmore { color:#fffefe; text-shadow:1px 1px 0 #083f5d; text-align:right; }
	
/****TESTIMONIAL****/
#testimonials { background:url("images/bg-testimonials.png") top center repeat-x; height:51px; padding:20px 0; overlfow:hidden; }
	#testimonials #quotes { width:80%; float:left; }
	#testimonials blockquote { background:url("images/bg-blockquote.png") top left no-repeat; font:italic 100 18px "Museo-300"; line-height:24px; padding:10px; width:100%; }
	
/****FOOTER****/
#footer { background:url("images/bg-footer.png") top center repeat-x; }
	#footer .container { background:url("images/bg-footer2.png") bottom left no-repeat; height:197px; padding-top:20px; }
	
	#sitemap { width:100%; }
		#sitemap td { vertical-align:top; color:#001a28; text-shadow:1px 1px 0 #7bbcdf; line-height:20px; font-size:12px; font-family:"Museo-500"; }
		#sitemap h2 { font:100 12px "Museo-700"; color:#fff; text-shadow:2px 2px 0 #001a28; letter-spacing:1px; margin:0 0 5px; }
		#sitemap a { color:#001a28; text-shadow:1px 1px 0 #7bbcdf; text-decoration:none; }
	
	#copyright { position:absolute; bottom:10px; right:0; }
		
.box { background:#fbc36c; border-radius:10px; -moz-border-radius:10px; border:1px solid #fff; box-shadow:0 0 0 1px #c8c8c8; padding:10px 15px; text-align:center; }
	.box.left { margin:0 10px 10px 0; }
	.box.right { margin:0 0 10px 10px; }
	.box.center { width:270px; margin:10px auto; }

.box2 { background:#eaeef1; border-radius:5px; -moz-border-radius:5px; border:1px solid #fff; box-shadow:0 0 0 1px #c8c8c8; text-align:center; width:300px; padding-top:10px; }
	#content .box2 h2, .box2 h2 { background:#4d829f; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; text-align:center; color:#fff; padding:10px 0; margin:0; text-shadow:1px 1px 0 #083f5d; font:100 18px "Museo-500"; text-transform:none; }
		#content .box2 h2 a, .box2 h2 a { display:block; width:100%; height:100%; color:#fff; text-decoration:none; }
	#content .box2 p, .box2 p { padding:0 15px; margin:0 0 10px; line-height:18px; }
	
.big-box { background:#6ba3c1; border-radius:5px; -moz-border-radius:5px; border:1px solid #92c7e4; box-shadow:0 0 1px #9eb8c6; margin:0 0 15px; overflow:hidden; margin:30px 0; }
	.big-box h2, #content .big-box h2 { background:#4d839f; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; color:#fff; padding:10px 0; text-shadow:1px 1px 0 #083f5d; font:100 24px "Museo-500"; text-transform:uppercase; }
	.big-box h3, #content .big-box h3 { text-shadow:1px 1px 0 #8bc3e1; margin:0 0 5px; }
	.big-box p, #content .big-box p { padding:5px 20px; line-height:24px; }
	.big-box a, #content .big-box a { color:#083f5d; text-decoration:none; }
	.big-box .readmore a, .big-box .readmore { color:#fffefe; text-shadow:1px 1px 0 #083f5d; text-align:right; }
	.big-box .details { float:right; width:50%; margin:15px 0; }
	.big-box .pic { float:left; margin:15px; }

.element-gal { float:left; margin:5px 8px; text-align:center; padding:10px; border-radius:10px; moz-border-radius:10px; background:#eee; border:2px solid #ccc; }

.full-post { display:none; overflow:hidden; }
	.full-post img { max-width:350px; }
.short-post { overflow:hidden; }
.input { border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; padding:10px; width:80%; }
.textarea { border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; padding:10px; width:80%; }
.left { float:left; }
.right { float:right; }
	img.left { margin-right:10px; }
	img.right { margin-left:10px; }
.pic { border:1px solid #fff; }
.clear { clear:both; height:1px; margin-top:-1px; overflow:hidden; }