/*
 * pixf.com style.css file
 *
 * (c) Dave Mills 2007
 *
 *************************************************************/
* 			{ padding:0;margin:0}
html		{overflow:scroll}
body		{
			/* default font is 100% tall (browser default), with 18px line height. Everything else cascades off that.
			16x1.125=18px */
			font: 100%/1.125em "Benguiat Bk BT", Georgia, Times New Roman, Times, serif;
			background:#334;color:#666;
			margin:15px;
			}
p, td       { font: /*120%*/ 0.875em /* 16x0.875=14px */ "Benguiat Bk BT", Georgia, Times New Roman, Times, serif;	margin-top:10px;color:#222}
.small		{ font: /*100%*/ 0.75em Arial, "sans serif"; margin-bottom:1em;color:#000}
.mini		{ font: /*85%*/ 0.625em Arial, "sans serif"; margin-top:0.5em;margin-bottom:0.5em;color:#000}
.center		{ text-align:center}
.indent		{ margin-left:25px}
h1			{ font: /*160%*/ 1.5em /* 16x1.5=24px */"Benguiat Bk BT", Georgia, Times New Roman, Times, serif;
			margin:10px 0}
h2 			{
			padding:3px 0px 3px 7px;
			color: #a45d2a;
			font:normal bold 0.75em/1.5em Arial, Helvetica, Sans Serif;
			text-transform: uppercase;
			width:100%;
			}
h3			{ font: /*120%*/ 1.125em /* 16x1.125=18px */"Benguiat Bk BT", Georgia, Times New Roman, Times, serif;
			margin-top:20px;color:#222}
ul			{ margin-left:20px}
li			{ font: /*95%*/ 0.70em Arial, Helvetica;color:#222}
a	        { text-decoration:none;color:#00A}
a:hover	    { text-decoration:underline}
img			{ border:0}
/* style for form input fields */
.SpamPrompt {font:85% verdana,sans-serif}
.inputfield,.SpamInputField {
			margin-bottom:5px;border:0;border-bottom:1px #AAA solid;background:#DDD;padding:2px;
			font-size:85%;font-family:Arial;width:93%;
			}
.RequiredField,.SpamInputField {border:1px #F00 solid}
.NonRequiredField {border:1px #DDD solid}
/*
 * General page layouts (pages have #wrapper around the entire page, then inside:
 *		#top-row, #content-row, #bottom-row, #footer
 * 
 *********************************************************/
 
#wrapper	{
			width:830px;
			margin:0 auto;
			}
#content-row 	{
			background-image:url(../images/site/f5-830.gif);
			}
#header 	{
			height:90px;
			min-height:110px;
			margin:0 0 5px 20px;padding-top:0px;
			}
#index-page #header {	
			height:179px;
			background:url(../images/site/pixf-logo2.png) no-repeat;	/* this is the logo to change for holidays */
			margin:0 0 0 15px;padding-top:5px;
			}
#index-page #header h1	{position:relative;top:-100px;left:-9999px}
#topbar		{float:left;width:463px;height:74px}
#topbar h1	{position:relative;top:-100px;left:-9999px}
#top-row	{
			height:15px;
			background:url("../images/site/f1-830.gif") no-repeat;
			}
#bottom-row {
			height:15px;
			background:url("../images/site/f4-830.gif") no-repeat;
			}
#footer		{
			display:block;			
			}
#footer p	{
			font: /*85%*/ 0.625em Arial, Helvetica; font-style:normal; font-weight:normal;margin-bottom:1em;
			text-align:right;color:#AAC;margin:0 15px;
			}
#footer a	{
			color:#9acadf;
			}
#footer a:hover	{
			color:#FFF;background-color:transparent;text-decoration:none;
			}
.noteBox 	{
			width: 385px;
			float: left;
			background:url("../images/site/h2bkg.gif") repeat-x;
			}
#inner		{
			width:100%;
			float:left;
			margin-right:-1px;
			}/* contain cleared elements from clearing other floats*/
#middle		{
			margin-left:400px;	/* leave space for the left column */
			padding:0 20px 0 20px;
			}
#left		{
			float:left;
			position:relative;
			left:-2px;/* line it up exactly without losing pressure on footer*/
			margin-left:-399px;/*must be 1 pixel less than width */
			width:400px;/* this width is the same as the margin on #middle */
			}
#left p 	{padding-left:5px}

#fullwidth	{margin: 5px 20px}

#foot 		{
			clear:both;
			height:1px;
			background:url(../images/site/f5-830.gif) repeat-y;
			}
/*
 * Index Page (#index-page) tweaks
 *
 **********************************************************/
#sidebar {
			float:left;
			position:relative;
			left:-2px;/* line it up exactly without losing pressure on footer*/
			margin-left:-130px;/*must be 1 pixel less than width */
			width:155px;/* this width is the same as the margin on #middle */
			}
#sidebar p {padding-left:5px}
#recentshoots,.contactform { 
			border:1px dotted #ccc;
			width:155px;
			margin-top:10px;
			background:url("../images/site/h2bkg.gif") repeat-x;
			overflow:auto;
			}
#recentshoots h2,.contactform h2 {width:90%}
#recentshoots a:hover	{ 
			color:#FFCE00;
			background-color:#728371;
			text-decoration:none;
			padding:1px;
			}
#index-page #middle {
			margin-left:155px;
			padding:0 30px 0 0px;
			}
#index-page #inner	{
			width:600px;
			float:right;
			margin-right:-1px;
			margin-left:5px;
			}
/*
 * Changes to structure to use css3 shadows rather than images for background
 *
 **********************************************************/
	#wrapper	{width:810px;xmin-height:500px;background-color:#fff;
				-moz-box-shadow: 0 0 10px 5px #379ab9;
				-webkit-box-shadow: 0 0 10px 5px #379ab9;
				box-shadow: 0 0 10px 5px #379ab9;
				}
	#top-row	{background-image:none}
	#content-row{background-image:none}
	#bottom-row	{background-image:none}
	#foot		{clear:none;height:auto;background-image:none}
	#footer		{margin:15px 0px}
	#footer p	{margin:0}
	#header 	{margin:0 0 5px 10px}
	#fullwidth	{margin:5px 10px}
	#index-page #middle {padding:0 15px 0 0px}


/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/

/* "special" class for formmail, used in a hidden field */
.special 	{width:5px;visibility:hidden}

/*
 * Everything from here down is the New Pro-Line navigation menu, from CSS Play
 *
 **********************************************************/
#pronav		{width:790px;background:transparent url("line/background_sepia.gif") repeat-x}
#index-page #pronav		{width:100%}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline2-5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_line4 {
height:36px; 
position:relative; 
padding:0 0 0 10px; /* This is the padding on the whole nav bar, leave 5px to the left of "home" */ 
font-family:arial, verdana, sans-serif; 
font-size:17px;
z-index:500;
}

.pro_line4 .select {
margin:0; 
padding:0 0 0 1px; /*new*/
list-style:none; 
white-space:nowrap;
}

.pro_line4 li {
float:left;
background:url(line/blank_over_sepia.gif);
}

.pro_line4 .select a {
display:block; 
height:36px; 
float:left; 
background: url(line/blank_sepia.gif); 
padding:0 0 0 10px; padding:0 0 0 1px;/*new*/
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#ddd;
/* adds dm 9/3/09 */
line-height:26px; 
}

.pro_line4 .select a b {
display:block; 
padding:0 30px 10px 15px; padding:0 20px 10px 15px; /* changed these to alter left/right space around nav items */
background:url(line/blank_sepia.gif) right top;
}

.pro_line4 .select li:hover a {
background: url(line/blank_over_sepia.gif); 
padding:0 0 0 10px;padding:0 0 0 1px;/*new*/
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line4 .select a:hover {
background: url(line/blank_over_sepia.gif); 
padding:0 0 0 10px;padding:0 0 0 1px; /*new*/
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line4 .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; padding:0 20px 9px 15px;  /* changed these to alter left/right space around nav items */
background:url(line/blank_over_sepia.gif) right top; 
cursor:pointer;
}

.pro_line4 .select a:hover b {
display:block; 
padding:0 30px 9px 15px; 
background:url(line/blank_over_sepia.gif) right top; 
cursor:pointer;
}
/* IE6 only */
.pro_line4 table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_line4 .sup {
display:none;
margin:0; 
padding:0 0 0 60px;
list-style:none;
}
.pro_line4 .sup li {background:transparent}

.pro_line4 .select :hover .sup {
height:18px;
display:block; 
position:absolute;
float:left;
width:660px;top:-18px;
left:0; 
text-align:center;
}

.pro_line4 .select :hover .sup li a {
border-left: 1px solid #ddd;
	border-right: 1px solid #777;
	border-top: 1px solid #888;
	border-bottom: 1px solid #666; /* dmills */ border: 0;
	display:block;	height:18px; 	line-height:16px; 	float:left; background:url('line/transparent.gif'); 
	padding:0 16px; 	margin:0; 	white-space:nowrap; 	color:#888;	font-size:10px;
}

.pro_line4 .select :hover .sup li a:hover {
color:#000; background:#f0f0f0; border-color:#fff #333 #000 #fff; line-height:15px;
}

/* new stuff for sub menus below the main menu */
.pro_line4 .sub {
display:none;
margin:0; 
padding:0 0 0 60px;
list-style:none;
}

.pro_line4 .sub li {background:transparent;}

.pro_line4 .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:660px;top:32px;
left:0; 
text-align:center;
}

.pro_line4 .select :hover .sub li a {
border-left: 1px solid #ddd;
	border-right: 1px solid #777;
	border-top: 1px solid #888;
	border: 0;
	display:block;	height:18px; 	line-height:16px; 	float:left; background:url('line/transparent.gif'); 
	padding:0 16px; 	margin:0; 	white-space:nowrap; 	color:#888;	font-size:10px;
}

.pro_line4 .select :hover .sub li a:hover {
color:#000; background:#f0f0f0; border-color:#fff #333 #000 #fff; line-height:15px;
}