/* CSS Document */

*
{
	margin:0;
	padding:0;
}

wrapper, header, content, sidebar, footer { display:block; }

body
{
	line-height:1.5em;
	font-size:68.5%;
	color:#464233;
	background:url(../images/stonetile25.jpg);
	border-top:1px solid #5aa4ba;
	font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	padding:0;
	margin:0;
}

html, body, wrapper { height: 100%; }

body > wrapper
{
	height: auto;
	min-height: 100%;
}

wrapper { /*border:1px solid blue;*/ }

.center_this
{
	position:relative;
	padding:0;
	margin:0px auto;
	/*border:1px solid red;*/
}

.shdw_lft { position:absolute; left:0; width:125px; -moz-box-shadow:-50px 0px 100px #000;  -webkit-box-shadow:-50px 0px 100px #000;box-shadow:-50px 0px 100px #000; }
.shdw_rgt { position:absolute; right:0; width:125px; -moz-box-shadow:50px 0px 100px #000; -webkit-box-shadow:50px 0px 100px #000; box-shadow:50px 0px 100px #000; }



/****************** HEADER ******************/



header
{
	width:100%;
	height:223px;
	background:#2e2f31 url(../images/hdr_stripe.png) 0 0 repeat-x;
	border-bottom:1px solid #545455;
	z-index:50;
}

header .center_this { width:906px; height:223px; }

#big_hdr { position:absolute; top:0; left:-30px; width:962px; height:135px; background:url(../images/header_bg.png) no-repeat; }

header .shdw_lft { height:243px; }
header .shdw_rgt { height:243px; }

.zigzag_lft { position:absolute; top:0px; left:-30px; width:29px; height:31px; background:url(../images/zigzag_lft.png) repeat-y; }
.zigzag_rgt { position:absolute; top:0px; right:-29px; width:29px; height:31px; background:url(../images/zigzag_rgt.png) repeat-y; }



/****************** NAV ******************/


#nav_bar {
position:absolute; left:-31px; bottom:31px; width:962px; height:55px; padding:0;
background:url(../images/nav_bar.jpg) no-repeat; border:1px solid #454648; z-index:100;
-moz-box-shadow:0px 3px 15px #000;  -webkit-box-shadow:0px 3px 15px #000; box-shadow:0px 3px 15px #000;
 }

.sf-menu { width:962px; height:55px; margin:0 auto; } /* match nav_bar height */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top:55px; } /* match nav_bar height */

ul.sf-menu li a, ul.sf-menu li span.no_link {
display:block; width:auto; height:16px; padding:17px 35px 22px; 
font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size:16px; color:#fff;
}
ul.sf-menu li a:hover, ul.sf-menu li span.no_link:hover { color:#b1d7de; text-decoration:none; }

 /*ul.sf-menu li {border:1px solid red;}*/
ul.sf-menu li + li:before { content: "|"; display:inline-block; float:left; width:3px; height:55px; background:url(../images/nav_divider.png) 0 13px no-repeat; text-indent:-9000px; overflow:hidden; }

.sf-menu ul {
background:url(../images/dropdown.jpg) repeat-y; border:1px solid #ccc; border-top:none;
-moz-box-shadow:1px 1px 2px #333;  -webkit-box-shadow:1px 1px 2px #333; box-shadow:1px 1px 2px #333; 
}



ul.sf-menu ul li a
{
	display:block;
	width:216px;
	height:14px;
	padding:10px 7px 10px 42px;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#265565;
	letter-spacing:-.5px;
	font-weight:bold;
	text-indent:0;
	text-transform:capitalize;
}

ul.sf-menu ul li + li a { border-top:1px solid #d5dbde; }

ul.sf-menu ul li + li:before { content:""; display:none; float:none; width:0; height:0; background:none;}

ul.sf-menu ul li a:hover,
ul.sf-menu ul li a.current { color:#21728e; }




/****************** TEXT ******************/


/*
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;

font: bold italic small-caps 1em/1.5em verdana,sans-serif;
*/
h1, h2, h3, h4, h5, h6 { font: bold 1em/1.2em Georgia, "Times New Roman", Times, serif; color:#265565; margin:1em 0 0; }
h1 { font-size:2.8em; font-weight:normal; } 
h2 { font-size:2em; font-weight:normal; } 
h3 { font-size:1.5em; } 
h4 { font-size:1.2em; } 
h5 { font-size:1em; } 
h6 { font-size:.8em; } 

h1+h2, h1+h3, h1+h4, h1+h5 { margin:0; }

h2.page_name { margin-top:0; }

a { color:#265565; }
a:hover { color:#033544; text-decoration:underline; }


a.button { direction:inline-block; width:auto; height:14px; padding:6px 16px 5px; background:url(../images/button.png) repeat-x;
 font-weight:bold; color:#fff; font-size:14px; text-transform:uppercase;
 -moz-box-shadow:0px 2px 3px #010a0d;  -webkit-box-shadow:0px 2px 3px #010a0d; box-shadow:0px 2px 3px #010a0d;  }
a.button:hover { color:#b1d7de; text-decoration:none; }
a.button:active { position:relative; top:1px; -moz-box-shadow:0px 1px 1px #010a0d;  -webkit-box-shadow:0px 1px 1px #010a0d; box-shadow:0px 1px 1px #010a0d; }


/****************** CONTENT ******************/


content.center_this { top:-31px; width:804px; height:500px; height:auto; min-height:438px; padding:5px 50px 50px;  z-index:1; 
 background:#ecf0e8; border:none; font-size:1.4em; line-height:1.5em; /*border:1px solid green;*/
 -moz-box-shadow:0px 25px 50px #000;  -webkit-box-shadow:0px 25px 50px #000; box-shadow:0px 25px 50px #000;
 }

.frst_hdr { margin-top:0; }

content ul { list-style:inside disc; margin:0 0 2em; }
content ul li { line-height:1.25em; margin:0 0 1em; }

content p { margin:0 0 1em; }
content p+h1, content p+h2, content p+h3, content p+h4, content p+h5, content p+h6 { margin-top:2em; }
content h1+p, content h2+p { margin-top:1.5em; }

.textblock { margin:0 0 1em; }

content img {
	margin:1em 2.5em 1em 0; 
	border:3px solid #fff;
	-moz-box-shadow:0px 1px 3px #1a1408; -webkit-box-shadow:0px 1px 3px #1a1408; box-shadow:0px 1px 3px #1a1408;
}

content img.float_left {
	float:left; margin:1em 2.5em 1em 0; 
	border:3px solid #fff;
	-moz-box-shadow:0px 1px 3px #1a1408; -webkit-box-shadow:0px 1px 3px #1a1408; box-shadow:0px 1px 3px #1a1408;
}

/****************** FOOTER ******************/


footer {
position:relative; width:100%; height:80px; padding:0 0 10px; margin:-35px 0 0px;
font-size:1em; color:#7c7b76; line-height:1.1em; z-index:5000;
	/*border:1px solid red;*/
}

ul#footer_nav { width:906px; margin:0 auto 2em; font-size:1.4em; text-align:center; z-index:5000; /*border:1px solid green;*/ }
ul#footer_nav li { display:inline; margin:0; }
ul#footer_nav li a { font-weight:normal; color:#f7f4e8; margin:0; }
ul#footer_nav li a:hover { color:#fff; }
ul#footer_nav li + li:before  { content: "|"; display:inline-block; position:relative; top:7px; width:3px; height:28px; background:url(../images/nav_divider.png) 0 0 no-repeat; text-indent:-9000px; overflow:hidden; margin:0 38px; }

footer ul#contact_info { display:none; width:906px; margin:0 auto 1em; color:#696864; border:1px solid red;}
footer ul#contact_info li { display:inline; }
footer ul#contact_info li a { color:#696864; font-weight:normal;}
footer ul#contact_info li a:hover { color:#7c7b76; }
footer ul#contact_info li + li:before { content: "|"; color:#4f4e4b; margin: 0 35px; }


ul#copyright { width:906px; color:#4f4e4b; line-height:1.25em; text-align:center; }
ul#copyright li { display:inline; margin-right:1.5em; }
ul#copyright li a { font-weight:normal; color:#4f4e4b; }
ul#copyright li a:hover { color:#696864; }

footer a#pyfo { color:#4f4e4b; font-weight:normal;}
footer a#pyfo:hover { color:#696864; }


#btm_shdw {
position:relative; width:100%; height:290px; margin:-290px 0 0;
background:url(../images/shdw_btm.png) repeat-x bottom; 
}

/****************** FIXES ******************/

.clearfloat { clear:both; }

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

.no_display
{
	position:absolute;
	display:none;
	width:0;
	height:0;
	margin:0;
	padding:0;
}


img:after
{
	width:10px;
	height: 182px;
	background:url(../images/shadow_image.png) right top no-repeat;
}

.image_sys
{
	position:relative;
	width:474px;
	height:347px;
	margin:0px 0px 35px 0px;
}

.image_sys img
{
	position:absolute;
	top:1px;
	left:1px;
}

.image_frame_sys
{
	position:absolute;
	top:0;
	left:0;
	width:474px;
	height:347px;
	background:url(../images/image_frame_large.png) no-repeat;
}

.image_thm
{
	position:relative;
	width:205px;
	height:182px;
	margin:0px 0px 35px 0px;
}

.image_thm img
{
	position:absolute;
	top:1px;
	left:1px;
}

.image_frame_thm
{
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:182px;
	background:url(../images/image_frame_small.png) no-repeat;
}