/* CLear Fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* HTML Tag Redefinition */
html, body {
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/bg-page.gif);
}
body {
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px
}

#header { position: relative; width: 100%; height: 175px;  }
	#logo, #logo img { position: relative; left: 50%; margin-left: -251px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/logo.png); width: 501px; height: 87px; }
	#nav_main { list-style-type: none; clear: both; position: relative; left: 0px; height: 20px; width: 950px; left: 50%; margin-left: -475px; text-align: center; overflow: visible;  }
	#nav_anc { position: relative; left: 0px; height: 2px; background-color: #000000; }
	#nav_sub { list-style-type: none; position: relative; left: 50%; margin-left: -475px; width: 950px; height: 20px; text-align: center; overflow: visible; }
	#nav_main ul.nav, #nav_sub ul.nav  { list-style: none; display: inline-block; position: relative; }

#body-default { position: relative; margin-top: 0px; padding-bottom: 15px; width: 100%; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/bg-body.gif);}
#body { position: relative; height: 400px; width: 100%;  }
	#content_main { position: relative; width: 900px; top: 33px; left: 50%; margin-left: -450px; padding: 0px 0px 0px 0px; overflow: visible; }
	.fixed_main { width: 400px !important; height: 210px }
	#content_main h1 { position: relative; width: 400px; height: 24px; left: -15px; top: -30px; margin-bottom: -40px; }

	#content_sub { position: absolute;  width: 300px; top: 250px; left: 50%; margin-left: -450px; padding-top: 0px; overflow: visible; }
	#content_sub h1 { position: relative; width: 400px; height: 24px; left: -15px; top: -30px; margin-bottom: -40px; }
	#content_sub #specials_link { margin-top: -10px; }
		
	#content_callout { position: absolute; width: 480px; height: 405px; top: -20px; left: 50%; margin-left: 0px; overflow: visible; }
		#callout_image_control { position: relative; width: 422px; height: 30px; left: 20px; top: 15px; overflow: visible; }
		#callout_frame_large_h { position: absolute; width: 500px; height: 405px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/callout-frame-h.png); }
		#callout_frame_large_v { position: absolute; width: 405px; height: 500px; left: 50px; top: -20px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/callout-frame-v.png); display: none; }
		#callout_content_h { position: absolute; width: 450px; height: 360px; left: 5px; top: 1px; }
		#callout_body { position: absolute; padding: 0px 0px 20px 20px; width: 450px; height: 360px; left: 5px; top: 1px; overflow: hidden; }
		#callout_body p { width: 390px; } 
		#callout_body img { margin-left: -19px; }
		#callout_image_crop { position: relative; }
			.callout_image_crop_v { width: 360px; height: 450px; left: 51px; top: -14px; overflow: hidden; }
			.callout_image_crop_h { height: 360px; width: 450px; left: 5px; top: 1px; overflow: hidden; }
			.callout_photo { position: absolute; width: 450px; left: 0px; top: 0px;  display: none; }
		#callout_drop_large_h { position: absolute; width: 500px; height: 405px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/callout-base-h.png); }
		#callout_drop_large_v { position: absolute; width: 405px; height: 500px; left: 50px; top: -20px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/callout-base-v.png); display: none;  }
		.callout_wrapper { position: relative; float: right; right: -30px; top: -47px; margin-left: -10px; margin-bottom: -47px; width: 500px; height: 386px; }		

		.static_thumb_h { position: absolute; width: 135px; height: 105px; top: 287px; margin-left: 0px; }
		.static_thumb_v { position: absolute; width: 135px; height: 105px; top: 287px; margin-left: 12px; }
		.thumb_frame_h { position: absolute; width: 135px; height: 105px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-frame-h.png);  }
		.thumb_frame_v { position: absolute; width: 105px; height: 135px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-frame-v.png);  }
		.thumb_crop_h { position: relative; width: 120px; height: 96px; left: 5px; top: 0px; overflow: hidden; }
		.thumb_crop_v { position: relative; width: 96px; height: 120px; left: 0px; top: 5px; overflow: hidden; }
		.thumb_block_h { position: absolute; width: 120px; height: 96px; left: 5px; top: 0px; overflow: hidden; }
		.thumb_block_v { position: absolute; width: 96px; height: 120px; left: 0px; top: 5px; overflow: hidden; }
		.thumb_h { position: absolute; left: 0px; top: 1px; width: 120px; height: 96px; }
		.thumb_v { position: absolute; left: 0px; top: 0px; width: 96px; height: 120px; }
		.thumb_drop_h { position: absolute; width: 135px; height: 105px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-base-h.png);  }
		.thumb_drop_v { position: absolute; width: 105px; height: 135px; left: 0px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-base-v.png);  }
		#thumb_0, #thumb_1, #thumb_2, #thumb_3, #thumb_4 { display: block; }		
		#thumb_0 { left: -340px; }
		#thumb_1 { left: -200px; }
		#thumb_2 { left: -60px; }
 		#thumb_3 { left: 80px; }
		#thumb_4 { left: 220px; }
		.thumb_link { position: absolute; width: 135px; height: 105px; left: 0px; top: 0px; z-index: 1; }
		
		#image1 { border: 0px solid green; }
		#image2 { border: 0px solid red; }
		
	#content_under_callout { position: absolute; width: 420px; height: 405px; top: 365px; left: 50%; margin-left: 23px; overflow: visible; }

#gallery_display { position: absolute; width: 480px; height: 500px; top: -20px; left: 50%; margin-left: 20px; }
#gallery_control { position: absolute; width: 422px; height: 30px; left: 50%; margin-left: -450px; top: -5px; }
	#gallery_control h1 { position: relative; width: 400px; height: 24px; left: -25px; top: 7px; margin-bottom: -40px; }
	#gallery_arrow_left { position: absolute; left: 0px; margin-left: -20px; top: 220px; width: 23px; height: 80px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/gallery_arrow_left_off.png); }
	#gallery_arrow_right { position: absolute; left: 0px; margin-left: 425px; top: 220px; width: 23px; height: 80px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/gallery_arrow_right_off.png); }
	#gallery_arrow_left_link { position: absolute; left: 1px; margin-left: -20px; top: 220px; }
	#gallery_arrow_right_link { position: absolute; left: 1px; margin-left: 425px; top: 220px; }

#gallery_thumb_container { position: absolute; width: 100%; height: 225px; top: 30px; left: 0px; overflow: hidden;  }
#gallery_thumb_scroller { position: absolute; width: 422px; height: 210px; top: 0px; left: 50%; margin-left: -450px; overflow: visible; }
	#gallery_thumb_strip { position: relative; height: 135px; top: 50px; left: 0px; padding-top: 0px; overflow: visible; }
		.gallery_spacer { position: relative; width: 60px; height: 105px; top: 0px; float: left;    }
		.gallery_static_thumb_h { position: relative; width: 135px; height: 105px; top: 5px; float: left; margin-left: 10px; margin-right: 10px;   }
		.gallery_static_thumb_v { position: relative; width: 105px; height: 135px; top: 0px; float: left; margin-left: 10px; margin-right: 10px;   }
		.gallery_thumb_frame_h { position: absolute; width: 135px; height: 105px; left: 0px; top: 10px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-frame-h.png);  }
		.gallery_thumb_frame_v { position: absolute; width: 105px; height: 135px; left: 5px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-frame-v.png);  }
		.gallery_thumb_h { position: absolute; width: 120px; height: 96px; left: 5px; top: 10px; }
		.gallery_thumb_v { position: absolute; width: 96px; height: 120px; left: 5px; top: 5px; }
		.gallery_thumb_drop_h { position: absolute; width: 135px; height: 105px; left: 0px; top: 10px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-base-h.png);  }
		.gallery_thumb_drop_v { position: absolute; width: 105px; height: 135px; left: 5px; top: 0px; background-image: url(http://www.creativelyyoursphotography.com/themes/cyp/images/thumb-base-v.png);  }
		
		#gallery_block_2 { position: absolute; left: 50%; margin-left: 30px; width: 50%; }
		#gallery_block_1 { position: absolute; left: 50%; margin-left: -1050px; width: 600px;  }
		#gallery_fade_1 { position: absolute; left: 50%; margin-left: -450px;   }
		#gallery_fade_2 { position: absolute; left: 50%; margin-left: -30px;  }
		.gallery_thumblink { position: absolute; width: 135px; height: 105px; left: 0px; top: 0px; z-index: 1; }
		
#footer { position: relative; width: 450px; left: 50%; margin-left: -225px; top: 35px; text-align: center; border: 0px solid red;  }

#nav_main ul.nav, #nav_sub ul.nav { margin-top: 0px; list-style: none; padding: 0px; font-size: 12px; float: center; text-align: center; line-height: 20px; border-left: 2px solid black; }
#nav_main li, #nav_sub li { padding: 0px 12px 0px 12px; margin-bottom: 0px; float: left; margin-top: 0px; color:#999; margin-top:0px; border-right: 2px solid black; }
#nav_main li { padding-bottom: 2px; }

* { border: 0px dotted green; }