@charset "utf-8";
/* HTML Element Styles 

First we adjust the default HTML elements, like the body, paragraphs, and so on.

*/

/* This defines the background of the web page, as well as the basic font family definition 
for ALL elements that are in the page, unless overridden by the definitions below. Both body 
and html are defined to fix and IE bug */
body, html {
	background:#000000;
	font-size: 14px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
    font-family:verdana, sans-serif;
	overflow:auto;
	color: #333333;
}

/* Styles all images that are also links, border:none removes the default blue outline */  
a img {
	border:none;
}

/* Link styles */
a:link {
	color: #333;
	}
a:visited {
	color: #333;
	}
a:hover {
	color:#666;
	}
	
.footer a:link {
	color: #fff;
	}
.footer a:visited {
	color: #fff;
	}
.footer a:hover {
	color:#000099;
	}

/* h1 through h4 are the default headline styles; headlines are block elements, so margins 
and padding are set to zero, so there are no automatic spaces above and below */
h1 {
  font-size: 40px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}

h1.center {
  font-size: 40px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}

h2 {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}

h3 {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}

/* Styles all paragraphs; removes leading and trailing blank lines from the block */
p {
  margin-top: 0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
  }

/* CSS Classes

Next classes are defined. These are custom styles. They can be applied to as many items on a
page as needed. The period before the name identifies them as classes in this document. The period
is omitted when referencing them in HTML */

/* This is the content area of the web site. The background color is what the text and images
will appear over (the body style above defines the backgound around the edges of the page).
The width and auto margin settings center an area for content in the center of the browser window. */

.main {
  background-color:#000;
  width: 800px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  
  }
  
.header {
	position:absolute;
	top: 0px;
	margin-top: 10px;
	margin-left:20px;
	width: 760px;
	height:275px;
	z-index: 1000;
	background:url(/images/title.png);
  }

.header_small {
	position:absolute;
	top: 0px;
	margin-top: 10px;
	margin-left:20px;
	width: 760px;
	height:175px;
	z-index: 1000;
	background:url(/images/title_small.png);
  }

/* IE PNG hack */

* html .header
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/title.png", sizingMethod="crop");
	height: 275px;
	width: 760px;
	position: absolute;
	top:0px;
} 

* html .header_small
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/title_small.png", sizingMethod="crop");
	height: 275px;
	width: 760px;
	position: absolute;
	top:0px;
} 



/* This makes an <a> tag take up the entire overlay div, making the entire div a clickable link */
.header a {
	display: block; 
	height: 100%; 
	width: 100%; 
}

.body {
	position:absolute;
	top: 150px;
	background-color:#EEE;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 600px;
	z-index: 100;	
	overflow: auto;
}

.background {
	position: absolute;
	top: 0px;
	z-index: 200;
	/* background:url(/images/background.jpg); */
	height: 600px;
	width: 800px;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	}

.mainmenu {
	position: absolute;
	top: 720px;
	z-index: 2500;
}

/* Since some elements need to go edge-to-edge in the "main" section of the web page, margins cannot be
added to that style. The margin style should be applied to elements with the "main" content area of the
page that do not run edge-to-edge. */
.margin {
  margin: 0px 10px 10px 10px;
  text-align:justify;
}

.footer {
  color: #fff;
  clear:both;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  font-size: 20px;
  }
  

 
/* Generic styles to float pictures left or right so text flows around with a small margin */
/* Leave these names as is, they are used by TinyMCE */
.pic_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
  }

.pic_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
  }
  
.pic_center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
  }
  
.pic_bar {
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
}

.pic_bar img {
	padding:10px;
	}

.beforeafter {
	width:375px;
	height:250px;
}

/* Maps */
.mapkey {
	float:right;
	border: 1px #532f00 solid;
	padding: 0px 0px 10px 10px;
	margin-top:10px;
	margin-left:10px;
	text-align: left;
	}

.container {
	width:800px;
	position:relative; 
	margin:0 auto; 
	text-align:left;
	z-index: 300;
}
.text {
text-align:left;
width:800px; height:570px;
overflow: auto;
}

.text_large {
text-align:left;
width:800px; 
height:570px;
overflow: auto;
}

.spacer {
height: 125px;
}

.spacer_small {
height: 25px;
}

.fade_top {
position: absolute;
height: 175px;
width:785px;
top:0; left:0;
background: url(/images/fade_top.png);
}

* html .fade_top
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/fade_top.png", sizingMethod="scale");
	height: 175px;
	width: 785px;
	position: absolute;
	top:0px;
} 

.fade_top_small {
position: absolute;
height: 25px;
width:785px;
top:0; left:0;
background: url(/images/fade_top_small.png);
background-repeat:repeat-x;
}


* html .fade_top_small
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/fade_top_small.png", sizingMethod="scale");
	height: 25px;
	width: 785px;
	position: absolute;
	top:0px;
} 

.fade_bottom {
	position: absolute;
	height: 25px;
	width:785px;
	bottom:0; left:0;
	background:url(/images/fade_bottom.png);
}

* html .fade_bottom
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/fade_bottom.png", sizingMethod="scale");
	height: 25px;
	width: 785px;
	position: absolute;
	bottom:0; left:0;
} 

/* Styled forms */

form#two {background: #eee; width:470px; height: 410px; padding:10px; border:1px solid #333;margin-top:0px;}
form#two fieldset {width:450px; display:block; border:1px solid #333; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
* html form#two fieldset#personal, * html form#two fieldset#medical {background-position:400px 20px;}
* html form#two fieldset#current {background-position:390px 20px;}
form#two fieldset#opt {background:#FFF;}
form#two legend {font-family:verdana, sans-serif; font-size:1.1em; font-weight:bold; color: #333; margin-bottom:5px; padding:3px; width:130px; background:#FFF url(/contact/form.gif) repeat-x center left;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#333; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff url(/contact/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {font-family:verdana, sans-serif;font-size:12px;width:410px; height:12em; border:1px solid #333; padding:0.5em; margin:5px; overflow:auto; background:#fff url(/contact/form.gif) repeat-x bottom left;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#000099; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}


.contact_sidebar {
text-align:center;
height: 410px;
padding:10px;
width: 250px;
border: 1px solid #000;
float: right;
background-color: #eee;
}

.message{
background: #eee; width:470px; height: 410px; padding:10px; border:1px solid #333;margin-top:0px;text-align:center;
}

.button {border:1px solid #fff; background:#fff url(/contact/form.gif) repeat-x top left; margin-bottom:0.6em;width:50px;text-align:center;margin-right:auto;margin-left:auto;}
.button a:link, .message .button a:visited {text-decoration:none;}
.button a:hover {color:#000099;}

#small_gallery_slideshow {
width:300px;
heigh:300px;
padding: 4px;
background-color: #fff;
border: 1px solid #a9a9a9;
margin-left:10px;
}

form#three {font-family:verdana, sans-serif;background: #eee; width:470px; height: 510px; padding:10px; border:1px solid #333;margin:10px;background-image:url(../images/formmail_background.jpg);}
form#three fieldset {width:450px; display:block; border:1px solid #333; padding:5px; margin-bottom:0.5em; line-height:1.5em;}
* html form#three fieldset#personal, * html form#three fieldset#medical {background-position:400px 20px;}
* html form#three fieldset#current {background-position:390px 20px;}
form#three fieldset#opt {background:#FFF;}
form#three legend {font-size:1.1em; font-weight:bold; color: #333; margin-bottom:5px; padding:3px; width:150px; background:#FFF url(/contact/form.gif) repeat-x center left;border:1px solid #333;}
form#three label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#333; margin-bottom:0.5em;}
form#three input {border:1px solid #fff; background:#fff url(/contact/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
form#three select {margin-left:0.5em;}
form#three textarea {font-family:verdana, sans-serif;font-size:12px;width:410px; height:12em; border:1px solid #333; padding:0.5em; margin:5px; overflow:auto; background:#fff;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
form#three option {background:#788; color:#fff;}
form#three optgroup {background:#abb; color:#000;}
form#three optgroup option {background:#9aa; color:#fff;}
form#three #button1, form#three #button2 {color:#000099; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#three #button1:hover, form#three #button2:hover {background-position:center left; color:#000;}

.pic_border {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_section {
	clear:both;
}