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

/*

light teal-ish : #eaeddc rgb(234,237,220)
darker teal-ish : #a5aa83 rgb(165,170,131)

light gray : #e5e6e6 rgb(229,230,230)
gray : #656769 rgb(101,103,105)

orange : #c29265 rgb(194,146,101)

*/

html, body{
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #58595b;
}

h1.title { }

h2.pgTitles { font-size: 22px; letter-spacing: 1px; margin: 4px 0 0 0; outline:solid #e0e1da 1px; }

h2.brochureTitle { font-size: 18px; letter-spacing: 1px; margin: 4px 0 4px 0;}


a {color: #58595b; text-decoration: none;}

a:hover { color: #c29265; text-decoration: none; }

p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .6em; color: #4c4c4e; }

p strong { font-size: 1em; font-weight: bold; }

#page-content{ margin: auto; width: 1024px; height: auto; background: url(../images/backgroundALL.jpg) top no-repeat; }

#page-size{ margin: auto; padding: 0; width: 1020px; position: relative; background-image: url(../images/background.gif); background-repeat: repeat; }

#center { position: relative; left: 13em; width: 812px; }

#shell { width: 100%; margin:0; padding:0; }


/* -- Page Titles -- */
#titleContainer { background: url(../images/titleBKGD.jpg) no-repeat right; padding: 2px 0 0 10px; height: 33px; margin: 3px 0 1px 0; } /* width:804px; */


/* -- Header -- */	
#logo { background-image: url(../images/title_bg.jpg); background-repeat: repeat-y; height: 3.5em; width: 100%; padding: 1em 0em 0em 1em; }

#logo img{ border: 0; }

#top-nav { background-image: url(../images/menu_bar.jpg); background-repeat: repeat-x; height: 1.7em; width: 100%; }

.top-nav-text { padding: .7em 1.2em 0em 1.2em; float: left; vertical-align: middle; font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .6em; font-weight: bold; position: relative; }

.top-nav-text a:link { color: #58595b; }

.top-nav-text a:hover { color: #c29265; }

.top-dropdown {width: 98px; padding: 10px 15px 10px 15px; background:url(../images/dropdown/dropdown_BKGD.gif) bottom no-repeat;  text-align: left; line-height: 20px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #fff; visibility: hidden; font-size: 10px; z-index: 100; position: relative;}

.top-dropdown a:link { color: #ffffff; }

.top-dropdown a:active { color: #c29265; }

.top-dropdown a:visited { color: #ffffff; }

.top-dropdown a:hover { color: #c29265; }

#top-nav img{ border: 0; float: left; }

.grayBar { clear:both; background: #e8e9e9; margin: 20px 8px 10px 1px; font-size:1px; height: 5px; }

#crumNav {margin: 0 0 0 10px; font-size: 10px; color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; }


/* -- Side Nav -- */
#side-nav { position: absolute; top: 0em; left: 0em; width: 208px; }

#gray-box { background-image: url(../images/gray_box.gif); height: 2.3em; width: 208px; float: left; }

#nav-lg1 { padding: .65em 0em 0em 1.6em; float: left; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .9em; background: url(../images/gradiant.gif) no-repeat; 	height: 2em; width: 208px; }

#nav-lg2 { padding: .85em 0em 0em 1.6em; float: left; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .9em; font-weight: bold; height: auto; width: 208px; }

#nav-lg2 p{ font-size: .8em; width: 15em; font-weight: normal; }

#nav-lg2 p strong{ font-size: .9em; font-weight: bold; width: 15em; }

#nav-lg3 { padding: 1.3em 0em 0em 1.6em; float: left; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .8em; font-weight: bold; background: url(../images/gradiant_md.gif) no-repeat; height: 2.6em; width: 200px; }

#nav-sm { padding: 1em 0 1em 1em; float: left; background: #a7a9aa; width: 12em; height: auto; float: left; }

#nav-text-sm { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: .7em; width: auto; padding: 0em .23em 0em 1.5em; margin-bottom: .2em; vertical-align: top; background: url(../images/arrow_white.gif) no-repeat top left; }
	
	#nav-text-sm a { text-decoration: none; color: #FFFFFF; }

	#nav-text-sm a:hover{ text-decoration: none; color: #f2d5b9; }

#white-line { background-color: #FFFFFF; height: 1px; width: 100%; font-size: 1px; }

#nav-sm-gray { padding: .5em 0em 1em 1em; float: left; width: 12em; height: auto; float: left; }

#nav-text-sm-gray { font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .7em; width: auto; padding: 0em 0em 0em 1.5em; margin-bottom: .2em; vertical-align: top; background: url(../images/arrow_gray.gif) no-repeat left; }

.newsEmail
	{border: 1px solid #666;font-size:.8em;}

#nav-news { padding: 1em 0 1em 1em; float: left; background: #a7a9aa; width: 12em; height: auto; float: left; color:#fff;}	

/*#nav-news-ul
	{margin:0;padding:0; list-style-type:none;}*/

#nav-news-ul li
	{background: url(../images/arrow_white.gif) no-repeat left;padding-left:20px;font-size:.8em;}	

.nav-news-p
	{margin:0 0 .5em 0;padding:0 0 0 .6em;font-family: Geneva, Arial, Helvetica, sans-serif;font-size:.9em;color:#fff;font-weight:bold;}

#nav-news-text-sm { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: .7em; width: auto; padding: 0em .23em 0em 1.5em; margin: 0; vertical-align: top; background: url(../images/arrow_white.gif) no-repeat top left; }
	
	#nav-news-text-sm a { text-decoration: none; color: #FFFFFF; }

	#nav-news-text-sm a:hover{ text-decoration: none; color: #f2d5b9; }

.news-header {color: #FFFFFF; text-decoration: none;}
	
.newsDetail
	{border:1px solid #666;background-color:#E9E9E9;padding:8px;color:#656769;}

/* -- Home -- */
#title { font-family: Futura,Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #58595B; padding: 1em 0em 0em 1em; }

#stone { padding: 1em 0em 1em .5em; }

#stone img{ border: 0em; padding: 0em; }


/* -- UC -- */
#UC { padding: 30px 100px 30px 30px; }

#UC p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4e; }


/* -- NewsDetail -- */
#NewsDetail { padding: 30px 100px 30px 30px; }

#NewsDetail p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4e; }

	#NewsDetail a{ text-decoration: underline; }	

	#NewsDetail a:hover{ text-decoration: underline; }


/* -- Product -- */
#productContainer { background: #e0e1da; border: solid #aeb0b0 1px; margin: 20px 8px 20px 2px; padding: 20px 25px 20px 40px; }

.productItem { margin: 0 20px 0 0; text-align: left; width:127px; float: left; }

.productItem-image { border: solid #aeb0b0 1px; padding: 0 0 0 0; margin: 0 0 0 0; font-size:1px; }

.productItem-Name { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #58595b; padding: 3px 0 3px 0; width:125px; }

/* -- Employment -- */
#empContainer { height:auto; width:765px; padding:0; margin:10px 0 20px 20px; }

.empTop { width:765px; height: 25px; font-size: 1px; background: url(../images/box_top.gif) no-repeat; margin:0; padding:0; }

.empMiddle { width:765px; background: url(../images/box_middle.gif) repeat-y; margin:0; padding:0 0 10px 10px; }

.empBottom { width:765px; height: 26px; font-size: 1px; background: url(../images/box_bottom.gif) no-repeat; margin:0; }

.applyBtn {color: #c29265;font-weight:bold;font-family:verdana;font-size:.8em;}
	

/* -- About -- */
#aboutContainer { height:auto; width: 723px; padding: 0 0 0 0; margin: 10px 0 20px 60px; }

.aboutTop { width:723px; height: 28px; font-size: 1px; background: url(../images/about/aboutBox_top.gif) no-repeat; margin: 0 0 0 0; padding: 0 0 0 0; }

.aboutMiddle { width: 723px; background: url(../images/about/aboutBox_middle.gif) repeat-y; margin: 0 0 0 0; padding: 5px 0 10px 0; }

.aboutBottom { width:723px; height: 26px; font-size: 1px; background: url(../images/about/aboutBox_bottom.gif) no-repeat; margin: 0 0 0 0; }

.about { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 0 60px 0 60px }

#aboutFooterNav { padding: 10px 0 10px 60px; background: #eaeddc; font: Arial, Helvetica, sans-serif; font-size: 12px; color:#656769; }

	/* -- History -- */
	.history { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 0 30px 20px 30px }
	
	.history_timeLine { margin: 0 0 0 20px; width:674px; height:509px; background: url(../images/history/history_timeline.jpg) no-repeat; position:relative; }
	
	/* -- People Main -- */
	.peopleType_Container { height: 59px; width: 708px; position: relative; margin: 20px 0 20px 50px; background: url(../images/people/peopleMain_bkgd.gif) no-repeat; }
	
	.peopleType_GoButton { position: absolute; right: 15px; top: 10px; }
	
	.peopleType_Title { font-size:16px ; font-family:Geneva, Arial, Helvetica, sans-serif; color: #c29265; position: absolute; left: 55px; top: 19px; }
	
		.peopleType_Title a:link { color: #c29265; font-weight:bold }
		
		.peopleType_Title a:visited { color: #c29265; font-weight:bold }
		
		.peopleType_Title a:hover { color: #c29265; font-weight:bold }
		
		.peopleType_Title a:active { color: #c29265; font-weight:bold }
	
	/* -- People Header -- */
	.peopleHeader_Top { width:683px; height: 23px; font-size: 1px; background: url(../images/people/people_top.gif) no-repeat; margin: 0 0 0 0; font-size: 11px; padding: 7px 20px 0 20px }
		
		.peopleHeader_Top a:link { color: #7a7b76; font-weight:bold }
		
		.peopleHeader_Top a:visited { color: #7a7b76; font-weight:bold }
		
		.peopleHeader_Top a:hover { color: #c29265; font-weight:bold }
		
		.peopleHeader_Top a:active { color: #c29265; font-weight:bold }
	
	/* -- People -- */
	.subtype_box { margin: 0 20px 0 20px; border-bottom: #eaeddc solid 3px; padding: 20px 30px 30px 30px; width:623px; }
	
	.subtype_header { padding: 0 20px 8px 0; float: left; border-bottom: #eeeee3 solid 2px; font-size: 11px; }
	
	.personInfo { font-size: 11px; width: 160px; padding: 0 20px 0 0; float: left;}
		
		.personInfo b { font-weight: bold; font-size: 12px; }
		
		.personInfo a:link { color:#7b693f; text-decoration:underline; }
		
		.personInfo a:visited { color:#7b693f; text-decoration:underline; }
		
		.personInfo a:hover { color:#c29265; text-decoration:underline; }
		
		.personInfo a:active { color:#c29265; text-decoration:underline; }
		
		
		
/* -- Contact -- */
#contactContainer { height:auto; width: 723px; padding: 0 0 0 0; margin: 10px 0 20px 60px; }

.contactTop { width:723px; height: 28px; font-size: 1px; background: url(../images/contact/contactBox_top.gif) no-repeat; margin: 0 0 0 0; padding: 0 0 0 0; }

.contactMiddle { width: 663px; background: url(../images/contact/contactBox_middle.gif) repeat-y; margin: 0 0 0 0; padding: 1px 30px 10px 30px; }

.contactBottom { width:723px; height: 26px; font-size: 1px; background: url(../images/contact/contactBox_bottom.gif) no-repeat; margin: 0 0 0 0; }

#contactFooter { padding: 10px 60px 10px 60px; background: #eaeddc; font: Arial, Helvetica, sans-serif; font-size: 12px; color:#656769; text-align:right; }

	#contactFooter a:link { color: #c29265; }
		
	#contactFooter a:visited { color: #c29265; }
	
	#contactFooter a:hover { color: #c29265; text-decoration:underline; }
	
	#contactFooter a:active { color: #c29265;}

.contact { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 0 10px 0 10px }

.formContainer-left { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; width: 225px; float: left; margin: 0 0 0 70px; display:inline; }

.formContainer-right { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; width: 225px; float: left; margin: 0 0 0 40px; display:inline; }

.form-field { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; padding: 0 0 8px 0; }

.fieldlable { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; padding: 0 0 3px 0; display:block; }

.textformfield { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; }

.regformfield { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; }

	/* -- Contact Box 1 -- */
	#contactBox1Container { height:auto; width: 646px; padding: 0 0 0 0; margin: 10px 0 0 8px; }

	.contactBox1Top { width:646px; height: 14px; font-size: 1px; background: url(../images/contact/box1_top.jpg) no-repeat; margin: 0 0 0 0; }
	
	.contactBox1Middle { width: 586px; background: url(../images/contact/box1_middle.jpg) repeat-y; margin: 0 0 0 0; padding: 0 30px 10px 30px; position: relative; }
	
	.contactBox1Bottom { width:646px; height: 14px; font-size: 1px; background: url(../images/contact/box1_bottom.jpg) no-repeat; margin: 0 0 0 0; }

	/* -- Contact Box 2 -- */
	#contactBox2Container { height:auto; width: 646px; padding: 0 0 0 0; margin: 10px 0 0 8px; }

	.contactBox2Top { width:646px; height: 15px; font-size: 1px; background: url(../images/contact/box2_top.jpg) no-repeat; margin: 0 0 0 0; }
	
	.contactBox2Middle { width: 586px; background: url(../images/contact/box2_middle.jpg) repeat-y; margin: 0 0 0 0; padding: 0 30px 10px 30px; position: relative; }
	
	.contactBox2Bottom { width:646px; height: 15px; font-size: 1px; background: url(../images/contact/box2_bottom.jpg) no-repeat; margin: 0 0 0 0; }
	
	
/* -- UseFul Information -- */

#useful_boxs { padding: 10px 0 0 30px; }

#userful_FooterNav { padding: 10px 0 10px 60px; background: #eaeddc; font: Arial, Helvetica, sans-serif; font-size: 12px; color:#656769; }

	/* -- Brochure Main -- */
	.brochureMain_Container { padding: 20px 0 20px 17px; }
	
	/* -- Brochure / Catalogs -- */
	#brochCatContainer { height:auto; width: 723px; padding: 0 0 0 0; margin: 10px 0 20px 60px; }
	
	.brochCatTop { width:723px; height: 28px; font-size: 1px; background: url(../images/about/aboutBox_top.gif) no-repeat; margin: 0 0 0 0; position:relative; }

	.brochCatMiddle { width: 723px; background: url(../images/about/aboutBox_middle.gif) repeat-y; margin: 0 0 0 0; padding: 0 0 10px 0; }
	
	.brochCatBottom { width:723px; height: 26px; font-size: 1px; background: url(../images/about/aboutBox_bottom.gif) no-repeat; margin: 0 0 0 0; }
	
	.brochCatText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 0 60px 0 60px }
	
	#brochCatNav { position:absolute; top: 10px; left: 20px; }
	
	#brochCatInsideContainer { height:auto; width: 717px; padding: 0 0 0 0; margin: 10px 0 10px 3px; }
	
	.brochCatInsideTop { width:717px; height: 32px; font-size: 1px; background: url(../images/catalogs/insideBox_top.jpg) no-repeat; margin: 0 0 0 0; padding: 0 0 0 0; position:relative;}

	.brochCatInsideMiddle { width: 717px; background: url(../images/catalogs/insideBox_mid.jpg) repeat-y; margin: 0 0 0 0; padding: 0 0 20px 0; position:relative; }
	
	.brochCatInsideBottom { width:717px; height: 32px; font-size: 1px; background: url(../images/catalogs/insideBox_bottom.jpg) no-repeat; margin: 0 0 0 0; position:relative; }
	
	.brochCatInsideText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 0 60px 0 60px }
	
	#brochCat_Form { width: 350px; padding: 0 0 0 30px; }
	
	.brochCat_form-field { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; padding: 7px 0 5px 5px; border-bottom: 1px solid #e9eaea; }

	.brochCat_fieldlable { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; padding: 0 0 3px 0; width: 150px; float: left; }
	
	.brochCat_textformfield { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; float: left; }
	
	.brochCat_regformfield { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; float: left; }
	
	/* -- Installation -- */
	#install_Container { height:auto; width: 723px; padding: 0 0 0 0; margin: 10px 0 20px 50px; }
	
	.install_Top { width:683px; height: 23px; font-size: 1px; background: url(../images/install/install_top.gif) no-repeat; margin: 0 0 0 0; font-size: 11px; padding: 7px 20px 0 20px }
		
		.install_Top a:link { color: #7a7b76; font-weight:bold }
		
		.install_Top a:visited { color: #7a7b76; font-weight:bold }
		
		.install_Top a:hover { color: #c29265; font-weight:bold }
		
		.install_Top a:active { color: #c29265; font-weight:bold }
		
	.install_Middle { width: 723px; background: url(../images/install/install_middle.gif) repeat-y; margin: 0 0 0 0; padding: 0 0 10px 0; }

	.install_Bottom { width:723px; height: 26px; font-size: 1px; background: url(../images/install/install_bottom.gif) no-repeat; margin: 0 0 0 0; }
	
	.installText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #656769; line-height: 18px; padding: 20px 30px 0 40px }


/* Bottom */
#title-bottom {	font-family: Futura,Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #58595B; padding: 1em 0em 0em 1em; }

#view-projects { margin: .5em 0em 0em 1em; width: 24.5em; float: left; }

#view-projects-pic { margin: 0em; height: 9em; background-color: #e5e6e6; width: 12em; float: left; }

#view-projects-pic img{ margin: .3em 0em 0em .4em; }

#view-projects-text { margin-left: .4em; padding: .5em 0em 0em .5em; height: 9em; background-image: url(../images/project_type_bg.jpg); width: 12em; float: left; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .9em; }

#view-project-title { width: auto; margin: 0em 0em .3em .5em; }

.view-project-links { font-family: Geneva, Arial, Helvetica, sans-serif; color: #58595b; font-size: .8em; width: auto; margin: 0em 0em 0em .5em; }
	
#view-projects-links img{ border: 0em; }

#browse-products { margin: .5em 1px 0em 0em; width: 24.2em; float: right; }

#ancher { height: 1px; background-color: #FFFFFF; clear: both; }

#bottom-shadow { background-image: url(../images/bottom_shadow.jpg); background-position: top; background-repeat: no-repeat;width: 1024px; margin: auto; height: auto; }

#bottom-text { font-size: .7em; font-family: Futura, Geneva, Arial, Helvetica, sans-serif; padding: 1.6em 0em 2.5em 5em; }

	#bottom-text a{ text-decoration: underline; }
	
	#bottom-text a:hover{ text-decoration: underline; }

#bottom-gray { background-color: #dedfe0; margin: auto; height: 2.8em; width: 1024px; }

#bottom-gray-text { text-align: center; font-size: .7em; width: 600px; margin-left: 200px; font-family: Futura, Geneva, Arial, Helvetica, sans-serif; padding: 1.5em 0em 0em 0em; }

	#bottom-gray-text a{ text-decoration: underline; }	

	#bottom-gray-text a:hover{ text-decoration: underline; }

#bottom-gray img { float: right; padding: .5em 3em 0em 0em; border: 0; }



/* ********* Locations ************* */
a.locListOff {color:#c29265;text-decoration:none;font-size:1.0em;}
a.locListOff:hover {color:#c29265;text-decoration: none;font-size:1.2em; }
a.locListOn {color:#c29265;text-decoration:none;font-size:1.2em;}
.greenhighlight {color:#a5aa83;}


#copyright-text { color: #CCCCCC; font-size: .65em; text-align: left; padding: 1.2em 0em 0em 3em; }

	#copyright-text a:link{ color: #CCCCCC; text-decoration: underline; }

	#copyright-text a:hover { text-decoration: underline; color: #4b4516; }


#spacer { height: 3em; }

.teelbar2 { height: 2px; background:#dee0c7; font-size:1px; margin: 5px 0 10px 0; }

.graybar5 { height: 5px; background:#e5e6e6; font-size:1px; margin: 5px 0 10px 0; }

.clearIt { font-size:1px; clear:both;}