/* GENERAL CSS RESET STYLES */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0; 	padding: 0; border: 0; 	outline: 0; }

/* remember to define focus styles! */

/* fix for ff3 outline */

a { outline: none }

/* end fix for ff3 outline */

:focus { outline: 0; }

body { /*line-height: 12px;*/ color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

ol, ul { 	list-style: none; }



/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* LINK CSS */

 a {}

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

 a:visited { color: #173361; text-decoration: underline; }  

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

 a:active { color: #173361; text-decoration: underline; }

/* H1 -> H2 Tags */

 h1 { font-size: 30px; font-weight: normal; }  

 h2 { font-size: 24px; font-weight: normal; }  

 h3 { font-size: 18px; font-weight: normal; }  

 h4 { font-size: 12px;  font-weight: normal; }  

 h5 { font-size: 11px; font-weight: normal; }  

/* end of header styles */

/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */

input { padding: 0px; margin: 0px; border: 0px; }

textarea { padding: 0px; margin: 0px; border: 0px; }

/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */

img { display: block; }

/* end of other weird bugs discovered category */

/* END OF RESET STYLES CSS */



/* USEFULL GENERAL CSS CLASSES ALWAYS USED */

.floatLeft { float: left; }

.floatRight { float: right; }

.clear { clear: both; overflow: hidden; height: 0px; }

.noMargins { margin: 0px 0px 0px 0px; }

.noPadding { padding: 0px 0px 0px 0px; }

.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */



/* smallest size at the top, largest at the bottom */

.size1 {}

.size2 {}

.size3 {}

.size4 {}

.size5 {}

.size6 {}

.size7 {}

.size8 {}

.size9 {}

/* end custom size classes*/



/* Border Style  -> ALL PAGES UNDER THIS 

t

t b

t b l

t b l r

t b l r bl

t b l r bl br

t b l r bl br tl

t b l r bl br tl tr

t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo

*/	

/* ==================== Header Links =================== */

/* ----[ LINKS ]----*/

/* all menu links */

#nav a, #subMenusContainer a{ text-decoration:none; display:block; color: #d8d6d6;}



/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/

#nav a{ margin:0; float:left; padding-left: 13px; padding-right: 13px; padding-top: 18px; padding-bottom: 19px;}



/* Just sub menu links */

#subMenusContainer a, #nav li li a{ text-align:left; padding-left: 9px; padding-right: 9px; padding-top: 8px; padding-bottom: 8px; background-color: #eb1914; color: white;  }



/* All menu links on hover or focus */

#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ color: white; background-image: url("../iwiImages/dropDown.png"); background-repeat: repeat-x; background-position: bottom;    }



/* sub menu links on hover or focus */

#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused { background-color: #cb1611; color: white; }



/* Parent Sub Menu Links ---[javascript users only]*/

.subMenuParentBtn{ }



/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/

.subMenuParentBtnFocused{ }



/* Parent Main Menu Links ---[javascript users only]*/

.mainMenuParentBtn{ 	}



/* Parent Main Menu Links on hover or focus ---[javascript users only]*/

.mainMenuParentBtnFocused{  background-image: url("../iwiImages/dropDown.png"); background-repeat: repeat-x; background-position: bottom; }



/* ----[ OLs ULs, LIs, and DIVs ]----*/



/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */

.smOW{ display:none;  

	position: absolute; 

	overflow:hidden; 

	/*the 2px left & right padding lets you have a 1px border 

	  on the ul or ol inside since overflow is set to hidden*/

	padding:0 2px;

	margin:0 0 0 -2px;

	width: 200px;

}



/* All submenu OLs and ULs */

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ left:0; }



/* All ULs and OLs */
 #nav ul, #nav ol { display: none;}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; }



/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#nav li { /*great place to use a background image as a divider*/ display:block; list-style:none; position:relative; float:left; }

#nav li.item  {}

#nav li .sep { width: 2px; height: 51px;}

#subMenusContainer li{ list-style: none; }



/* main menu ul or ol elment */

#nav{ display:block; list-style:none;  z-index:5; text-align: right; display:block;  height: 51px;  margin: 0px auto; font-family: "Arrow Narrow", "Trebuchet MS", Verdana, Arial; font-size: 14px; font-weight: bold; float:left; padding-left: 30px;}





#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; font-size: 13px; }

/* =========== End of General CSS ============== */





/* ========================= PAGE CSS ========================= */



/* ================== CONTENT ============== 

	

	1) GENERAL CSS

	2) Homepage Specific CSS

	3) SubPage Specific CSS 



*/



/* ============== General CSS =================== */

body { background-color: #1f3b69; font-family: "Trebuchet MS", Arial, Helvetica; color: #7c7c7c; }

#pageWrap { background-image: url("../iwiImages/bgImg.png"); background-position: 0px 40px; background-repeat: repeat-x;}

.content { width: 956px; margin: 0px auto ; padding-top: 17px; margin-bottom: 15px;}

.contentTop { background-image: url("../iwiImages/contentBgTop.png"); background-position: top left; background-repeat: no-repeat;}

.contentBottom { background-image: url("../iwiImages/contentBgBottom.png"); background-position: bottom left; background-repeat: no-repeat; padding:22px; width: 912px;}

.contentMiddle { background-image: url("../iwiImages/contentBgMiddle.png"); background-position: center; background-repeat: repeat-y;}

.headerLinks { width: 908px; border-left: 2px solid white; border-right: 2px solid white; height: 51px; background-image: url("../iwiImages/linksBg.png"); background-repeat: no-repeat; background-position: center; }

.headerImg { margin-bottom: -29px; background-image: url("../iwiImages/topLogoImg.jpg"); background-repeat: no-repeat; background-position: center; width: 912px; height: 153px;}

.pageContent { border-left: 2px solid white; border-right: 2px solid white; width: 894px; border-bottom: 2px solid white; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;}







/* =============== Homepage Specific CSS ======= */

/* mainpage main content - left side */

.pageContent .left { width: 255px; border: 5px solid white; background-image: url("../iwiImages/leftSideBgImg.png"); background-repeat: no-repeat; background-position: top; padding-top: 8px; font-size: 13px; background-color: white;}

.pageContent .left h1, .pageContent .left h2, .pageContent .left h3 { height: 38px; line-height: 38px; width: 229px; color: #173361; font-family: "Times New Roman", Arial, Helvetica; font-size: 18px; padding-left: 13px; font-weight: normal; padding-right: 13px; margin-bottom: 5px;}

.pageContent .left h1 { background-image: url("../iwiImages/layersTop.png"); background-repeat: no-repeat; background-position: center left;}

.pageContent .left h2 { background-image: url("../iwiImages/layersMiddle.png"); background-repeat: no-repeat; background-position: center left;}

.pageContent .left h3 { background-image: url("../iwiImages/layersBottom.png"); background-repeat: no-repeat; background-position: center left;}

.pageContent .left p {  padding-left: 13px; padding-right: 13px; line-height: 20px; font-size: 13px; margin-bottom: 10px;}

.pageContent .left li { background-image: url("../iwiImages/listStyleImg.png"); background-position: center left; background-repeat: no-repeat; padding-left: 10px; padding-right: 13px; width: 219px; line-height: 18px; margin-left: 13px; margin-bottom: 1px;}

.pageContent .left p.link a { line-height: 18px; color: #353333; }

.pageContent .left p.link a:link, .pageContent .left p.link a:visited, .pageContent .left p.link a:active, .pageContent .left p.link a:focus { text-decoration: underline; color: #353333;}

.pageContent .left .redLink { color: #b1241e; text-decoration: none;}

.pageContent .left .redLink:link, .pageContent .left .redLink:focus, .pageContent .left .redLink:hover, .pageContent .left .redLink:active, .pageContent .left .redLink:visited { color: #b1241e; text-decoration: none;}



/* mainpage main Content - right Side */

.pageContent .right { background-image: url("../iwiImages/rightSideImg.jpg"); background-repeat: no-repeat; background-position: center top; width: 628px; height: 701px;}

.pageContent .right .location { width: 180px; height: 200px; position: absolute; margin-top: 460px; margin-left: 20px;}

.pageContent .right .sales { width: 180px; height: 200px; position: absolute; margin-top: 400px; margin-left: 230px;}

.pageContent .right .services { width: 180px; height: 200px; position: absolute; margin-top: 480px; margin-left: 420px;}



/* footer --- */

.footer {  width: 926px; margin: 0px auto; padding-left: 15px; padding-right: 15px; margin-bottom: 10px;}
.footer .floatRight { font-size: 11px; color: #8092ae; line-height: 15px;}
.footer .floatLeft { line-height: 15px;}
.footer .floatLeft a { font-size: 11px; font-family: verdana, arial, helvetica; color:#8092ae; text-decoration: none; border-left: 1px solid #8092ae; padding: 0px 5px;}
.footer .floatLeft a:first-child { border: 0px none;}
.footer .floatLeft a:link, .footer .floatLeft a:active, .footer .floatLeft a:visited { color: #8092ae; text-decoration: none;}
.footer .floatLeft a:hover, .footer .floatLeft a:focus { color: #ffffff; text-decoration: none;}
.footer .floatRight a { background-image: url("./../images/logo.png"); background-repeat: no-repeat; background-position: right center; height:8px; margin-top: 0px; }
.footer p.floatRight { line-height: 15px;}
.footer p.floatRight span { margin-right: 5px; display: inline;}
.footer p.floatRight .floatRight { line-height: 12px; height: 12px; margin-top: 3px;}


/*.footer {  width: 926px; margin: 0px auto; padding-left: 15px; padding-right: 15px; margin-bottom: 10px;}

.footer .floatRight { font-size: 11px; color: #8092ae;}

.footer .floatRight a { background-image: url("../iwiImages/logo.png"); background-repeat: no-repeat; background-position: right center; height:8px; width: 79px; margin-top: 0px; }

.footer p.floatRight { width: 162px; line-height: 15px;}

.footer p.floatRight span { margin-right: 5px; display: inline;}

.footer p.floatRight .floatRight { line-height: 12px; height: 12px; margin-top: 3px;}
*/
/*======= End of Homepage Specific CSS ========= */



/* ========== Subpage Specific CSS ========= */

.subPage .left { border: 5px solid white; width: 640px; background-position: top center; background-repeat: no-repeat; background-color: #ffffff; background-image: url("../iwiImages/subPageImgBg.png"); }

.subPage .left h1.subpageHeader { height: 38px; line-height: 38px; padding-left: 13px; padding-right: 13px; font-family: "Times New Roman", Arial, Helvetica; background: transparent url("../iwiImages/subPageH1.png") left center no-repeat; width: 614px;}

.subPage .left p { font-family: verdana, "Trebuchet MS", Arial, Helvetica; }

.subpage .left a { color: #173361; text-decoration: none;}

.subpage .left a:link, .subpage .left a:visited, .subpage .left a:active, .subpage .left a:focus, .subpage .left a:hover { color: #173361; text-decoration: none;}

.subPage .right {  border-top: 5px solid white; border-bottom: 5px solid white; padding-top: 8px; background: transparent; background-color: white; background-image: none !important; width: 244px;  }

.subPage .right h2 {  height: 38px; line-height: 38px; padding-right: 13px; padding-left: 13px; font-family: "Times New Roman", Arial, Helvetica; font-size: 18px; color: #173361; width: 218px; }

.subPage .right li {  padding-top: 5px; padding-bottom: 5px; line-height: 20px; padding-left: 8px; padding-right: 8px; font-size: 13px; font-family: Verdana, Arial, Helvetica; border-bottom: 1px solid #e3e3e1; margin:0px 5px;}

.subPage .right li a { color: black; text-decoration: none;}

.subPage .right li a:link, .subPage .right li a:visited, .subPage .right li a:focus, .subPage .right li a:active { color: black; text-decoration: none;}

.subPage .right li a:hover { color: #b1241e; text-decoration: none;}



/* subpage headers */

.subPage .left h1 {color: #173361; font-family: "Times New Roman", Arial, Helvetica; font-size: 18px; line-height: 22px; height: auto; background-image: none; padding: 0px 13px;}

.subPage .left h2 {color: #173361; font-family: "Times New Roman", Arial, Helvetica; font-size: 16px; line-height: 20px; height: auto; background-image: none; padding: 0px 13px; }

.subPage .left h3 {color: #173361;  font-family: "Times New Roman", Arial, Helvetica; font-size: 14px; line-height: 18px; height: auto; background-image: none; padding: 0px 13px; }

.subPage .left h4, .subPage .left h5, .subPage .left h6 {color: #173361; font-family: "Times New Roman", Arial, Helvetica; font-size: 13px; line-height: 16px; height: auto; background-image: none; padding: 0px 13px; font-weight: normal;}

/* =========== Alternate SubPage ==== */

.alternateSub .left { width: 883px; background-image: url("../iwiImages/subPageImgBg.png"); background-repeat: repeat-x; }

.alternateSub .left h1.subpageHeader { width: 857px; background-image: url("../iwiImages/alternateSubH1.png"); background-repeat: no-repeat; background-position: left top;}

.alternateSub .left p {  }



blockquote { padding: 20px;}

/* ============= End of subpage specific css ========== */


#images {	text-align: center; }

#images img {	border: 1px solid #aaa;	margin: 8px;	vertical-align: middle; display: inline;}

#pagination {	text-align: right;	margin-right: 50px;}

#pagination span {	margin: 3px;}


#images div.gallery {	float: left;	width: 260px;	border: 1px solid #173361;	text-align: center;	margin: 10px;	padding: 5px;}


#webcamFeed { text-align: center; margin-top: 20px; }
#webcamFeed img { display: inline; }




#images {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
	padding-right: 15px;
	
	line-height:18px;
}
#images .pdfLink img {
    border: medium none;
    margin: 0;
}
#images div {
    float: left;
    margin: 25px 25px 0 0;
}
#images a.image {
    background-color: #FFFFFF;
    border: 0 solid #E8DFC0;
    display: table-cell;
    height: 190px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 255px;
}
#images img {
    margin-top: 5px;
}
#images a.image span {
    color: #000000;
    display: block;
    height: 20px;
    margin: 0;
}
#images p a.image {
    border: medium none;
    color: #000000;
    display: inline;
    height: 20px;
}
#images p a.image:hover {
    color: #000000;
    display: inline;
    height: 20px;
}
#images div {
    border-collapse: collapse;
    position: relative;
}
#images div .pdfLink {
    bottom: 3px;
    position: absolute;
    right: 3px;
}
#images a {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 8px #000000;
}
#images a.pdfLink {
    -moz-border-radius: 0 0 0 0;
    -moz-box-shadow: none;
}
#images a.buffer {
    display: none;
}
#images .image img {
    -moz-border-radius: 0 0 0 0;
    -moz-box-shadow: none;
    display: inline;
    float: none;
    vertical-align: middle;
}