*													{ margin:0; padding:0; }
html												{ font-size:125%; background-color:#222222; background:url('http://christopherraymondphotography.com/media/bg-pattern.gif'); }
body												{ margin:0; font-size:50%; color:#FFFFFF; font-family:"Futura, Helvetica, Tahoma, Arial, sans-serif"; }
div#body_wrap										{ margin:0 auto; width:auto; max-width:97em; background-color:#333333; border-top:0.3em solid #666666; }
			
a													{ color:#999999; text-decoration:none; }
a:hover, a:active									{ color:white; }

.button												{ margin:0 0.6em; padding:0.1em 0.7em; border:0.1em solid #666666; background-color:#444444; color:#DDDDDD; }
.button:hover										{ border:0.1em solid #666666; background-color:#000000; color:#FFFFFF; }
			
div#header											{ background-color:#000000; border-top:0.2em solid #444444; padding:2em; padding-bottom:1.2em; text-align:center; margin:0; }
div#header h1										{ font-size:3em; display:none; border:1px solid yellow; }
div#header div#logo img								{ width:36em; height:9em; }

div#page_title										{ padding:0.1em; background-color:#BBBBBB; border-bottom:0.1em solid #222222; border-top:0.3em solid #444444; }
div#page_title h1									{ font-size:1.6em; text-align:center; padding:0.2em; color:black; text-transform:uppercase; line-height:1.6em; margin:0; }
						
div#gallery											{ text-align:center; }
div#gallery img										{ border:0.2em solid #333333; }
div#gallery div.gallery-label						{ text-align:center; margin-top:0.5em; }
			
div#gallery div.gallery-label a						{ text-transform:uppercase; color:#FFFFFF; padding:0.2em 1em; border:1px solid black; text-align:center; display:block; position:relative; top:0.5em; }
div#gallery div.gallery-label a:hover				{ color:black; background-color:#FFFFFF; border:1px solid white; }
			
div#gallery div.thumb								{ margin:25px; padding:20px; border:2px solid #222222; background-color:black; float:left; }
div#gallery div.thumb img							{ position:relative; left:-1px; top:-1px; }

div#gallery div.full								{ margin:25px; padding:20px; border:2px solid #222222; background-color:black; }

div.gallery_menu									{ text-align:left; float:left; position:relative; left:1em; }
div.gallery_menu_top								{ top:-2.7em; }
div.gallery_menu label								{ letter-spacing:0.1em; margin-left:10px; color:white; margin-right:0.2em; font-size:1.2em; }

div.gallery_menu select								{ background-color:#333333; color:#CCCCCC; border:none; }

div.page_links										{ float:right; position:relative; right:0.7em; }
div.page_links_bottom								{ top:0.2em; }
div.page_links_top									{ top:-2.4em; }

div#footer											{ clear:both; background-color:#000000; border-top:0.2em solid #444444; padding:1.2em; text-align:center; margin:0; }

.clearfix:after										{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix											{ display: inline-block; } /* A fix for Internet Explorer Mac */
* html .clearfix									{ height: 1%; } /* A fix for Internet Explorer 6 Win */
.clearfix											{ display:block; } /* A fix for Internet Explorer 6 Win */

.clearleft:after									{ content:"."; display:block; height:0; clear:left; visibility:hidden; }
.clearleft											{ display: inline-block; } /* A fix for Internet Explorer Mac */
* html .clearleft									{ height: 1%; } /* A fix for Internet Explorer 6 Win */
.clearleft											{ display:block; } /* A fix for Internet Explorer 6 Win */

.clearright:after									{ content:"."; display:block; height:0; clear:right; visibility:hidden; }
.clearright											{ display: inline-block; } /* A fix for Internet Explorer Mac */
* html .clearright									{ height: 1%; } /* A fix for Internet Explorer 6 Win */
.clearright											{ display:block; } /* A fix for Internet Explorer 6 Win */

