@charset "utf-8";
/* ==================== Beltmann Relocation Group Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1. Defaults
		 a. Default dreamweaver style
	 2. Header
	 3. Navigation
	 4. Sidebar1
	 	a. Quote Form
	 5. Moving Resources
	 6. Footer
*/

/* ==================== 1. Defaults ==================== */

* { margin:0px; padding:0px; }
body { background: #E9E9E9 url(/images/background.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666; filter:none;}
h1 { color: #4f93c3; font-size: 20px; padding: 0 0 10px 0; }
h2 { color: #4f93c3; padding: 0 0 15px 0; font-size: 17px; }
h3 { color: #4f93c3; padding: 0 0 10px 0; font-size: 14px; }
p { font-size: 10pt; margin: 0 0 12px 0; line-height: 150%; color: #4e4e4e; }
a { text-decoration:none; outline:none; color: #84b222; }
a:hover { color: #000; }
img { border:none; }
ol { list-style-position: inside; }
ul { list-style:none; }
.clear { clear:both; }
sup { font-size: 60%; }
#social-box img { behavior: url(iepngfix.htc) } /* IE Png Fix */
/*===================== 1a. default dreamweaver style =================*/

#container { width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin: 0 0px 10px 10px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin: 0 10px 10px 0; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
/* ==================== 2. Header ==================== */

#header { height: 170px; width: 960px; background: url(/images/headerback.jpg) no-repeat left top; padding: 0 0 20px 0; float:left; }
#header #top-nav { margin: 10px 0 10px 20px; padding: 0; width:500px; float:left; font-size:12px;}
#header #top-nav li { float: left; padding: 0; list-style: none; }
#header #top-nav li a { color: #18668D; font-weight: bold; padding: 0px 5px; }
#header #top-nav li a:hover { color: #000; }
#logo-nav { float:left; width:450px; }
#logo { width:269px; height: 67px; background: url(/images/logo.jpg) no-repeat right top; text-indent: -9999px; padding: 10px 0 0 20px; float:left; }
#headernumbers { float:right; width:175px; padding:10px 0 15px 0; }
#phone-number { float: left; margin: 0; color: #FAE3AF; font-size: 1.2em; font-weight:bold; line-height: 130%; text-align: left; padding: 6px 25px 0 0; }
#phone-number span { color: #fff; font-size: 1.2em; padding: 0 20px 0 0; }
/* ==================== 3. Navigation  ==================== */


#navigation-container { float:left; width:960px; padding-top:17px; }
#social-box { float:left; padding-left:15px; }
#social-box img { margin:5px; display:block; float:left; }
#main-nav { font-weight:bold; color:#FFF; float:right; padding-right:15px; }
#main-nav li { display:inline; list-style: none; }
#main-nav a { display: block; height: 26px; color: white; font-size: 12px; float: left; color: #fff; border-right: 1px solid #2b6787; border-left: 1px solid #fff; padding: 12px 9px 2px 8px; }
#main-nav li.international a { width: 135px; }
#main-nav li.office a { width: 165px; }
#main-nav li.first-link a { border-left: none; }
#main-nav li.last-link a { border-right: none; }
#main-nav a:hover { color: #003050; }
#main-nav .active, #main-nav .active:hover { color:#CDEAFF; border-bottom: none; background: url(/images/nav-active.gif) no-repeat bottom center; text-shadow: #00395F 0px 1px 0px; }
#main-nav a.last { background:none; width:52px; }
#main-nav a.last:hover { color:#F90; background:url(/images/btn-hover-last.jpg) repeat-x right; width:52px; }
/* ==================== 6.Footer ==================== */


#footer { width:900px; float: left; clear: both; background: url(/images/footer-back.jpg) no-repeat top left; margin: 0 auto; font-size:.9em; padding: 20px 30px; }
#footer h2 { color: #fff; padding: 0 0 10px 0 }
#footer a { color:#547b00; padding:0px 6px; }
.locations { width: 240px; float: left; height: 130px; paddng: 0; }
#footer .locations a { color: #fff; }
#footer .locations a:hover { color: #00CCFF; }
.locations li { padding: 0px 0 6px 10px; list-style: none; background: url(/images/green-arrow.gif) no-repeat left 3px; }
.last-loc { width: 180px; }
.footer-information { float: left; width: 240px; height: 150px; }
.footer-information dt { color: #107fb6; padding: 0 0 10px 0; font-weight: bold; font-size: 13pt; }
.footer-information dd { padding: 0px 0 6px 10px; background: url(/images/darkgreen-arrow.gif) no-repeat left 3px; }
.last-info { width: 180px; }
#footer p { color:#999; }
#footer-logo {float:left; clear: left; width: 960px; }
#footer-logo li {float: left;}
#northam a { display: block; text-indent: -9999px; background: url(/images/northam-logo.gif) no-repeat top left; height: 77px; width: 152px; margin-left:130px;}
#amsa a { display: block; text-indent: -9999px; background: url(/images/amsa-logo.gif) no-repeat top left; height: 77px; width: 145px; }
#promover a { display: block; text-indent: -9999px; background: url(/images/pro-logo.gif) no-repeat top left; height: 77px; width: 102px; }
#rim a {display: block; text-indent: -9999px; background: url(/images/rim_logo.jpg) no-repeat left 7px; height: 80px; width: 169px; }

#footer-copy {float:left; width:960px; padding:5px 0 20px 0; text-align:center; font-size:11px;}
#footer-copy p {color:#666666;}
#footer-copy a:hover{text-decoration:underline;}

#footer a.first { padding-left:0px; }
#footer a:hover { color:#666; text-decoration:underline; }