/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari

CSS Document - styles.css
---------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }

body {
	margin: 0 auto;
	text-align: center;
	font: 12px/16px verdana,arial,helvetica,sans-serif;
	height: 100%;
	background-color: #efe8d1; color: #000;
}

a { text-decoration: underline; color: #7A9174 }
a:hover { text-decoration: none; }
fieldset { border: none; }

strong em { display: block; visibility: hidden; }

/* Layout
---------------------------------------------------------------------------- */
#wrap, #mast, #nav, #actual-nav, #splash, #sub-splash, #top-container, #bottom-wrap, #pre-footer, #footer { width: 758px; }
#wrap {
	margin: 0 auto;
	text-align: left;
	background: url(../images/wrap-bg.jpg) repeat-y;
}
#mast { height: 98px; background: url(../images/mast.jpg); }
	#mast span { display: none; }
	
#splash { height: 229px; background:  url(../images/splash-index.jpg); }
#sub-splash { height: 229px; background:  url(../images/splash-contact.jpg); }

#left-col, #right-col, #hdr-dr-osborne, #hdr-technology { float: left; }
	#left-col, #bottom-container { width: 538px; }
		#left-col p { margin: 0 38px 12px 46px; }
		#left-col h1, #left-col h2, #left-col h3, #left-col h4, #left-col h5, #left-col h6 { padding-top: 12px; margin: 0 38px 2px 46px; }
		#left-col ul { margin: 0 38px 12px 59px; list-style: outside square; }
			#bottom-container { float: left;  background: url(../images/bottom-panel-bg.jpg) repeat-y; }
				#div-bot { float: left; height: auto; background: url(../images/div-bot.jpg) no-repeat left bottom; }
					#hdr-dr-osborne { width: 263px; height: auto; background: url(../images/headers/hdr-dr-osborne.jpg) no-repeat; }
					#left-col #hdr-dr-osborne p { margin: 0 12px 12px 46px; }
					#left-col #hdr-technology p { margin: 0 38px 12px 30px; }
					#hdr-dr-osborne strong em, #hdr-technology strong em { height: 74px; }
				#hdr-technology { width: 275px; height: auto; background: url(../images/headers/hdr-technology.jpg) no-repeat; }
	#right-col, #btn-mapquest { width: 220px; }
		#right-col p { margin: 0 31px 12px 19px; }
		#right-col ul { margin: 0 31px 12px 32px; list-style: outside disc; }
	#btn-mapquest { height: 108px; background: url(../images/btn-mapquest.jpg); }
		#btn-mapquest a { display: block; width: 105px; height: 100px; position: relative; top: 5px; left: 50px; }
	#right-col img#video-profile {
		margin:10px 0px 20px 30px;
	}

#bottom-wrap { position: relative; top: -12px; margin: 0 auto; height: 20px; background: url(../images/bottom-wrap.jpg) no-repeat; }
	html>body #bottom-wrap { top: 0; }
#sub-bottom-wrap { position: relative; top: -12px; margin: 0 auto; height: 20px; background: url(../images/sub-bottom-wrap.jpg) no-repeat; }
	html>body #sub-bottom-wrap { top: 0; }
#pre-footer { position: relative; top: -12px; margin: 0 auto; height: 12px; background: url(../images/pre-footer.jpg) no-repeat; }
	html>body #pre-footer { top: 0; }
#footer { margin: 0 auto; padding: 1px 0 24px; text-align: center; }
	html>body #footer { padding: 6px 0 24px; }
	#footer ul { padding: 0 0 6px; }
	#footer li { display: inline; line-height: 11px; padding: 0 5px 0 7px; border-left: 1px solid #000; }
		html>body #footer ul { padding: 0 0 1px; }
	#footer li.first { border-left: none; }
	
/* Gallery Thumbs */
#gallery-thumbs, .gallery-thumbs { margin: 0 38px 12px 46px; }
	#gallery-thumbs dl, .gallery-thumbs dl { width: auto; clear: both; }
	#gallery-thumbs dd, .gallery-thumbs dd { float: left; width: 220px; text-align: center; font-size: 11px; }

/* Navigation
---------------------------------------------------------------------------- */
#actual-nav { background: url(../images/nav.jpg) top left no-repeat; height: 24px; }
#actual-nav span { display: none; }
#actual-nav li, #actual-nav a { height: 24px; display: block; }
#actual-nav li { float: left; list-style: none; _display: inline; }

#btn-1 { width: 61px; margin-left: 14px; }
#btn-2 { width: 119px; }
#btn-3 { width: 116px; }
#btn-4 { width: 240px; }
#btn-5 { width: 94px; }
#btn-6 { width: 100px; }
/* Changed values should match "width" numbers specified above */
#btn-1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -14px -24px; }
#btn-2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -75px -24px; }
#btn-3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -194px -24px;  }
#btn-4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -310px -24px;  }
#btn-5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -550px -24px;  }
#btn-6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -644px -24px;  }

/* Son of Suckerfish */
#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #a6b5a2;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#actual-nav li ul li { height: 20px; }	/* Height of each drop down menu item */
#actual-nav li ul li a { width: 100%; height: 20px; line-height: 20px; }
#actual-nav li ul li a span { display: block; padding-left: 5px; }

/* Drop down link styles */
#actual-nav a:link, #actual-nav a:visited, #actual-nav a:hover, #actual-nav a:active {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
#actual-nav li:hover ul, #actual-nav li.sfhover ul	{ left: auto; }
/* Hover styles for drop down items */
#btn-3 ul a:hover { 
	background-image: none;
	background-color: #7a9175;
	color: #fff;
}
/* width of drop down menu - choose width that allows items to display on one line */
#btn-3 ul, #btn-3 li { width: 120px; }		

/* Quick Contact
---------------------------------------------------------------------------- */
#right-col form { margin: 12px 31px 12px 29px; }
#right-col input, #right-col textarea {
	width: 144px;
	padding: 2px 3px;
	margin-bottom: 2px;
	font: 12px/12px verdana,arial,helvetica,sans-serif;
	background-color: #fff;
	color: #333;
	border: 1px solid #333;
}
#right-col textarea { height: 96px; overflow: auto; }

#right-col input.hidden { display: none; }
#right-col input.btn-send { width: 70px; height: 25px; background: none; border: none; margin: 6px 0 0 74px; }

/* Main Contact
---------------------------------------------------------------------------- */
#left-col form { margin: 0 38px 12px 76px; }
#left-col fieldset { margin-bottom: 3px; }
#left-col fieldset div { float: left; width: 199px; }
#left-col fieldset div.field-item { text-align: right; padding-right: 12px; }
#left-col div.clear { clear: both; text-align: center; padding-top: 12px; }

#left-col input, #left-col select {
	width: 144px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px verdana,arial,helvetica,sans-serif;
	background-color: #fff;
	color: #333;
	border: 1px solid #333;
}

#left-col textarea {
	width: 404px; height: 88px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px verdana,arial,helvetica,sans-serif;
	background-color: #fff;
	color: #333;
	border: 1px solid #333;
	overflow: auto;	
}

#left-col input.hidden { display: none; }
#left-col input.btn-send { width: 70px; height: 25px; margin-top: 12px; background: none; border: none; }


/* Classes
---------------------------------------------------------------------------- */
#left-col h1.null { padding: 0; margin: 0; }
.clear { clear: both; }

.comprehensive-services li { margin-bottom: 12px; }
.comprehensive-services li a { font-weight: bold; }

div.img-left { text-align: center; padding: 0 8px 1px 42px; float: left; }

.img-left { margin: 0 8px 45px 0; float: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }

body#pop-up {
	background: #afbca7 url(../images/popup-bgwrap.jpg) top center repeat-y;
	}
	
	body#pop-up #masthead {
		background: url(../images/popup-masthead.jpg) top center no-repeat;
		width: 641px;
		height: 80px;
		margin: 0 auto;
		position: relative;
		}
		
		body#pop-up #masthead a {	
				position:absolute;
				left:10px;
				width:622px;
				top:0px;
				height:80px; 
				}
		body#pop-up #masthead a span {
				display:none;
				}
		
	body#pop-up #content {
		width: 590px;
		margin: 0 auto;
		padding: 15px;
		text-align: left;
		}
		
		body#pop-up #content p {
			margin: 0px 0px 15px 0px;
			}
			
			
#pop-up-link {text-align: center; margin: 0px 20px 0px 5px; padding: 10px 0px; border-bottom: 1px solid #7A9174;}
#pop-up-link-last {text-align: center; margin: 0px 20px 0px 5px; padding: 10px 0px; /*border-bottom: 1px solid #7A9174;*/}