/*This code authored by Eric Meyer.
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

The purpose of a reset file, stated in the words of Yahoo, "removes and neutralizes the 
inconsistent default styling of HTML elements, creating a level playing field across 
A-grade browsers and providing a sound foundation upon which you can explicitly 
declare your intentions." (see http://developer.yahoo.com/yui/reset/)
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,

q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

body {text-align: center; font-family: Helvetica, Arial, Sans-Serif; background: url(../images/body_bg_green4.jpg); color: #333;}

a {text-decoration: none; border-bottom: #dadc0f 1px solid; color: #333;}

a:hover {border-bottom: #dadc0f 1px solid; color: #000;}

p {line-height: 1.5em;}

#container {width: 780px; margin: 0 auto; text-align: left; }

#content {background: url(../images/content_bg4.png) repeat-y; overflow: hidden; height: 1%; margin-bottom: 20px;}

#header {width: 775px; background: url(../images/bird_header3.png) no-repeat bottom; padding-top: 3em;}



div.video_frame { height: 360px; width: 425px; background: url(../images/frame.jpg) no-repeat; padding-top: 50px; padding-left: 50px; margin-bottom: 3em;}

#main_content {float: left; overflow: hidden; padding: 0 0 0 0; padding-left: 65px;}

#main_content p {margin: 0 50px 10px 10px;}

#main_content h3 {margin: 40px 50px 10px 10px; font-size: 1.15em; color: #333;}

body.ballerina #main_content {margin-left: 5em;}

#sidebar {float: right; width: 235px; margin-top: 2em; background: url(../images/sidebar_header_bg2.png) no-repeat 8px 0px; margin-bottom: 2em;}

.sidebar_content {background: url(../images/sidebar_bg.png) repeat-y; margin-top: 76px; margin-left: 8px;}

.sidebar_footer {background: url(../images/sidebar_footer_bg2.png) no-repeat; height: 61px;}

.sidebar_content h3 { margin-left: 15px; font-size: 1.15em; padding-top: 13px; color: #000;}

.sidebar_content ul {padding-bottom: 23px;}

.sidebar_content ul li {list-style: none; padding: 23px 0 0 15px;}

.sidebar_content p {padding: 10px 15px 0.5em 15px;}

h1 {text-indent: -9999px;}

h1 a {background: url(../images/title_bg.png) no-repeat; display: block; width: 563px; height: 36px; padding-bottom: 0.5em; border-bottom: none;}

h1 a:hover {border-bottom: none;}

#header ul {height: 53px; margin-left: 35px; z-index: 2; margin-top: 1em;}

#header ul li { float: left; list-style: none; padding: 0 0 0 5px;}

#header ul li a {display: block; outline: none; font-weight: normal; height: 35px; text-indent: -9999px; border-bottom: none;}

#header ul li.home a, #header ul li.about a, #header ul li.video a, #header ul li.photography a, #header ul li.models a {background:url(../images/menu_deselected4.png) no-repeat;}

#header ul li.home a:hover, #header ul li.about a:hover, #header ul li.video a:hover, #header ul li.photography a:hover, #header ul li.models a:hover {background:url(../images/menu_hover4.png) no-repeat;  border-bottom: none;}

#header ul li.home a.selected, #header ul li.about a.selected, #header ul li.video a.selected, #header ul li.photography a.selected, #header ul li.models a.selected {background:url(../images/menu_selected4.png) no-repeat;}

#header ul li.home a {background-position: 0 0; width: 103px; left: 0; }

#header ul li.home a:hover {background-position: 0 0px;}

#header ul li.home a.selected {background-position: 0 0px;}

#header ul li.about a {background-position: -104px 0; width: 103px; left: 0;}

#header ul li.about a:hover {background-position: -104px 0px;}

#header ul li.about a.selected {background-position: -104px 0px;}

#header ul li.video a {background-position: -207px 0; width: 110px; left: 0;}

#header ul li.video a:hover {background-position: -207px 0px;}

#header ul li.video a.selected {background-position: -207px 0px;}

#header ul li.photography a {background-position: -317px 0; width: 205px; left: 0;}

#header ul li.photography a:hover {background-position: -317px 0px;}

#header ul li.photography a.selected {background-position: -317px 0px;}

#header ul li.models a {background-position: -522px 0; width: 152px; left: 0;}

#header ul li.models a:hover {background-position: -522px 0px;}

#header ul li.models a.selected {background-position: -522px 0px;}

#footer {background: url(../images/footer3.png); height: 150px; margin-top: -20px; margin-left: -5px; z-index: 20; position: absolute; width: 780px; padding-top: 2em;}

#footer p {margin-left: 20px; margin-top: 120px; color: #666;}

ul.photo_sets li {float: left;}

ul.photo_sets li a {border-bottom: none;}

ul.photo_sets li a:hover {border-bottom: none;}

ul.photo_sets li.polaroids {margin-top: 1em;}

ul.photo_sets li.medium_format {margin: 4em 0 0em 1.5em;}

ul.photo_sets li.portrait {margin: -1.5em 0 2em 1em ;}

body.squares img.main_photo {margin-left: 1.5em;}

 ul.photo_browser {margin-left: 4.5em;}

ul.photo_browser li {float: left; margin-top: 0.25em;}

ul.photo_browser li.previous {margin-right: 14em;}

ul.video_sets li {float: left; text-indent: -9999px;}

ul.video_sets li a {border-bottom: none;}

ul.video_sets li a:hover {border-bottom: none;}

ul.video_sets li.final_year_blonde a {background: url(http://www.pancakesandmaplesyrup.com/images/final_year_blonde_video_set.png) no-repeat; width: 350px; height: 288px; display: block;}

ul.video_sets li.final_year_brunette a {background: url(http://www.pancakesandmaplesyrup.com/images/final_year_brunette_video_set.png) no-repeat; width: 288px; height: 350px; display: block; margin: 1em 0 0 0;}

ul.video_sets li.russian_dolls a {background: url(http://www.pancakesandmaplesyrup.com/images/russian_dolls_video_set.png) no-repeat; width: 310px; height: 255px; display: block; margin: -3em 0 0 0.5em;}

ul.video_sets li.ballerina a {background: url(http://www.pancakesandmaplesyrup.com/images/ballerina_video_set2.png) no-repeat; width: 293px; height: 338px; display: block;  margin-left: 4em;}

ul.video_sets li.year a {background: url(http://www.pancakesandmaplesyrup.com/images/21st_year_video_set.png) no-repeat; width: 485px; height: 317px; display: block; margin-top: -6em;}

ul.model_sets li {float: left; text-indent: -9999px;}

ul.model_sets li a {border-bottom: none;}

ul.model_sets li a:hover {border-bottom: none;}

ul.model_sets li.blonde_room a {background: url(http://www.pancakesandmaplesyrup.com/images/blonde_room_model_set2.png) no-repeat; width: 310px; height: 310px; display: block;}

ul.model_sets li.props a {background: url(http://www.pancakesandmaplesyrup.com/images/props_model_set2.png) no-repeat; width: 330px; height: 485px; display: block; margin: 1em 0 0 0.5em;}