@charset "UTF-8";
/* CSS Document */


* { padding:0; margin:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#FFFFFF; line-height:1.4em; }

img {border:0;}

h1 { color:#243b91; font-size:24px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d4d4d4;}
h2 { color:#243b91; font-size:20px; margin-bottom:10px; }
h3 { color:#000000; font-size:18px; margin-bottom:10px; }

a { color:#253d95; text-decoration:none; }
a:hover { color:#9fcf67; }
a:active { color:#7ca251; }
a:focus { text-decoration:underline; }

#hold { width:100%; height:auto; background:url(/Images/UltraframeHome-Improvements-BackRepeat.jpg) 0 0 repeat-x; }

#frame { width:960px; height:auto; background:url(/Images/UltraframeHome-Improvements-Back.jpg) 0 0 no-repeat; margin-left:auto; margin-right:auto; }

.frametop { height:160px; }
	.logo { width:488px; height:160px; float:left; }
	.search {width:422px; height:98px; float:left; padding:62px 0 0 50px; }
		.searchL { float:left; height:36px; width:10px; background:url(/Images/Search.png) 0 0 no-repeat; }
		.searchM { float:left; height:36px; width:259px;  margin:0; padding:0; }
			.searchText {  background:url(/Images/Search.png) 0 -36px repeat-x; height:26px; width:259px; padding:10px 0 0 0; border:none; }
		.searchR { float:left; height:36px; width:10px; background:url(/Images/Search.png) 0 -72px no-repeat;  }
		.serachButtonHold { width:69px; height:36px; float:left; }
			.searchButton { background:url(/Images/SearchButton.png) 0 0 no-repeat; width:69px; height:36px; border:none; cursor:pointer; }
			.searchButton:hover { background-position: 0 -36px; }

.Crumbs { width:824px; height:auto;margin:5px 0 5px 64px;  }

ul.spy {list-style-type:none;}
ul.spy li {margin-bottom:10px;}
			
.Banner { width:824px; height:200px;margin:5px 0 5px 64px; background:url(/Images/Banner_Repeat.jpg) 0 0 repeat-x; overflow:hidden; }
.SubBanner { width:824px; height:74px; margin:5px 0 5px 64px; background:url(/Images/SubBanner_Repeat.jpg) 0 0 repeat-x; overflow:hidden; }

.Content { padding:20px 64px 20px 64px; width:825px; height:auto; }
.Content ul {margin-left:30px; list-style-type:circle;}
.Content li {padding:3px; color:#253d95;}
	.ContentL { width:825px; height:auto; margin-right:0px; text-align:left; }
	.ContactContentL {width:420px; height:auto;margin-right:0px;  float:left;}
	.ContentL h1 {line-height:1.1em;}
		.Contact-hold { padding-bottom:10px;}
		.Contact-left { float:left; width:125px; }
		.Contact-right { float:left; width:275px; }	
	.ContentR { float:right; width:395px; padding:0px 0px 0 10px; height:auto; display:block;}
	
	
	.ProjectL { float:left; width:565px; height:auto; margin-right:20px;  }
	
	.ProjectR { float:left; width:230px; padding:0px 10px 0 0;}
		.ProjectR h3 { color:#000000; font-size:15px; margin-bottom:10px; padding-bottom:11px; border-bottom:1px solid #d4d4d4; }
		.ProjectR h4 { color:#000000; font-size:13px;  }

#gmap { width:393px; height:300px; border:1px solid #d4d4d4; }

.SearchPod {width:795px; height:auto; border-bottom:1px solid #f1f1f1;border-top:1px solid #FFFFFF; padding:15px; background:url(/Images/PodRight_Back.jpg) right bottom no-repeat;}
.SearchPod:hover {background:#f1f1f1;}

.ProductHold {}
		.ProductPod { width:151px; height:auto; float:left; padding-right:6px; border-right:1px solid #d4d4d4 ; margin-right:6px; margin-bottom:20px; cursor:pointer;}
		.ProductPod.None {border-right:none;}
		.ProductPod:hover .ProductName {color:#253d95;}
			.ProductIMG { width:147px; height:124px; border:2px solid #9fcf67; display:block; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
			.ProductName { background:#9fcf67; border:2px solid #9fcf67; width:147px; color:#FFFFFF; font-weight:bold; text-align:center;  display:block; padding:5px 0 5px 0; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}

.PodHold { padding:20px 64px 20px 64px; width:825px;}
.Pod { background:url(/Images/PodRight_Back.jpg) right bottom no-repeat;}
	.PodLeft { float:left; width:400px; height:auto; margin-right:20px; }
		.PodLeft img {border:2px solid #9fcf67;}
	.PodRight { float:left; width:395px; border-top:1px solid #d4d4d4; padding:10px 10px 0 0;  }
	.PodRight h3 a { color:#000000; text-decoration:none;}
	.PodRight h3 a:hover { color:#9fcf67;}
	.PodRight h3 a:focus { text-decoration:underline; }
		a.Info {float:right; width:34px; height:34px; display:block; overflow:hidden; line-height:2000em; background: url(/Images/Info.png) 0 0 no-repeat;  }
		a.Info:hover {background-position: 0 -34px; }
		a.Info:focus { text-decoration:underline; }
.FooterBanner { width:824px; height:157px; margin:5px 0 5px 64px; overflow:hidden; }

#Footer { background:#9ecd66; margin-top:20px; width:100%;   }
#Footer a {color:#FFFFFF; text-decoration:none; }
#Footer a:hover {color:#2e449c;}
#Footer a:focus { text-decoration:underline; }
	.FooterInner { padding:20px 64px 20px 64px; width:832px;margin-left:auto; margin-right:auto; background:url(/Images/Footer_Logo.jpg) 655px center no-repeat; }
		.FooterLeft {width:160px; float:left; border-right:1px solid #bbdc94; color:#FFFFFF; margin-right:20px; }
		.FooterLeft.Last {border:none;}
			.FooterLeft ul, .FooterMiddle ul {list-style-type:none;}
			.FooterMiddle ul {float:left; margin:0 50px 0 0; display:block;}
			.FooterMiddle ul ul {float:none;}
			.FooterLeft ul a, .FooterMiddle ul a {font-weight:bold; }
			.FooterLeft ul ul a, .FooterMiddle ul ul a {font-weight:normal;}
			.FooterLeft ul ul, .FooterMiddle ul ul {margin-left:10px;}
		.FooterMiddle {width:400px; float:left; color:#FFFFFF; padding:0px 0 0 20px; }
#FooterBottom { background:#FFFFFF; padding:20px 64px 30px 64px; width:832px; margin-left:auto; margin-right:auto; }
	#FooterBottom ul { list-style-type:none; }
	#FooterBottom li {display: inline; float:right; padding-left:10px; }

/**************************
NAVIGATION
**************************/
.Nav { height:100px; padding-left:64px; padding-top:1px; }
#Navhold { width:900px; height:49px; font-size:13px; }
#Navhold a {font-size:13px; }

ul#navMain {padding:0; margin:0; top:0;}

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;}
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: normal; font-size:13px; }
ul.dropdown li { width:auto; height:49px;  padding: 10px 21px 17px 21px;  } /* BACKGROUND COLOR */
	ul.dropdown ul li {height:auto;}
ul.dropdown li.hover,  ul.dropdown li:hover { background:url(/Images/Nav_Back.png) center top no-repeat; } /* HOVER BACKGROUND */

ul.dropdown a:link,  ul.dropdown a:visited { text-decoration: none; }
ul.dropdown a:hover {  }
ul.dropdown a:active { }

/* -- level mark -- */
ul.dropdown ul { width: 240px; margin-top: 1px; }
ul.dropdown ul li { font-weight: normal;color: #363636;  }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { padding: 13px 21px 7px 21px; display:block;   }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 21px; /*background: #FFFFFF url(/Image/nav-more.gif) 0 0 no-repeat;*/  color:#FFFFFF;}
ul.dropdown-upward *.dir { }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir { background: #FFFFFF ; color:#FFFFFF; }
ul.dropdown-vertical-rtl *.dir { padding-right: 21px; padding-left: 21px; background: ; }

/*-------------------------------------------------/
 * @section		Base Style Extension */
ul.dropdown a, ul.dropdown span { display: block; padding: 13px 21px 7px 21px; color:#FFFFFF;  }

/*-------------------------------------------------/
 * @section		Base Style Override */
ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 10px 21px 10px 21px; }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */
ul.dropdown li {  color: #FFFFFF; font-weight:normal;  }
ul.dropdown li.hover, ul.dropdown li:hover {  color: #FFFFFF; font-weight:normal; }
ul.dropdown li a:active { background:none; }
ul.dropdown li a:hover { }

/* Non-first level */
ul.dropdown ul { margin-top: 0; color: #FFFFFF;  background-color: #6a79a6; border-top:1px solid #efefef; }
ul.dropdown ul ul { border-top:none;color: #FFFFFF; }
ul.dropdown ul a { color: #FFFFFF;  background:none; padding-left:21px; }
ul.dropdown ul li { background: none; color: #FFFFFF; }
ul.dropdown ul li.hover,  ul.dropdown ul li:hover { color: #FFFFFF; font-weight:normal; }
ul.dropdown li a:hover { color:#9fcf67; }
ul.dropdown ul li a { color: #FFFFFF; }
ul.dropdown ul li a:hover { color:#9fcf67; background:#6a79a6;}

/* Mixed */
ul.dropdown *.dir { /*background: url(/Image/nav-arrow-transparent.gif) 10px 5px no-repeat;*/    }
ul.dropdown ul *.dir { padding:8px 0 5px 21px  }
ul.dropdown li a {   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */
ul.dropdown li.hover *.open { color: #FFFFFF;  padding-left:21px;  }
ul.dropdown ul li.hover *.open {color: #FFFFFF;  padding-left:21px;  }

ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {  font-weight:normal;  }
ul.dropdown-vertical-rtl li.hover *.open { }
ul.dropdown-upward li.hover *.open { }
ul.dropdown-upward ul li.hover *.open { }

/* CSS2 clone */
ul.dropdown li:hover > *.dir {  color: #FFFFFF; padding-left:21px;   }
ul.dropdown ul li:hover > *.dir,  ul.dropdown-vertical li:hover > *.dir { padding-left:21px; font-weight:normal; }
ul.dropdown-vertical-rtl li:hover > *.dir2 {  }
ul.dropdown-upward li:hover > *.dir2 {  }
ul.dropdown-upward ul li:hover > *.dir2 {  }

ul.dropdown li {text-decoration: none; color:#FFFFFF;  font-weight: normal; }
ul.dropdown ul li { font-size:12px;}
ul.dropdown li a {text-decoration: none; color:#FFFFFF;  font-weight: normal; width:auto; }
ul.dropdown li a:hover { color: #9fcf67; }
ul.dropdown ul ul li a:hover {}
ul.dropdown li li a:hover { color: #9fcf67;  font-size:12px;background:#6a79a6;}
ul.dropdown ul li { color: #FFFFFF; }
ul.dropdown ul li a { color: #FFFFFF; }
ul.dropdown ul li a:hover { color: #9fcf67; background:#6a79a6;}
ul.dropdown li a:active {color: #9fcf67; background:; }

ul.dropdown li.selected { background:url(/Images/Nav_Back.png) center top no-repeat;}

/*********** FAQ ***********/

.FAQ  {	width: 825px; }
.FAQ div { padding: 0 0 0 20px; background:url(/Images/PodRight_Back.jpg) right bottom no-repeat; }
.FAQ p {	border: none;	text-decoration: none;	padding: 10px 10px 20px 0px; }
.FAQ a {	cursor:pointer;	display:block;	padding:5px 5px 5px 20px;	margin-top: 0;	text-decoration: none;	border-bottom:1px solid #b0e672;border-bottom:1px solid #93bf5f; background:#9fcf67;font-size: 12px; color:#FFFFFF;}
.FAQ a:hover { color:#000000;}
.FAQ a:hover {	}
.FAQ a.selected {  }
.FAQLeft ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #f1f1f1; clear:both; }
.FAQLeft li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #FFFFFF; }
#FAQList div a { padding:0; margin:auto; width:auto; height:auto; border:0 none; display:inline; }