/* BEGIN: Global Styles */
img { border: none; }
a { text-decoration: none; }
br.clear { clear: both; }
a:focus, a:active {
outline: none;
}
label {
	font-weight: bold;
	text-transform: uppercase;
}

p.error,p.notice { font-weight: bold; }
.button { cursor: pointer; }
/* END: Global Styles */

/* BEGIN: General Formatting */
body {
	margin: 75px 40px 40px 40px;
	padding: 0;
	color: #404040;
	background: #adacab url("images/background.gif") repeat-x;
	font-size: 11px;
	line-height: 150%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

#main {
	width: 810px;
	margin: 0 auto;
	padding: 15px 45px;
	color: inherit;
	background: #C7C7C7 url(images/gradient.gif) repeat-x;
	border: 2px solid #b1b1b6;
}
/* END: General Formatting */

/* BEGIN: Header */
#mainheader { position: relative; margin: 5px; }

h1 {
    position: absolute; 
	float: left;
    left: -36px; 
    top: -5px; 
	margin: 0 50px 0 0;
	width: 275px;
	height: 85px;
	background: url(images/hadar-logo.png) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

#nav_top {
	float: right;
	margin: 44px -11px 6px 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-family: Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
    text-align: right;
}

#nav_top li { float: left; }

#nav_top a {
	color: #6b6b6d;
	background-color: inherit;
	padding: 0 15px;
}

#nav_top a:hover,#nav_top .active a { color: #a9aaaa; }
/* END: Header */

/* BEGIN: Body */
#body { margin: 3px; }
.content, .content img { margin: 2px; }

p.content,div.content {
	padding: 10px;
	background-color: white;
	color: #404040;
	text-align: justify;
}
/* END: Body */

/* BEGIN: Footer */
#footer { margin: 10px 5px; }
#footer p { margin: 0; }

#footer_left, #footer_right, #footer_right a {
	color: #6b6b6d;
	font-size: 10px;
}

#footer_left { float: left; }
#footer_right { float: right; }
#footer_right a:hover { color: #a9aaaa; }
#footer_right img { vertical-align: top; }
#privacy_link { margin-left: 10px; }
/* END: Footer */

/* BEGIN: Home Page */
#flash_holder {
	width: 800px;
	height: 330px;
	margin: 2px;
}

#home_text_container {
	position: relative; /* IE Hack */
	overflow: hidden;
	height: 50px;
}

#home_text {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	color: #404040;
	text-align: justify;
}
/* END: Home Page */

/* BEGIN: About Page */
#about_left_column {
	float: left;
	width: 507px;
}

#about_video {
	float: left;
	width: 507px;
	margin-top: 14px; 
}

#about_images_container {
	position: relative; /* IE Hack */
	height: 117px;
	width: 450px;
	overflow: hidden;
}

#about_images {
	position: relative;
	top: 0;
	height: 117px;
	width: 800px;
}

#about_right_column {
	float: left;
	width: 293px;
    margin-left: 2px; 
}

#josh_photo { margin-right: 25px; }

#about_josh {
	margin: 0;
	padding: 0;
	text-align: right;
}

#about_text_container {
	position: relative; /* IE Hack */
	height: 325px;
	overflow: hidden;
	margin-top: 7px;
	margin-bottom: 7px;
}

#about_text {
	position: relative;
	top: 0;
}

#about_text p {
	text-align: justify;
	color: #404040;
}
/* END: About Page */

/* BEGIN: Burn Clinic Page */
#burnclinic_images_container {
	position: relative; /* IE Hack */
	height: 117px;
	width: 450px;
	overflow: hidden;
}

#burnclinic_images {
	position: relative;
	top: 0;
	height: 117px;
	width: 1108px;
}
/* END: Burn Clinic Page */

/* BEGIN: Press Page */
	#press_lower_right_column {
		position: relative;
		top: 0px;
		float: right;
		width: 235px;
		margin-right: 0;
		height: 105px;
		overflow: hidden;
	}
/* END: Press Page */

/* BEGIN: Gallery Page */
h3 {
	display: inline;
	font-size: 12px;
	font-family: Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

	/* BEGIN: Gallery Upper Left Column */
	#gallery_upper_left_column {
		float: left;
		width: 568px;
		height: auto;
		background: #FFFFFF;
	}
	/* END: Gallery Upper Left Column */

	/* BEGIN: Gallery Upper Right Column */
	#gallery_upper_right_column {
		float: left;
		width: 235px;
	}
	
	#gallery_upper_right_column div { padding: 0; }
	
	#galleries_container {
		position: relative; /* IE Hack */
		height: 356px;
		overflow: hidden;
	}
	
	#galleries {
		position: relative;
		top: 0;
	}
	
	#galleries img { margin: 0; }
	
	#galleries_container-press {
		position: relative; /* IE Hack */
		height: 356px;
		overflow: hidden;
		float: right;
	}
	#galleries-press {
	position: relative;
	top: 0px;
	margin-left: 5px;
	width: 234px;
	}
	#galleries-press img {
	padding: 1px;
	float: left;
	}
	#galleries_container-trees {
		position: relative; /* IE Hack */
		height: 422px;
		overflow: hidden;
		float: right;
	}
	
	#galleries-trees {
		position: relative;
		top: 0;
	}
	
	#galleries-trees img { margin: 0; }
	/* END: Gallery Upper Right Column */

	/* BEGIN: Gallery Lower Left Column */
	#gallery_lower_left_column {
		float: left;
		height: 105px;
		width: 363px;
		overflow: hidden;
	}

	#gallery_images_container {
		position: relative; /* IE Hack */
		height: 67px;
		width: 300px;
		margin-top: 4px;
		overflow: hidden;
	}
	
	#gallery_images {
		position: relative;
		top: 0;
		height: 80px;
	}
	/* END: Gallery Lower Left Column */

	/* BEGIN: Gallery Lower Right Column */
	#gallery_lower_right_column {
		float: left;
		width: 440px;
		margin-right: 0;
		height: 105px;
		overflow: hidden;
	}
	
	#gallery_text_container {
		position: relative; /* IE Hack */
		height: 85px;
		width: 426px;
		overflow: hidden;
	}
	
	#gallery_text {
		position: relative;
		top: 0;
		width: 400px;
		line-height: 160%;
	}
	/* END: Gallery Lower Right Column */
/* END: Gallery Page */

/* BEGIN: Contact Page */
h2 {
	font-size: 15px;
	font-family: Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

#map { float: left; }

#address {
	margin-top: 0;
	margin-bottom: 45px;
}

#contact_form {
	float: left;
	margin-left: 20px;
	width: 270px;
	text-align: left;
}

#contact_form a { color: #404040; }

#contact_form label {
	float: left;
	clear: left;
	width: 65px;
	font-size: 10px;
	overflow: hidden;
}

#contact_form input,#contact_form textarea {
	float: left;
	width: 190px;
	margin: 3px 0;
}

#contact_form #submit {
	float: none;
	width: auto;
	margin-right: 10px;
}

#contact_form .buttons {
	clear: both;
	margin-top: 25px;
	text-align: right;
}
/* END: Contact Page */


/* 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:5;
	margin-top: -75px;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:270px;
	width:558px;
	border:1px solid #929191;
	padding:7px 12px;
	color:#FFFFFF;
	display:none;
	background-color: #515151;
	background-image: url(../images/birdy.jpg);
	background-repeat: no-repeat;
	background-position: 241px 11px;
	}   

/* 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;
	}
	
/* 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;
	}
			
/* 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:#000; 
	z-index:4;
	}  
	
/* 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;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px;
	width:124px;
	cursor:pointer;
	float:left;
	margin-top:0px;
	background-color: #FFFFFF;
	background-image: url(../%20images/submit-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	}
#contactForm .submit:active {background:#cacaca; cursor:pointer; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}
.container {
position: relative;
width:810px;
}
/* Web Bookmark Links */
.links {
	height: 28px;
	width: 200px;
	position: absolute;
	background-repeat: no-repeat;
	z-index: 800;
	background-image: url(../images/links-bg.png);
	background-position: left top;
	float: left;
	left: -200px;
	top: 8px;
}
.links li {
	display: inline;
	color: transparent;
}
.links li a:link, .links li a:visited {
	position: absolute;
	top: 0px;
	height: 28px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	color: transparent;
}


	.links .delicious a:link, .links .delicious a:visited {
	left: 6px;
	width: 25px;
	}
	.links .delicious a:hover, .links .delicious a:focus {
	background: url(../images/links-bg.png) no-repeat -6px -27px;
	}
	.links .delicious a:active {
	background-image: url(../images/links-bg.png);
	background-repeat: no-repeat;
	background-position: -6px -27px;
	}
	.current-delicious .delicious a:link, .current-delicious .delicious a:visited {
	cursor: default;
	background-image: url(../images/links-bg.png);
	background-repeat: no-repeat;
	background-position: -6px -27px;
	}
	.links-delicious, .links-delicious-click {
	position: absolute;
	top: 0px;
	left: 6px;
	width: 25px;
	height: 28px;
	background-image: url(../images/links-bg.png);
	background-repeat: no-repeat;
	background-position: -6px -27px;
	}
	.links-delicious-click {
		background: url(../images/links-bg.png) no-repeat -6px -27px;
	}



	.links .stumbleupon a:link, .links .stumbleupon a:visited {
	left: 39px;
	width: 25px;
	}
	.links .stumbleupon a:hover, .links .stumbleupon a:focus {
		background: url(../images/links-bg.png) no-repeat -39px -27px;
	}
	.links .stumbleupon a:active {
		background: url(../images/links-bg.png) no-repeat -39px -27px;
	}
	.current-stumbleupon .stumbleupon a:link, .current-stumbleupon .stumbleupon a:visited {
		background: url(../images/links-bg.png) no-repeat -39px -27x;
		cursor: default;
	}
	.links-stumbleupon, .links-stumbleupon-click {
		position: absolute;
		top: 0;
		left: 39px;
		width: 25px;
		height: 28px;
		background: url(../images/links-bg.png) no-repeat -39px -27px;
	}
	.links-stumbleupon-click {
		background: url(../images/links-bg.png) no-repeat -39px -27px;
	}



	.links .digg a:link, .links .digg a:visited {
	left: 71px;
	width: 25px;
	}
	.links .digg a:hover, .links .digg a:focus {
		background: url(../images/links-bg.png) no-repeat -71px -27px;
	}
	.links .digg a:active {
		background: url(../images/links-bg.png) no-repeat -71px -27px;
	}
	.current-digg .digg a:link, .current-digg .digg a:visited {
		background: url(../images/links-bg.png) no-repeat -71px -27px;
		cursor: default;
	}
	.links-digg, .links-digg-click {
		position: absolute;
		top: 0;
		left: 71px;
		width: 25px;
		height: 28px;
		background: url(../images/links-bg.png) no-repeat -71px -27px;
	}
	.links-digg-click {
		background: url(../images/links-bg.png) no-repeat -71px -27px;
	}


	
	.links .youtube a:link, .links .youtube a:visited {
	left: 105px;
	width: 25px;
	}
	.links .youtube a:hover, .links .youtube a:focus {
		background: url(../images/links-bg.png) no-repeat -105px -27px;
	}
	.links .youtube a:active {
		background: url(../images/links-bg.png) no-repeat -105px -27px;
	}
	.current-youtube .youtube a:link, .current-youtube .youtube a:visited {
		background: url(../images/links-bg.png) no-repeat -105px -27px;
		cursor: default;
	}
	.links-youtube, .links-youtube-click {
		position: absolute;
		top: 0;
		left: 105px;
		width: 25px;
		height: 28px;
		background: url(../images/links-bg.png) no-repeat -105px -27px;
	}
	.links-youtube-click {
		background: url(../images/links-bg.png) no-repeat -105px -27px;
	}
	
	
	
	.links .twitter a:link, .links .twitter a:visited {
	left: 138px;
	width: 25px;
	}
	.links .twitter a:hover, .links .twitter a:focus {
		background: url(../images/links-bg.png) no-repeat -138px -27px;
	}
	.links .twitter a:active {
		background: url(../images/links-bg.png) no-repeat -138px -27px;
	}
	.current-twitter .twitter a:link, .current-twitter .twitter a:visited {
		background: url(../images/links-bg.png) no-repeat -138px -27px;
		cursor: default;
	}
	.links-twitter, .links-twitter-click {
		position: absolute;
		top: 0;
		left: 138px;
		width: 25px;
		height: 28px;
		background: url(../images/links-bg.png) no-repeat -138px -27px;
	}
	.links-twitter-click {
		background: url(../images/links-bg.png) no-repeat -138px -27px;
	}
	
	
	
	.links .facebook a:link, .links .facebook a:visited {
	left: 170px;
	width: 25px;
	}
	.links .facebook a:hover, .links .facebook a:focus {
		background: url(../images/links-bg.png) no-repeat -170px -27px;
	}
	.links .facebook a:active {
		background: url(../images/links-bg.png) no-repeat -170px -27px;
	}
	.current-facebook .facebook a:link, .current-facebook .facebook a:visited {
		background: url(../images/links-bg.png) no-repeat -170px -27px;
		cursor: default;
	}
	.links-facebook, .links-facebook-click {
		position: absolute;
		top: 0;
		left: 170px;
		width: 25px;
		height: 28px;
		background: url(../images/links-bg.png) no-repeat -170px -27px;
	}
	.links-facebook-click {
		background: url(../images/links-bg.png) no-repeat -170px -27px;
	}