/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 background: #FAFAFC;

}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 padding: 10px;
 }
#header {
 width: 920px;
 color: #000000;
 padding: 0px;
 border: 0px;
 height: 150px;
 margin: 0px 0px 0px 0px;
background: #99ccff;
 border-top: 1px solid #00004F;
 border-left: 1px solid #00004F;
 border-right: 1px solid #00004F;
 color: #FFFFFF;
 
}
#content { 
 width: 900px;
 height: auto;
 color: #000;
 border: 0px;
background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top: 30px;
 padding-right: 10px;
 padding-left: 10px;
 border-left: 1px solid #00004F;
 border-right: 1px solid #00004F;
}

#content_inner { 
 width: 880px;
 color: #000000;
 margin: 0 0 0 0;
}

#content_inner p { 
 padding: 0 0 10px 0;
}


#footer { 
 clear: both;
 width: 900px;
 color: #333;
 border: 0px;
 background: #99ccff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border-left: 1px solid #00004F;
 border-right: 1px solid #00004F;
 border-bottom: 1px solid #00004F;
 text-align: center;
 color: #FFFFFF;
 position: relative;
}

.address {
 font-weight: bold;
 }
 
.copyright {
font-size: 14px;
}

.copyright a {
color: #ffffff;
text-decoration: underline;
}

.copyright a:hover {
background-color: #ffffff;
color: #00004F;
text-decoration: underline;
}

#headertext
{
float: right;
position: relative;
top: 10px; 
left: 30px; 
width: 300px; 
padding: 4px; 
font-weight: bold; 
font-size: 14px;

}

#headertext a
{
color: #FFFFFF;
}

#headertext a:hover
{
background-color: #00004F;
}

#headertext p.phone
{
font-size: 22px;
}

#masthead
{
position: relative;
float: left;
left: 100px;
top: -4px;
}

#imageblock1
{
text-align: center;
margin: 10px 0 10px 0;
}

#imageblock1 img
{
margin: 0 2px 0 2px;
border: 2px solid #00004F;
}

.floatright {
float: right;
margin: 45px 15px 5px 0px;
border: 2px solid #00004F;
}

.pleasecall {
font-size: 22px;
text-align: center;
margin: 15px 0 0px 0;
clear: both;

}

.pleasecall a {
color: #00004F;
text-decoration: underline;
}

.pleasecall a:hover {
color: #FFFFFF;
background-color: #00004F;
text-decoration: underline;
}

.floatleft {
float: left;
margin: 0 10px 10px 2px;
border: 2px solid #00004F;
}

strong {
color: #00004F;
}

#middlevaligned {
display:inline;
}

#middlevaligned img {
margin-top:18px;
vertical-align: top;
}

#fade1 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#fade2 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#fade3 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#fade4 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#fade5 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#fade6 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 5px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
	text-align: center;
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
	border: 0;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade1 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #fade2 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #fade3 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #fade4 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #fade5 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #fade6 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }