body
{
	font-family: Arial, Garamond, Tahoma;
	color: #000000;
	font-size: 12px;
}

.LogoArea
{
    margin-left: auto;
	margin-right: auto;	
    width: 950px;
    height: 103px;
    background-image: url(/images/2010website.jpg);
    background-repeat: no-repeat;
}

.Wrapper
{
    width: 950px;
    height: 715px;
	margin-left: auto;
	margin-right: auto;	
	z-index: 1px;
}

.ContentWrapper
{
    border: dashed 1px #000000;
    width: 948px;/* cause of the border*/
    height: 600px;
	margin-left: auto;
	margin-right: auto;	
}

.GalleryDash
{
    border: dashed 1px #000000;
    border-bottom: none 0px #FFFFFF;
    height: 590px;   
}

.noScroll
{
    overflow: visible;
}

.scrollBar
{
    overflow: auto;
}

.NavMenu
{   
    margin-left: auto;
	margin-right: auto;
    height: 25px;
    width: 950px;    
}

.LeftSide
{
    direction:rtl;
    text-align:left;
    padding: 5px;
    height: 590px;
    width: 442px;
    overflow: auto;
    float: left;
}

.LeftToRight 
{
	direction: ltr;
}

.ContactForm
{
    direction:ltr;
}

.RightSide
{
    text-align: right;
    padding: 0px;
    float: right;
    height: 600px;
    width: 496px;
}

.ImageBG
{
    width: 938px;
    height: 590px;
    float: left;
    padding: 5px;
}

.FPLink
{
    text-decoration:none; 
    color:gray; 
    font-size:12px;
}



/* feedback stuff */
.feedbackArea
{
    border: 1px black solid;
    padding: 5px;
    width: 900px;
}

.feedbackFieldLabel
{
    padding: 5px;
    float: left;
    width: 130px;
}

.feedbackFieldValue
{
    
    width: 755px;
    padding: 5px;
    margin-left: 140px;
}

.feedbackFieldLabelAlt
{
    padding: 5px;
    width: 130px;   
    float: left;
    background-color: whitesmoke;
}

.feedbackFieldValueAlt
{
    
    width: 755px;
    margin-left: 140px;
    padding: 5px;
    background-color: whitesmoke;
}

.alt
{
    
    background-color: whitesmoke;
}

.seperator
{
    height: 1px;
    background-color: Gray;
    padding: 0px;
    
}



/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(/images/cee-close-btn.png); }
#cee_next 			{ background-image: url(/images/cee-next-btn.png); }
#cee_prev 			{ background-image: url(/images/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(/images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(/images/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(/images/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ---------->>> ceebox specific css minimized <<<-----------------------------------------------------------*/
#cee_box{font:12px Arial,Helvetica,sans-serif;color:#333;background-color:#fff}#cee_count{font:10px Arial,Helvetica,sans-serif;-moz-opacity:0.8;opacity:0.8;clear:left;float:left;padding:2px 0 4px}.cee_html #cee_title h2{float:left}.cee_html #cee_count{clear:none;padding-left:5px}* html #cee_count{zoom:1;padding-bottom:6px}#cee_next,#cee_prev{height:100%;width:49%;text-indent:-10000px;text-decoration:none;visibility:visible;background-repeat:no-repeat}#cee_box a{border:0;outline:none}#cee_box a:link{color:#666}#cee_box a:visited{color:#666}#cee_box a:hover{color:#000}#cee_box a:active{color:#666}#cee_box a:focus{color:#666}#cee_closeBtn{background-repeat:no-repeat;display:box;width:24px;height:23px;position:absolute;text-indent:-10000px} #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn,#ie8#hack{top:-10px;right:-10px}*:first-child+html #cee_closeBtn{top:-3px;right:-3px} * html #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn:hover{background-position:0px -23px}.cee_close{cursor:pointer}#cee_box{text-align:left;color:#000}#cee_box img#cee_img,#cee_vid,#cee_iframeContent,#cee_ajax{display:block;margin:15px 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#cee_title{padding:7px 15px 5px 15px;overflow:hidden}.cee_html #cee_title{background-color:#e8e8e8;height:18px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}#cee_title h2{font-size:1em;font-weight:400;margin:0 0 1px}#cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#cee_load{display:none;height:50px;width:50px;margin:-25px 0 0 -25px;background-position:center center;background-repeat:no-repeat}#cee_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}* html #cee_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px}













.container {
	width:960px; 
	margin:0px auto; 
	position:relative;
	z-index:12;
}
	
/*.container DIV.contact {
	z-index: 120;
}
	
.container div#contactForm {
	z-index: 120;
}*/
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	/*z-index:1;*/
	z-index: 12;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(/images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(/images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	/*z-index: 120;*/
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(/images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	/*z-index: 120;*/
	/*z-index: 12;*/
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:turquoise; 
	z-index: 11;
	/*z-index:50;*/
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
/*#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(/images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}*/