@import "reset.css";
@import "nav.css";

body{margin:0;padding:0;text-align:center;font-family:Lucida Sans, Arial, Helvetica, sans-serif;font-size:67%;color:#333;background:#d6bd8a url(../../images/bg_body_logoStripe.png) repeat-x left 101px;}
a{color:#29a1ab;}
p{line-height:1.5em;}
li{margin:1em 0 0 15px;padding-left:5px;list-style:disc;}
.caption{font-size:.8em;color:#999;}
p, ul{margin-top:1.2em;}
#content-main h1:first-child, #sidebar h2:first-child{margin:0;}
h1{font-size:2.5em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
h1, h2{display:inline;padding:0 0 5px;color:#6A511F;}
h1{border-bottom:6px solid #6A511F;}
h2{border-bottom:4px solid #6A511F;}
h1 + p, h1 + div{margin-top:3em;}
h2 + p, h2 + ul{margin-top:2em;}
p + h1{line-height:2.5em;}
p + h2{line-height:3.5em;}
p + h2 + ul{margin-top:.5em;}
h3{color:#349665;}
#header div{position:absolute;}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

#frame{width:960px;margin:0 auto;padding:0;text-align:left;font-size:1.3em;line-height:1.3em;}
	#header{height:343px;margin:0;padding:0;background:url(../../images/txt_hdr_welcomeTo.png) no-repeat 442px 52px;}
		#photos{top:0;left:6px;width:412px;height:343px;background:url(../../images/bg_hdr_photo.png) no-repeat;}
			#photos img{position:absolute;top:28px;left:19px;width:370px;height:283px;}
		#logo{top:100px;right:1px;width:488px;height:131px;}
		#navigation{bottom:28px;right:0;}
			#nav a{color:#333;}
			body.about-us #nav a.about-us, 
			body.why-corgis #nav a.why-corgis, 
			body.our-corgis #nav a.our-corgis, 
			body.family-photos #nav a.family-photos, 
			body.contact #nav a.contact{color:#fff;background: url(../../images/bg_btn_nav.png) repeat-x;}
			/*body.our-corgis #nav a.our-corgis:hover + ul li a{color:#666;background:#eee none;}*/
	#content{margin:11px 0 0;padding:50px 70px 120px;background:url(../../images/bg_content_dropShadows.png) repeat-y left 10px;}
		#content-top{position:absolute;top:-11px;left:0;width:960px;height:11px;background:url(../../images/bg_content_topShadow.png) no-repeat;}
		#content-main, .row-left{float:left;width:480px;padding-right:80px;}
		#content-main.full{width:100%;}
			#breadcrumbs{top:-30px;left:0;font-size:.8em;}
			#content-main h1:first-child{margin:0}
			.row{margin:65px 0 0;}
				.row-right{float:right;}
			table#family-photo-thumbs{margin:60px 0 0;}
			a.gallery{display:block;width:180px;height:140px;margin:20px 0 0 20px;padding:5px;border:1px solid #000;background-repeat:no-repeat;}
				tr td:first-child a.gallery{margin-left:0;}
				.g_01{background:url(../../images/sprite_familyPhotos_thumbs.jpg);}
				.g_02{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -180px 0;}
				.g_03{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -360px 0;}
				.g_04{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -540px 0;}
				.g_05{background:url(../../images/sprite_familyPhotos_thumbs.jpg) 0 -140px;}
				.g_06{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -180px -140px;}
				.g_07{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -360px -140px;}
				.g_08{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -540px -140px;}
				.g_09{background:url(../../images/sprite_familyPhotos_thumbs.jpg) 0 -280px;}
				.g_10{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -180px -280px;}
				.g_11{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -360px -280px;}
				.g_12{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -540px -280px;}
				.g_13{background:url(../../images/sprite_familyPhotos_thumbs.jpg) 0 -420px;}
				.g_14{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -180px -420px;}
				.g_15{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -360px -420px;}
				.g_16{background:url(../../images/sprite_familyPhotos_thumbs.jpg) -540px -420px;}
			div.caption{padding-left:15px;text-align:center;}
		#sidebar{float:right;margin-top:62px;width:260px;}
	#footer{margin:0;padding:0;text-align:center;font-size:.8em;color:#999;background:url(../../images/bg_content_dropShadows.png) repeat-y;}
		#footer p{margin:0;}
		#footer-bottom{position:absolute;width:960px;height:25px;background:url(../../images/bg_footer_dropShadow.png) no-repeat;}
	#subtlegusto{margin:30px 0;text-align:center;font-size:.8em;color:#eee;}
		#subtlegusto a{color:#eee;text-decoration:none;}
		#subtlegusto a:hover{color:#333;text-decoration:underline;}