@charset "utf-8";

/***\
| A | Rukert Terminals Corporation
\***/

	/***********************\
	| (c)2008 ecoaststudios llc |
	\***********************/
	
/********************************\
		Table of Contents

	A. Introduction
	B. Container Elements (wrapper, common  font styles, body, etc)
	C. Header
	D. Feature (main image)
	E. Main Menu
	F. Content
		- Content Header
		- Typical Content
		- Special Content (content features, etc)
	
\*********************************/

/***\
| B | Container Elements
\***/

body {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
	font-size: 10px;
	padding-bottom: 20px;
	background-color: #BBB5A7;
	/*background-image: url(../images/NLS_body_bg.jpg);*/
	background-repeat: repeat-x;
}

.wrap {
	width: 940px;
	background: #f1f1f1;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#video1 { float:left; width:400px; margin-left:28px; }
#video2 { float:left; width:400px; margin-left:71px; }
/***\
| C | Header
\***/

#header { padding-bottom: 5px; }
#header img { float: left; margin-bottom: 8px;  }

#submenu { float: right; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.5em; background: #eaeaea; padding: 10px 0px; margin-top: 10px; }
#submenu li { float: left;/* background:url(../images/submenu.border.gif) no-repeat center right; */padding-right: 10px; padding-left: 10px; }
#submenu li.last { background: none; }
#submenu li a { color: #4b4941; text-decoration: none; } #submenu li a:hover { color: #b53712; }

/***\
| D | Feature
\***/

#feature img { width: 940px !important;}

#promos #flashcontent { width: 940px !important; }
#promos #flashcontent h2 { font-size: 2em; }
#promos #flashcontent a { color: #efc887; text-decoration: none; border-bottom: 1px solid #07574c; }
#promos #flashcontent div { background: #1d1309; color: #fff; border: 4px solid #271a0d; width: 524px; height: 230px; overflow: hidden; }
#promos #flashcontent a:hover { background: #271a0d; }

/***\
| E | Main Menu
\***/

/* Frickin IE sucks 6 Fix below
#mainmenu { border-top: 3px solid #292929; border-bottom: 4px solid #d0ccb3; background: #504d44; overflow: hidden; margin-top: -1px; font-family:Georgia, "Times New Roman", Times, serif; padding-left: 10px; clear:both; }
#mainmenu li { float: left; background: url(../images/menu.border.gif) no-repeat center right; }
#mainmenu li a { color: #fff; padding: 27px 20px; line-height: 70px; font-size: 1.7em; color: #e2dfcf; }
#mainmenu li a:hover { color: #fff; } 
#mainmenu li.active { background: #797362; }

#mainmenu ul { position: absolute; background: #797363; width: 940px; left: 10px; }
#mainmenu ul li a { padding: 8px 10px 8px 10px; line-height: 50px;  }
#mainmenu li li { background: none; margin-left: 5px;}
#mainmenu li li.active a { color: #504d44; background: #d0ccb3; }
*/
#mainmenu { border-top: 3px solid #292929; border-bottom: 4px solid #d0ccb3; background: #504d44; overflow: hidden; margin-top: -1px; font-family:Georgia, "Times New Roman", Times, serif; padding-left: 10px; clear:both; height: 70px !important; }

#mainmenu li { float: left; background: url(../images/menu.border.gif) no-repeat center right; }
#mainmenu li a { color: #fff; padding: 27px 20px; line-height: 70px; font-size: 1.7em; color: #e2dfcf; }
#mainmenu li a:hover { color: #fff; } 
#mainmenu li.active { background: #797362; }

#mainmenu ul { position: absolute; background: #797363; width: 940px; left: 10px; }
#mainmenu ul li a { padding: 8px 10px 8px 10px; line-height: 50px;  }
#mainmenu li li { background: none; margin-left: 5px;}
#mainmenu li li.active a { color: #504d44; background: #d0ccb3; }
/***\
| F | Content 
\***/
#content { overflow: hidden; background: #f7f7f7; width: 940px; }
#content.treemenu { padding-top: 50px; }

#content .header { background: #fff; padding: 20px; }
#content .header h1 { color: #3d5062; font-size: 4.7em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; }
#content .header h2 { color: #595959; font-size: 2.4em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; }
#content h4 {  color: #434034; font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; padding: 20px 28px 0px 28px; margin-bottom: -20px; }
#content h3 {  padding-left:20px; padding-top:17px; font-size: 27px; color: #b53712; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }

#content p.image { float: right; padding: 4px; padding-right: 27px; background: #f1f1f1; font-weight: normal; margin:0; margin-right: -10px; margin-left: 10px; margin-top: 20px; }
#content p.image img { border: #fdfdfd 3px solid;margin:0; }

#content ul { padding-left: 30px; display: block;  }
#content li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #434137; line-height: 1.8em; margin-left: 15px; padding-left: 15px; background:url(../images/bullet.gif) no-repeat top left; }

#content a { color: #8E0000; } #content a:hover { color: #20209f; }



#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #434034;
	line-height: 21px;
	padding-top: 15px;
	padding-right: 28px;
	padding-bottom: 0;
	padding-left: 28px;
}
#content .drop { font-size: 2.5em; float: left; padding-right: 5px; }

	/* */
	#content .threefeature { border-top: 30px solid #d0cbb3; background: #e2dfcf; height:440px; overflow: hidden; } 
	#content .threefeature h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #b53712; font-size: 1.8em; font-weight: normal; margin-bottom: 10px; }
	#content .threefeature div { width: 270px; float: left; margin: 20px; }
	#content .threefeature p { background: none; font-family: inherit; padding: 0; line-height: normal; color: #434137; font-size: 1.1em; line-height: 1.5em; margin-top: 5px; }
	
	/* */
	#content blockquote { background: #4f4d44; padding: 30px 20px; color: #fff; }
	#content blockquote h2 { font-size: 2.7em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; font-weight: normal; }
	#content blockquote h3 { font-size: 1.8em; line-height: 1.5em; font-weight: normal; color: #fff; padding: 0px; }
	#content blockquote p { background: none; padding: 0; color: #d0cbb3; font-size: 1.6em; margin-top: 15px; }
	#content blockquote a { color: #ff9800; }  #content blockquote a:hover { color:#969292; text-decoration: underline; }
	
	/* */
	#content .feature { background: #ecebe3; }
	#content .feature h3 { padding-bottom: 0px; margin: 0; }
	#content .feature ul { padding-top: 5px; padding-bottom: 5px; }
	#content .feature ul li { margin-top: 10px; margin-bottom: 10px; }
	#content  .feature p { padding-top: 10px; }
	
	/* */ 
	#content table { display: block; background: #4b4941; padding-left: 60px; color: #aaa694; font-size: 15px; padding-top: 20px; }
	#content table tr { height: 34px; padding-right: 20px; }
	#content table td { padding-right: 20px !important; }
	#content table th { text-align: left; font-size: 19px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal !important; color: #e2dfcf; }
	
	
	/* */
	#content .equipment { border-top: 30px solid #d0cbb3; background: #e2dfcf; margin-top: 5px; float: left; width: 470px; height: 290px; overflow: hidden; }	
	#content .equipment p { padding: 10px; padding-top: 0; clear: both; font-size: 1.3em; }
	#content .equipment h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #b53712; font-size: 1.8em; font-weight: normal; padding: 10px 10px 0px 10px; margin: 0; }
	#content .equipment img { float: none; display: block; margin: 10px; padding: 0; float: left; }
	
	#content .servicesmain { border-top: 30px solid #d0cbb3; background: #e2dfcf; margin-top: 5px; float: left; width: 900px; height: 300px; overflow: hidden; }	
	#content .servicesmain p { padding: 10px; padding-top: 0; clear: both; font-size: 1.3em; }
	#content .servicesmain h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #b53712; font-size: 1.8em; font-weight: normal; padding: 10px 10px 0px 10px; margin: 0; }
	#content .servicesmain img { float: none; display: block; margin: 10px; padding: 0; float: left; }
	
	#content .equipmentpage { border-top: 30px solid #d0cbb3; background: #e2dfcf; margin-top: 5px; float: left; width: 470px; height: 370px; overflow: hidden; }	
	#content .equipmentpage p { padding: 10px; padding-top: 0; clear: both; font-size: 1.3em; }
	#content .equipmentpage h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #b53712; font-size: 1.8em; font-weight: normal; padding: 10px 10px 0px 10px; margin: 0; }
	#content .equipmentpage img { float: none; display: block; margin: 10px; padding: 0; float: left; }
	
	/* */
	form { background: #4b4941; padding: 30px 45px; overflow: hidden; margin: 0; }
	form h3 { color: #fff !important; font-size: 28px; }
	
	form ul { background: #45433b; padding: 20px; margin: 10px 25px; }
	form li { background: none !important; margin-bottom: 23px; overflow: hidden; margin-left: 0 !important; padding-left: 0 !important; color: #fff !important; }
	form label { width: 125px; padding-right: 20px; float: left; color: #fff; text-align: right; text-transform:uppercase; font-family:"Lucida Grande",Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1em; }
	
	form input, form select, form textarea  { background: #2b2a26 url(../images/bg.form.focus.gif) repeat-x; height: 22px !important; line-height: 21px !important; border: 3px solid #393730; padding-left: 5px; color: #d0cbb3; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; width: 250px; }
	form input:focus, form select:focus, form textarea:focus { background: #ffffff url(../images/bg.form.gif) repeat-x; border-color: #d0cbb3; color: #9a2908; }
	form textarea { height: auto !important; width: 500px; }
	form input.check { width: auto !important; }
	form i { text-transform: none; color: #94907f; }

	
	form div.submit { background: #3f3d36; border-top: 12px solid #393730; padding: 10px; padding-left: 175px; margin: 10px 25px; }
	form button { color: #b6b09a; background:url(../images/button.gif); width: 84px; height: 34px; border: none; }
	form div.submit a { color: #817d6b !important; }
/***\
| E | Footer
\***/

#footer { background: #e6e5de; border: 10px solid #f1f1f1; width: 920px; margin-top: 20px; overflow: hidden; padding-bottom: 0; }
#footer h2 { color: #8e0000; font-size: 2.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#footer ul { overflow: hidden; margin: 0; padding: 0;}
#footer ul li { float: left; padding-right: 10px; padding-left: 0px; background: none; margin: 0; }
#footer ul li a { color: #4b4941; } #footer ul li a:hover { color: #b53712; text-decoration: underline; }

#footer p { line-height: 20px; background: #dedcd1; margin: 5px 5px 0px 5px; padding: 0; margin-left: -10px; padding: 5px 15px; color: #4b4941; width: 910px; }