@charset "utf-8";
/*-------------------------
 KiwiContainerLifting.com
 filename: kcl_main.css
 version: 1.0
 date: 3-02-08
 
 copyright 2008
 design/html/css/php/aspx: product 9 design
--------------------------*/
/*---- TAGS -----*/
body {color:#000000; margin:0; padding:0; background:#0D448D;
font-family:Arial, Helvetica, sans-serif; font-size:100.01%; line-height:1.0em;}

img {border:0;}
p, td, h1, h2, h3, h4, h5 {margin:0; padding:0;}

/*---- LINKS -----*/
a {color:#0D448D; text-decoration:underline;}
a:visited { color:#2C7DEB; text-decoration:underline; }
a:hover {color:#1362CC; text-decoration:underline;}
	
/*---- LAYOUT -----*/
#page_wrapper {width:805px; margin:10px auto; background:#EDEDED url(/images/global/bkg/bkg_content.jpg) repeat-y;}

	/* HEADER */
	#header {width:805px; height:95px; position:relative; background:url(/images/global/bkg/bkg_header.jpg) no-repeat;}
		#logo { position:absolute; top:20px; left:12px; width:175px; height:175px; background:url(/images/global/elements/logo_kiwi_container.gif) top left no-repeat; }

	/* SIDE NAVIGATION */
	/*	Each item has three states, current page, normal and hover */
	#nav {width:150px; margin:120px auto 22px auto; z-index:2;}
		
		/* SERVICES */
		#services .nav_item_1 a, 
		#services .nav_item_1 a:hover,
		.nav_item_1 a, 
		.nav_item_1 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_01.gif) top right no-repeat; text-decoration:none;}
		.nav_item_1 a {background:url(/images/global/nav/nav_01.gif) top left no-repeat;}
		.nav_item_1 a:hover {background:url(/images/global/nav/nav_01.gif) top center no-repeat;}
		
		/* EQUIPMENT */
		#equipment .nav_item_2 a, 
		#equipment .nav_item_2 a:hover,
		.nav_item_2 a, 
		.nav_item_2 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_02.gif) top right no-repeat; text-decoration:none;}
		.nav_item_2 a {background:url(/images/global/nav/nav_02.gif) top left no-repeat;}
		.nav_item_2 a:hover {background:url(/images/global/nav/nav_02.gif) top center no-repeat;}
		
		/* REQUIREMENTS */
		#requirements .nav_item_3 a, 
		#requirements .nav_item_3 a:hover,
		.nav_item_3 a, 
		.nav_item_3 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_03.gif) top right no-repeat; text-decoration:none;}
		.nav_item_3 a {background:url(/images/global/nav/nav_03.gif) top left no-repeat;}
		.nav_item_3 a:hover {background:url(/images/global/nav/nav_03.gif) top center no-repeat;}
		
		/*QUOTE */
		#quote .nav_item_4 a, 
		#quote .nav_item_4 a:hover,
		.nav_item_4 a, 
		.nav_item_4 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_04.gif) top right no-repeat; text-decoration:none;}
		.nav_item_4 a {background:url(/images/global/nav/nav_04.gif) top left no-repeat;}
		.nav_item_4 a:hover {background:url(/images/global/nav/nav_04.gif) top center no-repeat;}

		/* PRESS */		
		#press .nav_item_5 a, 
		#press .nav_item_5 a:hover,
		.nav_item_5 a, 
		.nav_item_5 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_05.gif) top right no-repeat; text-decoration:none;}
		.nav_item_5 a {background:url(/images/global/nav/nav_05.gif) top left no-repeat;}
		.nav_item_5 a:hover {background:url(/images/global/nav/nav_05.gif) top center no-repeat;}
		
		/* LINKS */
		#links .nav_item_6 a, 
		#links .nav_item_6 a:hover,
		.nav_item_6 a, 
		.nav_item_6 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_06.gif) top right no-repeat; text-decoration:none;}
		.nav_item_6 a {background:url(/images/global/nav/nav_06.gif) top left no-repeat;}
		.nav_item_6 a:hover {background:url(/images/global/nav/nav_06.gif) top center no-repeat;}

		/* HOME */
		#home .nav_item_7 a, 
		#home .nav_item_7 a:hover,
		.nav_item_7 a, 
		.nav_item_7 a:hover {width:150px; height:25px; display:block; padding:0 0 6px 0; background:url(/images/global/nav/nav_07.gif) top right no-repeat; text-decoration:none;}
		.nav_item_7 a {background:url(/images/global/nav/nav_07.gif) top left no-repeat;}
		.nav_item_7 a:hover {background:url(/images/global/nav/nav_07.gif) top center no-repeat;}
		
	
	/* CONTENT */
	#content {width:auto; clear:left; z-index:99;}
		#content p {padding:3px 0 3px 0; font-size:0.74em;}
		#content h1 {font-size:1.3em; color:#FFFFFF; background:#0D448D; border-bottom:solid 4px #DEDEDE; text-transform:uppercase; padding:15px 8px 18px 18px; line-height:1.1em;}
			#content_main h1 span.subtitle {font-size:0.55em; text-transform:none;}
		#content h2 {padding:5px 0; font-size:1.1em;}
		#content h3 {padding:5px 0; font-size:.85em;}
		#content h4 {padding:7px 0 3px 0; font-size:.74em; color:#008C99;}
		#content h5 {padding:15px 0 0 0; font-size:.74em; color:#008C99;}
		#content_right ul {font-size:0.72em; padding:0 0 0 15px; margin:0 0 7px 15px;}
		#content_right li {list-style-image:url(../images/global/btn/list_bullet.gif); padding:0 0 0 7px; margin:0 0 0 7px;}
		#content_right li div {color:#000000;}
	
	/* CONTENT RIGHT */
	#content_right {margin:0 0 0 203px; position:relative; z-index:98;}
		.col_left {width:55%; float:left;}
		.col_right {margin:0 0 0 55%;}
		.main_position {padding:25px 10px 5px 25px;}
	
		/* CONTENT LEFT */
	#content_left {width:200px; float:left; position:relative; z-index:97;}
		#content_left a {text-decoration:none;}

		#content_main {background:#FFFFFF; border:#999999 solid 4px; width:577px; min-height:450px;}
	
	/* FOOTER */
	#footer {clear:both; background:#EDEDED url(/images/global/bkg/bkg_footer.jpg) center bottom no-repeat; 
	color:#545454; height:50px; font-size:0.62em; text-align:center; line-height:1.15em; position:relative;}
		#footer_text { margin:12px 0 0 0; padding:7px 0; background:url(/images/global/bkg/footer_txt_bkg.gif) center center no-repeat; font-weight:bold;}
		#footer a {color:#545454; text-decoration:none;}
		#footer a:hover {color:#666666; text-decoration:underline;}
	
	#footer_nav {height:22px; margin:0 auto 0 auto; font-size:0.64em; text-align:center;}
		#footer_nav div {display:inline; padding:0 4px 0 0; border-right:1px solid #ffffff; margin:0 0 0 4px;}
		#footer_nav div.nav_last {border-right:none;}
		#footer_nav a {color:#ffffff; text-decoration:none;}
		#footer_nav a:hover {text-decoration:underline;}
	
	#copyright {color:#FFFFFF; text-align:center; font-size:0.64em; padding:0 0 10px 0; width:805px; margin:0 auto 10px auto;}
		#copyright a {color:#FFFFFF; text-decoration:none;}
		#copyright a:hover { text-decoration:underline;}
		
/* ELEMENTS & TEXT STYLES */

	/* BUTTONS */
	a.btn_home {display:block; width:175px; height:175px; position:absolute; z-index:1;}
	a:hover.btn_home {background:url(/images/global/elements/logo_kiwi_container.gif) top right no-repeat;}
	
	/* PHONE */
	/* #phone {margin:50px auto 0 auto; background:url(/images/global/elements/phone.gif) center center no-repeat; width:180px; height:25px;}*/
	#phone_call_kiwi {position:absolute; background:url(/images/global/elements/phone.gif) center center no-repeat; width:180px; height:25px; top:-35px; left:15px;}
	
	/* TEXT STYLE */
	.txt_desc {font-weight:bold; font-style:italic;}
	.txt_red {color:#CC0000; font-weight:bold;}
	.required {color:#CC0000; font-weight:bold;}
	
	/* PICTURES */
	.pic {margin:0 15px 15px 0;}
	.pic2 {margin:0 0 10px 0;}

/* PAGES */

	/* HOME */
	#home #content_main {}
		#home h1 {background:none; padding:0;}
		#home h2 {padding:25px 0 10px 25px; line-height:1.25em; }
		#home h3 {padding:25px 0 0 25px; text-transform:uppercase;}
		#member_logos {padding:15px 0 0 25px;}
			#member_logos img {margin:0 10px 0 0;}
	
	/* EQUIPMENT */
	#equipment #content_main {}
		#equipment h2 {padding:0 0 3px 0; line-height:1.25em; text-transform:uppercase; color:#0D448D;}
		#equipment .cols {padding:25px 0 15px 25px;}
		#equipment .col_left {width:220px; float:left;}
		#equipment .col_right {margin:0 0 0 220px; padding-right:10px;}
	
	/* LINKS */
		#links #content_main a {text-transform:uppercase; color:#0D448D; font-size:1.1em; font-weight:bold;}
		#links #content_main a:hover {color:#1E75EA;}
		#links #content_main p {padding:0 0 18px 0;}
		
	/* PRESS */
		#press h3 {padding:0 0 12px 0;}
		#press h2 {padding:22px 0 3px 0; line-height:1.25em; text-transform:uppercase; color:#0D448D;}
		#press h2.top {padding:0 0 3px 0;}
		.enlarge a {color:#888888; text-transform:uppercase; font-size:1.25em; text-decoration:none; font-weight:bold; }
		.enlarge a:hover {text-decoration:underline;}
	
	/* REQUIREMENTS */
		#requirements h2 {padding:28px 0 3px 0; line-height:1.25em; text-transform:uppercase; color:#0D448D;}
		#requirements h2.top {padding:0 0 3px 0;}
		#requirements p {padding:0 0 12px 0;}
	
	/* QUOTE */
		#quote .main_position {position:relative; padding:0 10px 5px 15px;}
		#quote .cols { display:block;}
		#quote .col_left {width:260px; float:left;}
		#quote .col_right {margin:0 0 0 263px; padding:0 0 0 16px;}
		
		
		/*
		#quote label {display:block; position:relative; font-size:9pt; padding:0 0 3px 0; height:24px; margin-right:5px;}
		#quote label em {display:block; position:absolute; right:176px; text-align:right; padding-right:5px; font-weight:bold;}
		#quote input, #quote select, #quote textarea {position:absolute; left:90px; font-size:11pt;}
		#quote label textarea {margin:0 0 10px 0;}
		*/
		.quote {font-size:0.8em;}
		.quote label {text-align:right; padding:0 10px 0 0; font-weight:bold; font-style:italic; display:block; width:110px;}
		
		#quote h2, #quote h3 {line-height:14pt; text-transform:uppercase; color:#0D448D; font-weight:bold;}
		#quote h3 { font-style:italic;}
		.spacer_60 {height:60px;}
	
	/* SERVICES */
	#services h2 {padding:18px 0 3px 0; line-height:1.25em; text-transform:uppercase; color:#0D448D;}
		#services h2.top {padding:0 0 3px 0;}
		#services p {padding:0 0 12px 0;}
		.overview#services h2 {padding:0px 0 3px 0;}
		
		#services .col_left {width:50%; float:left;}
		#services .col_right {margin:0 0 0 50%; padding:0 0 0 10px;}
		
		#content_right ul.benefits {color:#0D448D; font-weight:bold; padding:6px 0 18px 0;}
		#content_right ul.benefits li {margin:0 0 6px 0; list-style-type:none;}
	
	#nav_services {height:26px; padding:10px 10px 0 10px;}
		.nav_serv_1 {}
		.nav_serv_2 {}
		.nav_serv_3 {}
		
		.overview#services .nav_serv_1 a, 
		.overview#services .nav_serv_1 a:hover,
		.nav_serv_1 a,
		.nav_serv_1 a:hover {float:left; width:175px; height:26px; display:block; margin:0 10px 0 0;
		background:url(../images/global/nav/nav_serv_1.gif) 0 -70px no-repeat; text-decoration:none;}
		.nav_serv_1 a {background:url(../images/global/nav/nav_serv_1.gif) 0 0 no-repeat;}
		.nav_serv_1 a:hover {background:url(../images/global/nav/nav_serv_1.gif) 0 -35px no-repeat;}
		
		.transfers#services .nav_serv_2 a, 
		.transfers#services .nav_serv_2 a:hover,
		.nav_serv_2 a,
		.nav_serv_2 a:hover {float:left; width:175px; height:26px; display:block; margin:0 10px 0 0;
		background:url(../images/global/nav/nav_serv_2.gif) 0 -70px no-repeat; text-decoration:none;}
		.nav_serv_2 a {background:url(../images/global/nav/nav_serv_2.gif) 0 0 no-repeat;}
		.nav_serv_2 a:hover {background:url(../images/global/nav/nav_serv_2.gif) 0 -35px no-repeat;}
	
		.stacking#services .nav_serv_3 a, 
		.stacking#services .nav_serv_3 a:hover,
		.nav_serv_3 a,
		.nav_serv_3 a:hover {float:left; width:175px; height:26px; display:block; margin:0 10px 0 0;
		background:url(../images/global/nav/nav_serv_3.gif) 0 -70px no-repeat; text-decoration:none;}
		.nav_serv_3 a {background:url(../images/global/nav/nav_serv_3.gif) 0 0 no-repeat;}
		.nav_serv_3 a:hover {background:url(../images/global/nav/nav_serv_3.gif) 0 -35px no-repeat;}
	
		
