/*
		Kirsir Project Template v1.0
		http://www.kirsir.com
		
		Date Created: October 20, 2004		
		Description: Each file in the project template contributes to a Kirsir web site project.
		             The project template must be customized for each client.
		
		Copyright (c) 2004 Kirsir Web Development
	*/

	/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is 175px, that total includes the border and 'inside'.*/

@import url('boxes.css');
@import url('dropdowns.css');
@import url('divs_other.css');
@import url('forms.css');
@import url('links.css');
@import url('tables.css');
@import url('borders.css');
@import url('text_headers.css');

/*************************CORE POSITIONING STYLES*****************************************/
html, body{height:100%;}

body {
	background-color:#ededed;
	background-image:url('../images/design/ep_bg.jpg');
	background-repeat:repeat-x;
	color:#646464;
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family:Verdana, Arial, sans-serif;
}

/************************SPLASH PAGE***********************************************************/
#splashWrapper{
	position:relative;
	top:50%; /*move vertically*/
	margin-top:-187px; /*pull half height back up from middle*/
	left:50%;
	margin-left:-337px; /*Div is 675 moved 50% of window to center - to move back, margin must be neg*/
	width:675px;
	height:375px;	
}

#sContentWrapper{position:relative; width:100%; height:275px; border:1px solid #000;}

#sGlobe{
	position:absolute;
	top:0px;
	left:0px;
	width:330px;
	height:248px;
	background-image:url('../images/design/splash_globe.jpg');
	background-repeat:no-repeat;
}

#sBlurb{
	position:absolute;
	top:248px;
	left:0px;
	width:330px;
	height:27px;
	background-image:url('../images/design/splash_blurb.gif');
	background-repeat:no-repeat;
}
#s3Pics{
	position:absolute;
	top:0px;
	left:330px;
	width:345px;
	height:76px;
	background-image:url('../images/design/splash_3pics_bg.jpg');
	background-repeat:no-repeat;
	text-align:right;
}
#s3picsWrapper{padding:10px;}

#sLogo{
	position:absolute;
	top:76px;
	left:330px;
	width:345px;
	height:39px;
}
#sInfo{
	position:absolute;
	top:115px;
	left:330px;
	width:345px;
	height:160px;
	background-image:url('../images/design/splash_info.jpg');
	background-repeat:no-repeat;
}
#sInfoWrapper{padding-right:10px;}

#sPhones{position:absolute; top:5px; right:12px; font:bold 70% Arial, Helvetica, sans-serif; color:#0a62b7;}
#sEnterSite{position:absolute; top:43px; right:128px; font:bold 80% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0a62b7;}

#sCopyright{
	position:absolute;
	top:275px;
	left:0px;
	width:675px;
	height:100px;
	text-align:center;
}

#sProjMan{position:absolute; top:40px; left:70px;}
#sProdSales{position:absolute; top:95px; right:230px;}
#sGround{position:absolute; top:145px; right:230px;}
#sFreight{position:absolute; top:95px; left:220px;}
#sDest{position:absolute; top:145px; left:220px;}

/***********************REGULAR PAGE***********************************************************/
#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px;
	/*
	left:50%;
	margin-left:-375px; *//*Div is 730 moved 50% of window to center - to move back, margin must be neg*/
	width:750px;
	background-color:#fff;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:177px;
	left:0px;
	width:100%;
	background-color:#ededed;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:177px;
	background-color:#fff;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#000;
}


/*******************************TOP STYLES**********************************************/

#topRow1{
	position:relative;
	width:100%;
	height:19px;
	background-color:#0a62b7;
	color:#fff;
}

#logoInfo{position:absolute; top:3px; left:200px; font:64% Arial, Helvetica, sans-serif; color:#fff; z-index:5;}

#date{ /*positions the date div*/
	position:relative;
	width:559px;
	height:18px;
	float:right;
	border-width:0px 0px 1px;
	border-style:solid;
	border-color:#fff;
	line-height:18px;
	background-color:#0a62b7;
}
#dateToday{
	color:#fff;
	font-size:64%;
	font-family:Arial, sans-serif;
	text-align:right;
	padding-right:5px;
}

/*top row 2*/
#topRow2{
	position:relative;
	width:100%;
	height:5px;
	background-color:#000;
	color:#fff;
}

#topRowBlackStrip{
	position:relative;
	width:595px;
	height:4px;
	float:right;
	border-width:0px 0px 1px;
	border-style:solid;
	border-color:#fff;
	background-color:#000;
	font-size:0%; /*IE minimum height is height that text would be*/
}

/*top row 3*/
#topRow3{
	position:relative;
	width:100%;
	height:69px;
	background-color:#d1d2d4;
}

#logo{
	position:absolute;
	top:5px; left:200px;
	width:203px;
	height:35px;
	background-color:#d1d2d4;
	text-align:right;
	z-index:2;
}

#underLogo{position:absolute; top:45px; left:180px; width:203px; height:24px;}
#smallImages{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#d1d2d4;
	width:367px;
	height:69px;
	text-align:right;
}
#smallImagesWrapper{padding:1px 5px;}

/*top row 4*/
#topRow4{
	position:relative;
	width:100%;
	height:20px;
}

/*top row 5*/
#topRow5{
	position:relative;
	width:100%;
	height:64px;
	z-index:10; /*Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
}

#navbar{
	position:relative;
	float:left;
	width:468px;
	height:64px;
	z-index:10; /*z-index above closer*/
	font-size:64%;
	color:#646464;
	font-family:Verdana, Arial, sans-serif;
}

/*button positions in navbar*/
#navButt1{position:absolute; top:0px; left:0px; width:52px; height:48px;}
#navButt1_under{position:absolute; top:48px; left:0px; width:52px; height:16px;}

#navButt2{position:absolute; top:0px; left:52px; width:108px; height:56px;}
#navButt2_under{position:absolute; top:56px; left:52px; width:108px; height:8px;}

#navButt3{position:absolute; top:0px; left:160px; width:47px; height:45px;}
#navButt3_under{position:absolute; top:45px; left:160px; width:47px; height:19px;}

#navButt4{position:absolute; top:0px; left:207px; width:73px; height:64px;}

#navButt5{position:absolute; top:0px; left:280px; width:48px; height:36px;}
#navButt5_under{position:absolute; top:36px; left:280px; width:48px; height:28px;}

#navButt6{position:absolute; top:0px; left:328px; width:75px; height:52px;}
#navButt6_under{position:absolute; top:52px; left:328px; width:75px; height:12px;}

#navButt7{position:absolute; top:0px; left:403px; width:47px; height:46px;}
#navButt7_under{position:absolute; top:46px; left:403px; width:47px; height:18px;}

#nav11{position:absolute; top:0px; right:0px; width:18px; height:64px;}

/*******************************MIDDLE STYLES**********************************************/

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	background-color:#fff;
	width:100%;
	height:auto; /*allow expanding div*/
	min-height:291px; /*NN height (not supported in IE)*/
	_height:291px;/*IE height (acts like min-height, ignored by other browsers)*/
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:575px; /*restyled in no_right_col*/
	background-color:#fff;
	background-image:url('../images/design/left_col_bg.gif');
	background-repeat:repeat-y;
	border-width:0px 1px 0px 0px; border-style:solid; border-color:#000;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:311px; /*restyled in no_right_col*/
	float:right;
	height:auto; /*allow expanding div*/
	min-height:291px; /*NN height (not supported in IE)*/
	_height:291px;/*IE height (acts like min-height, ignored by other browsers)*/
	background-image:url('../images/design/content_bg.jpg');
	background-repeat:no-repeat;
	background-color:#fff;
	padding-bottom:10px; /*leave space between content and footer*/
}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:264px; 
	background-color:#fff;
	background-image:url('../images/design/left_col_bg.gif');
	background-repeat:repeat-y;
}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:175px; 
	background-color:#fff;
}

#content {
	position:relative;
	margin:1em;
}

/*bottom arch at the bottom of middle content (to allow for right black border, this cannot be in the footer!)*/
#bottomArch{
	position:relative;
	clear:both;
	width:100%;
	height:37px;
}
#bottomArch1{
	position:relative;
	float:left;
	width:185px;
	height:37px;
	background-color:#e0e0e1;
}



/*prompter div for Flash
#flashPrompter{position:absolute; top:0px; left:0px; visibility:hidden; z-index:1;}*/

/*******************************BOTTOM STYLES**********************************************/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%;
	height:auto; /*allow expanding div*/
	min-height:63px; /*NN height (not supported in IE)*/
	_height:63px;/*IE height (acts like min-height, ignored by other browsers)*/
	background-color:#ededed;
	clear:both;
}

#footer3{
	postion:relative;
	float:left;
	width:486px;
	background-color:#ededed;
	background-image:url('../images/design/copyright_bg.gif');
	background-repeat:no-repeat;
}

#textCopyWrapper{padding:5px;}

#textLinks{
	font:64% Arial, sans-serif;
	padding:0px 0px 5px;
	text-align:center;
}

#copyright {
	position:relative;
	font:64% Arial, sans-serif;
	padding:0px;
	text-align:center;
}

#kirsir{
	font:64% Tahoma, Arial, sans-serif; 
	color:#a9a8a8; 
	background-color:#ededed;
	padding:5px 0px 0px;
	text-align:center;
}


/**************************ALIGNMENT (STANDARDS)***************************************/
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignT{vertical-align:top;}
.alignM{vertical-align:middle;}
.alignB{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}
.noPad{padding:0px;}
.posRel{position:relative;}

/******************************IMAGES**************************************************/


/**********************************HARD RULES**************************************/
hr.reg {width:100%; height:1px; color:#ededed;}

/**********************************LISTS*******************************************/
ul.circle{list-style-image:url('../images/bullet_circle.gif');}
ul.arrow{list-style-image:url('../images/bullet_arrow.gif');}
ol.smallLett{list-style-type:lower-alpha;}
li{padding:2px;}


/******************DISPLAY DURING PRINTING ONLY*****************************************/
/*Company Info that only appears when printed*/
#printCompanyInfo{display:none;}