/** 4/18/2008 - Trevor Davis - OfficeMoveNET Screen Stylesheet **/

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #333; color: #333; font: 62.5% Georgia, Times, "Times New Roman", serif; }
h1, h2, h3, h4, h5, h6 { color: #BD4218; font-weight: normal; margin-bottom: 8px; }
h1 { border-bottom: 1px solid #D1E1EE; font-size: 1.667em; padding-bottom: 3px; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; text-transform: uppercase; }

a { color: #5788a9; }
a:visited { color: #333; }
a:hover { text-decoration: none; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 16px; }
ul, ol, dd, blockquote { margin-left: 32px; }
blockquote { margin-right: 32px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.leftSide { float: left; margin: 0 16px 16px 0; }
.rightSide { float: right; margin: 0 0 16px 16px; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.secondary { text-align: right; }
ul.inline { list-style: none; margin-left: 0; }
ul.inline li { 
	background: url(/images/template/inline-separator.gif) no-repeat 100% 50%;
	display: inline;
	margin-right: 7px;
	padding-right: 8px;
}
ul.inline li.last { background: none; margin-right: 0; padding-right: 0; }
ol.forms { list-style: none; margin: 0; }
ol.forms label { display: block; }
button.button { 
	background: none;
	border: none;
	cursor: pointer;
	font: inherit;
	overflow: visible;
	padding: 0;
	width: auto;
}

/*****Basic Layout*****/
div#container {
	background: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 auto;
	position: relative;
	width: 775px;
}
div#header { background: #99bed9; float: left; width: 100%; }
div#content { 
	clear: both;
	float: left;
	padding-bottom: 31px;
	width: 100%;
}
body#home div#content { padding-bottom: 0; }
div#primaryContent { float: left; margin: 18px 0 0 19px; width: 379px; }
body.noNav div#primaryContent { width: 577px; }
body.noCols div#primaryContent { width: 737px; }
div#secondaryContent { float: right; width: 167px; margin: 18px 0 0; }
div#footer { 
	background: #5788a9;
	clear: both;
	color: #fff;
	float: left;
	font: 0.833em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0;
	padding: 14px 15px 8px 26px;
	width: 734px;
}
body#home div#footer { margin-top: 31px; }

/***Header***/
div#header h1, div#header a#logo {
	border-bottom: none;
	display: block;
	font-size: 1em;
	height: 86px;
	left: 40px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 30px 10px 0 10px;
	position: absolute;
	top: 8px;
	width: 141px;
	z-index: 100;
}
div#header h1 span, div#header a#logo span {
	background: url(/images/template/logo-trans.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/**Need the extra div around the utility nav because IE7 doesn't like 
absolutely positioned elements being right next to floated elements**/
div#utilityNav ul { float: right; list-style: none; margin: 0; }
div#utilityNav ul li { float: right; margin-left: 1px; }
div#utilityNav ul a {
	background: #213e99 url(/images/template/utility-nav-bg.gif) no-repeat 0 40%;
	color: #fff;
	display: block;
	padding: 7px 5px 7px 21px;
	text-decoration: none;
	width: 10.833em; /*130px*/
}
div#utilityNav ul a strong { display: block; font-size: 1.333em; font-weight: normal; }

/**Primary Nav**/
ul#primaryNav {
	background: #5788a9;
	border-bottom: 1px solid #fff;
	clear: both;
	float: right;
	line-height: normal;
	list-style: none;
	padding: 0 0 0 215px;
	margin: 0;
	width: 560px;
}
ul#primaryNav li { float: right; }
ul#primaryNav a { 
	color: #fff;
	display: block;
	font-size: 1.167em;
	padding: 9px 10px 8px;
	text-decoration: none;
}
ul#primaryNav li#installnet a { background: #abc4d4; color: #213e99; }
ul#primaryNav a:hover, ul#primaryNav li#installnet a:hover, ul#primaryNav li.current a { background: #bd4218; color: #fff; }

/**Branding Box**/
div#branding { 
	background: url(/images/template/branding.jpg) no-repeat;
	border-bottom: 1px solid #fff;
	clear: both;
	height: 110px;
	position: relative;
	width: 100%;
	z-index: 90;
}
div#branding a#tour {
	background: url(/images/template/tour-trans.png) no-repeat;
	bottom: 0;
	display: block;
	height: 51px;
	position: absolute;
	right: 13px;
	text-indent: -9999px;
	width: 288px;
}
div#branding h2 {
	bottom: 2px;
	color: #fff;
	font-size: 2.5em;
	font-weight: bold;
	height: auto;
	margin-bottom: 0;
	left: 12px;
	position: absolute;
}

/**Sub Navigation**/
ul#subNav {
	background: #525252 url(/images/template/sub-nav-bg.gif) no-repeat bottom left;
	float: left;
	font-size: 1.167em;
	list-style: none;
	margin: 0;
	padding: 0 0 6px;
	width: 190px;
}
ul#subNav li { border-bottom: 1px solid #959595; }
ul#subNav li.last { border-bottom: none; }
ul#subNav a { 
	color: #fff;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	width: 170px;
}
ul#subNav li.current a, ul#subNav li a:hover { color: #99bed9; }

/**Tagline**/
div#tagline { background: #525252 url(/images/template/tagline-bg.gif) repeat-x; padding: 12px 24px 20px; width: 727px; }
div#tagline h2 { color: #fff; font-size: 1.667em; margin-bottom: 4px; }
div#tagline h3 { color: #99bed9; font-size: 1.167em; font-style: italic; margin-bottom: 0; }

/**Homepage Columns**/
div#columnContainer { background: url(/images/template/column-separator.gif) no-repeat 227px 116px; float: left; margin-left: 10px; }
div.column { float: left; width: 227px; }
div.column.primary { margin-right: 1px; }
div.column h3.tab { 
	background: #525252 url(/images/template/tab-bottom.gif) no-repeat bottom left;
	color: #fff;
	font-size: 1.333em;
	margin-bottom: 0;
	padding: 4px 15px;
}
div.column img.branding { margin: 2px 0 8px; }
div.column p { font-size: 0.917em; line-height: 1.455em; margin: 0 3px 16px 14px; }
div.column p.callToAction a { 
	background: url(/images/template/call-to-action-bg.gif) no-repeat 1px 0.5em; 
	color: #416f8e;
	font-size: 1.091em;
	font-weight: bold;
	padding: 0 0 0 14px;
}
div.column p.callToAction a em { 
	display: block;
	font-size: 0.917em;
	font-style: normal;
	font-weight: normal;
	padding: 0 0 0 14px;
	text-decoration: none;
}

/**Homepage Sidebar**/
div#sidebar { float: right; margin-top: 2px; width: 308px; }
div#sidebar div.module { 
	background: #99bed9;
	font-size: 0.917em;
	line-height: 1.455em;
	margin-bottom: 2px;
	padding: 9px 15px;
}
div#sidebar div.module h4 { font-size: 1.455em; margin-bottom: 9px; }
div#sidebar div.module a { color: #333; }
div#contact { 
	background: #99bed9 url(/images/template/module-tr-corner.gif) no-repeat top right;
	border-bottom: 1px solid #fff;
	clear: both;
	float: left;
	font-size: 0.917em;
	line-height: 1.455em;
	padding: 9px 15px;
	width: 308px;
}
div#sidebar div#contact { 
	background: #99bed9 url(/images/template/module-bl-corner.gif) no-repeat bottom left;
	border-bottom: none;
	clear: none;
	float: none;
	width: auto;
}
div#contact p { 
	color: #c5491f;
	font-size: 1.272em;
	font-weight: bold;
	text-align: center;
}
div#contact a, div#sidebar div#contact a { color: #c5491f; }

/*Generic Forms*/
ol.forms { float: left; width: 100%; }
ol.forms li { 
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
ol.forms li label { float: left; font-weight: bold; width: 120px; }
ol.forms li label .required { color: #5788a9; font-size: 2em; }
ol.forms li label.inline { display: inline; float: none; width: auto; }
ol.forms li input, ol.forms textarea { font: inherit; width: 350px; }
ol.forms textarea { height: 200px; }
ol.forms li input.medium { width: 150px; }
ol.forms li input.small { width: 50px; }
ol.forms li .error { display: block; color: #bd4218; }

/*Login Form*/
div#sidebar div#login { background: #bbd1e0 url(/images/template/login-bl-corner.gif) no-repeat bottom left; padding: 0; }
div#branding div#login {
	background: url(/images/template/login-left-trans.png) no-repeat;
	float: right;
	height: 110px;
	padding-left: 6px;
	width: 301px;
}
div#sidebar div#login form#loginForm, div#login form#loginForm { background: url(/images/template/login-top.gif) no-repeat; padding: 22px 7px 17px 14px; }
div#branding div#login form#loginForm { 
	background: #bbd1e0 url(/images/template/login-bg.gif) repeat-x;
	height: 71px;
	padding: 22px 7px 17px 8px;
}
div#login ol.forms { float: none; width: auto; }
div#login ol.forms label { float: none; font-weight: bold; margin-bottom: 6px; width: auto; }
div#login ol.forms li { clear: none; float: none; margin: 0; width: auto; }
div#login ol.forms li input { width: auto; }
div#login ol.forms li.together { float: left; margin: 0 6px 10px 0; }
div#login ol.forms li.together input { 
	border: 1px solid #676b6e;
	border-color: #676b6e #858585;
	color: #666;
	font: inherit;
	padding: 3px 2px 2px;
	width: 116px;
}
div#login ol.forms li.buttons { float: left; }
div#login ol.forms li.terms { clear: both; }
div#login ol.forms li.terms label { display: inline; font-weight: normal; margin: 0 0 04px; }
div#login ol.forms li.terms label a { color: #416f8e; font-weight: bold; }

/**Subpage Secondary Content**/
div#secondaryContent div.module { background: #99bed9 url(/images/template/module-bl-corner.gif) no-repeat bottom left; margin-bottom: 1px; }
div#secondaryContent div.module h3 {
	background: url(/images/template/module-tl-corner.gif) no-repeat;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 1.167em;
	margin-bottom: 0;
	padding: 7px 11px 6px;
}
div#secondaryContent div.module div.moduleContent { font-size: 0.917em; padding: 11px 8px 11px 11px; }
div#secondaryContent div.module div.moduleContent a { color: #333; }
div#secondaryContent div.module div.moduleContent ul.listing { list-style: none; margin: 0; }
div#secondaryContent div.module div.moduleContent ul.listing li { background: url(/images/template/secondary-content-listing-arrow.gif) no-repeat 0 0.4em; margin-bottom: 8px; padding-left: 14px; }
div#secondaryContent div.module div.moduleContent ul.listing li.last { margin-bottom: 0; }
div#secondaryContent div.module div.moduleContent blockquote { margin: 0; }
div#secondaryContent div.module div.moduleContent blockquote cite { font-weight: bold; }

/**Locations Map**/
div#map { height: 400px; margin-bottom: 12px; width: 737px; }

/***Footer***/
div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer a#matrix { display: block; float: right; }
div#footer a.footerLink { border-right: 1px solid #fff; margin-right: 6px; padding-right: 6px; }

/***Sections***/
ul.sections { 
	float: left;
	list-style: none;
	margin-left: 0;
	width: 100%;
}
ul.sections li { 
	float: left;
	margin-bottom: 10px;
	text-align: center;
	width: 49%;
}
ul.sections a { 
	background: no-repeat 50% 0;
	display: block;
	padding: 100px 0 10px;
	width: 100%;
}
ul.sections li#alliances a { background-image: url(/images/template/peopleThumb.jpg); }
ul.sections li#manufacturers a { background-image: url(/images/template/shakeHandsThumb.jpg); }
ul.sections li#managers a { background-image: url(/images/template/deskThumb.jpg); }
ul.sections li#dealers a { background-image: url(/images/template/officeWallThumb.jpg); }