/* 
filename: ma.css
created by Kraig Larson, Ciceron Inc., Aug 2008
*/

body { margin: 0; padding: 0; text-align: center; background: #fff; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.0; } 
#bod { position: relative; margin: 0 auto; width: 970px; text-align: left; }

#hero.home {
    height: 345px;
    background: #fff url(i/box-shadow-full-width-blue-line.png) bottom left no-repeat !important;
    background: #fff url(i/box-shadow-full-width-blue-line.png) 325px left no-repeat;
}

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

#hiddenlink {
  color: #fff;
  text-decoration: none;
  cursor: text;
}

a:link { color: #03c; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #ad0838; text-decoration: underline; }

.float-left { float: left; margin-right: 0.5em; margin-bottom: 1em; }
.float-right { float: right; margin-left: 0.5em; margin-bottom: 1em; }

.inlineimage, .inline-contact {
	background: url(../images/box-shadow-inline-550.png) no-repeat left bottom;
	padding: 0 10px 9px 10px;
}
.inlineimage img { display: block; margin:0; padding:0; border:0; }
.inline-contact { margin-bottom: 3em; }
.inline-contact h5 {
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	border: 1px solid #ad0838;
	background: #d70845 url(../images/contact-box-bkgd.png) bottom left repeat-x;
	margin: 2em 0 0 0;
	width: 550px;
	padding: 8px 0;
	text-align: center;
}
.inline-contact a:link, .inline-contact a:visited { color: #fff; text-decoration: underline; }
.inline-contact a:hover, .inline-contact a:active { color: #000; text-decoration: underline; }


/* start: page header */
#hdr {
	position: relative; 
	margin: 20px 10px 0 10px;
}
#logo { }
#logo a { 
	display: block; text-indent: -999em; 
	width: 322px; height: 93px;
	background: url(../images/logo-motivaction-worldwide.png) 0 0 no-repeat;
}
/* remove the tagline on the home page */
body#home #logo a, body#motivaction-llc-performance-improvement-solutions #logo a,
body#motivaction-llc-performance-improvement-solutions-2 #logo a {
  background: url(../images/logo-motivaction-worldwide-no-tagline.png) 0 0 no-repeat;
}
#nav { height: 68px; overflow: hidden; background-color: #5a87c5; }
#nav ul, #nav li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav li a { display: block; width: 100px; height: 68px; text-indent: -999em; float: left; }
#nav #nav-about-motivaction a { width: 121px; background-image: url(../images/nav-about-motivaction.png); }
#nav #nav-incentive-travel a { width: 95px; background-image: url(../images/nav-incentive-travel.png); }
#nav #nav-meetings-events a { width: 106px; background-image: url(../images/nav-meetings-events.png); }
#nav #nav-channel-marketing a { width: 109px; background-image: url(../images/nav-channel-marketing.png); }
#nav #nav-sales-incentives a { width: 105px; background-image: url(../images/nav-sales-incentives.png); }
#nav #nav-employee-recognition a { width: 122px; background-image: url(../images/nav-employee-recognition.png); }
#nav #nav-customer-promotions a { width: 114px; background-image: url(../images/nav-customer-promotions.png); }
#nav #nav-global-execution a { width: 178px; background-image: url(../images/nav-global-execution.png); }
#nav li a:hover, #nav li a:active { background-position: bottom left; }
#nav li.current a, #nav li.current a:link, #nav li.current a:visited, 
  #nav li.section a, #nav li.section a:link, #nav li.section a:visited { background-position: bottom left; }

#subnav { position: absolute; top: 211px; left: 20px; height: 44px; overflow: hidden; }
#subnav ul, #subnav li { margin: 0; padding: 0; list-style: none; display: inline; }
#subnav li a { display: block; width: 100px; height: 44px; text-indent: -999em; float: left; }
#subnav #subnav-1 a { width: 98px; background-image: url(../images/subnav-benefits.png); }
#subnav #subnav-2 a { width: 152px; background-image: url(../images/subnav-service-details.png); }
#subnav #subnav-3 a { width: 139px; background-image: url(../images/subnav-case-studies.png); }
#subnav li a:hover, #subnav li a:active { background-position: 0px 88px; }
#subnav li.current a, #subnav li.current a:link, #subnav li.current a:visited, #subnav li.current a:hover, #subnav li.current a:active { background-position: bottom left; }



#topnav { position: absolute; top: 66px; right: 0; text-align: right; color: #666; }
#topnav a:link, #topnav a:visited { color: #666; text-decoration: none; padding: 0 0.2em; }
#topnav a:hover, #topnav a:active { color: #333; text-decoration: underline; padding: 0 0.2em; }
#topnav #topnav-sitemap { position: absolute; left: -999em; }

/* start: search form */
#search {
	position: absolute;
	top: 26px; right: 0;
	text-align: right;
	height: 27px;
}
#search form, #search input, #search button { margin:0; padding:0; display: inline; }
#search input.text { 
	border: 1px solid #b1b4bb;
	padding: 3px;
	line-height: 1.0;
	width: 225px;
	height: 19px;
	font-size: 14px;
	color: #444;
	margin-right: 80px;
}
#search .action {
	border: 0;
	width: 70px; height: 27px;
	background: url(../images/btn-search.png) top left no-repeat;
	text-indent: -999em;
	float: right;
	position: relative;
	top: -27px;
	*top: -28px;
}
#search .action:hover {
	background: url(../images/btn-search.png) bottom left no-repeat;
}
/* end: search form */
/* end: page header */


/* start: hero space */
#hero {
	position: relative;
	clear: both;
	background: #fff url(../images/box-shadow-full-width-blue-line.png) bottom left no-repeat;
	padding: 0 10px 10px 10px;
	margin: 0 0 1em 0;
}
#hero img { display: block; padding: 0; margin: 0; border: 0; }
/* end: hero space */


/* start: footer */
#footer {
	clear: both;
	position: relative;
	background: url(../images/footer-bkgd.png) no-repeat bottom left;
	margin: 0 0 2em 0;
	padding: 0 0 0 22px;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	height: 55px;
}
#footer p { padding: 6px 0 0 0; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #000; text-decoration: underline; }
#footer div {
	position: absolute;
	bottom: 23px; right: 24px;
	text-align: right;
	font-size: 15px;
}
#footer div a:link, #footer div a:visited { color: #fff; text-decoration: underline; }
#footer div a:hover, #footer div a:active { color: #000; text-decoration: underline; }


#ftrquote {
    margin: 1em 355px 0 10px;
    font-size: 14px; line-height: 1.4;
    color: #666;
    min-height: 190px;
    height: auto !important;
    height: 190px;
}

#ftrquote p { padding: 1.5em 0 0.6em 0; margin: 0; }
#ftrquote p.cite { color: #000; font-size: 11px; padding: 0 0 1.5em 0; margin: 0; }
.ftrquote-right { background: no-repeat right bottom; padding: 2em 160px 0 70px; }
.ftrquote-left { background: no-repeat 10px bottom; padding: 2em 70px 0 180px; } 

/* end: footer */


/* start: home three boxes */
#home-about-motivaction { margin: 1em 2em; text-align: center; font-size: 16px; line-height: 1.4; }

.threeboxes { margin: 2em 0; /*overflow: auto;*/ width: 100%; }
.threeboxes .box300 { 
	background: url(../images/box-300-shadow.png) no-repeat bottom left;
	padding-bottom: 9px;
}
.threeboxes .box300 .box { min-height: 170px; }
.boxgray { border: 1px solid #aaa; }
.boxblack { border: 1px solid #000; }
.threeboxes .col1 { width: 322px; float: left; }
.threeboxes .col2 { width: 326px; float: left; }
.threeboxes .col3 { width: 322px; float: left; }
.threeboxes .col1 .box { margin: 0 13px 0 9px; }
.threeboxes .col2 .box { margin: 0 15px 0 11px; }
.threeboxes .col3 .box { margin: 0 11px 0 11px; }

.threeboxes .box h4 {
    padding: 0.4em 0.6em; margin: 0;
    font-size: 14px;
    font-weight: bold;
    background: #16224b;
    color: #fff;
}

.threeboxes .box .content { padding: 0.6em } 
.threeboxes .box .box-pdf {
	background: url(../images/icon-pdf.gif) no-repeat  0.6em 0.6em;
	padding-left: 55px;
}
.threeboxes .box .box-casestudy {
	background: url(../images/icon-case-study.gif) no-repeat 0.6em 0.6em;
	padding-left: 55px;
}
.threeboxes .box .box-weblink {
	background: url(../images/icon-weblink.gif) no-repeat  0.6em 0.6em;
	padding-left: 55px;
}

/* end: home three boxes */


/* start: page content */

.main { margin: 1.5em 0; padding: 0; position: relative; overflow: hidden; width: 100%; } 
.col-wide { padding: 0 24px; line-height: 1.6; }

.col-wide h1 { font-size: 24px; font-weight: normal; color: #16224B; padding: 0; margin: 0.8em 0 0.5em 0; line-height: 1.0; }
.col-wide h2 { font-size: 15px; font-weight: bold; color: #000; padding: 0; margin: 1.5em 0 0.4em 0; line-height: 1.1; }


.two-cols .col-wide { 
	float: left;
	width: 587px;
}
.two-cols .col-biopage { 
	padding: 0;
	float: left;
	width: 635px;
}
* html .two-cols .col-biopage { 
	padding: 0;
	float: left;
	width: 625px;
}


.col-300 {
	float: left;
	width: 322px;
	margin-left: 13px;
}
.col-300 h4 {
	padding: 0; margin: 1em 0 0.5em 8px;
	font-size: 17px;
	font-weight: normal;
}
.col-300 .box300 {
	background: url(../images/box-300-shadow.png) no-repeat bottom right;
	padding-bottom: 9px;
	margin-bottom: 1.25em;
}
.col-300 .box300 .box {
	margin: 0 12px 0px 10px;
}
.col-300 .box300 .box .content {
	padding: 8px;
}
.col-300 .box300 .boxcontact {
	color: #fff;
	border: 1px solid #16224B;
	background: #16224B url(../images/contact-box-bkgd.png) bottom left repeat-x;
	padding-bottom: 0.6em;
}

.col-300 .box300 .boxcontact h4 {
	padding: 0.4em 8px; margin: 0;
	font-size: 19px;
	font-weight: normal;
	background: #16224B;
}

.col-300 .box300 .boxcontact h5 {
	padding: 0; margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}
.col-300 .box300 .boxcontact a:link, .col-300 .box300 .boxcontact a:visited { color: #fff; text-decoration: underline; }
.col-300 .box300 .boxcontact a:hover, .col-300 .box300 .boxcontact a:active { color: #000; text-decoration: underline; }
.col-300 .box300 .boxcontact h4 a:link, .col-300 .box300 .boxcontact h4 a:visited { display: block; color: #fff; text-decoration: none; }
.col-300 .box300 .boxcontact h4 a:hover, .col-300 .box300 .boxcontact h4 a:active { display: block; color: #fff; text-decoration: underline; }
.col-300 .box300 .boxcontact h5 a:hover {
	color: #fff;
}

.col-300 .box300 .boxvideo { background-color: #f00; height: 250px; overflow: hidden; }
.col-300 .box300 .boxvideo img { display: block; margin: 0; padding: 0; border: 0; }

.col-300 .box300 .boxplatform, .col-300 .box300 .boxcasestudies {
	border: 1px solid #e5e5e5;
	line-height: 1.2;
}
.boxcasestudies p {
	background: url(../images/icon-case-study.gif) no-repeat 0 0;
	padding-left: 48px;
}

.col-300 .box300 .boxplatform h4 {
	font-weight: normal;
	font-size: 16px;
	margin: 0.2em 0 0.6em 0;
}

.col-300 .box300 .boxlocation { border: 1px solid #e5e5e5; height: 118px; font-size: 12px; line-height: 1.1; }
.col-300 .box300 .boxlocation img { float: left; margin: 0 8px 0 0; }


.box300calculator {
	width: 320px; height: 63px;
	background: url(../images/box-calculator.jpg) no-repeat bottom right;
	margin-bottom: 1.5em;
}
.box300calculator a:link, .box300calculator a:visited, .box300calculator a:hover, .box300calculator a:active { display: block; padding: 15px 15px 15px 88px; }


.col-300 .box300 .boxbio {
	position: relative;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	margin: 0 12px 0px 10px;
}
.col-300 .box300 .boxbio .content {
	position: absolute;
	width: 190px;
	top: 2px; left: 90px;
	margin: 0;
}
.col-300 .box300 .boxbio .thumb, .col-300 .box300 .boxbio .thumb img {
	display: block; padding:0; margin: 0; border: 0;
}
.col-300 .box300 .boxbio .content p {
	line-height: 1.2;
}



/* end: page content */


/* start: contact form */

.req { color: #ad0838; font-size: 27px; line-height: 1.0; float: left; margin: 0 0.2em; }
#ContactForm_Form { margin: 1em 0 4em 0; overflow: hidden; width: 100%; }

#ContactForm_Form fieldset { clear: both; border: 0; padding: 0; margin: 1.5em 0; }
#ContactForm_Form label { clear: both; display: block; float: left; width: 168px; padding-top: 0.3em; margin: 0 0.5em 0.3em 0; text-align: right; }
#ContactForm_Form input {
	display: block;
	float: left; 
	border: 1px solid #b1b4bb;
	padding: 3px 3px 2px 3px;
	margin: 0 3px 0.5em 0;
	line-height: 1.0;
	width: 230px;
	height: 19px;
	font-size: 13px;
	color: #444;
}
#ContactForm_Form input[type=hidden] { display: none;} 
#ContactForm_Form select {
	display: block;
	float: left; 
	border: 1px solid #b1b4bb;
	padding: 3px 3px 2px 3px;
	margin: 0 3px 0.5em 0;
	line-height: 1.0;
	width: 230px;
	font-size: 13px;
	color: #444;
}

#ContactForm_Form textarea {
	display: block;
	float: left; 
	border: 1px solid #b1b4bb;
	padding: 3px;
	line-height: 1.0;
	width: 320px;
	height: 120px;
	font-size: 13px;
	color: #444;
}

.error { background-color: #ff9; }
p.error { border: 1px solid #b1b4bb; padding: 0.4em; }


#ContactForm_Form #ContactForm_Form_action_submit {
	clear: both;
	display: block;
	margin: 1em 0 0 175px;
	border: 0;
	width: 60px; height: 27px;
	background: url(../images/btn-send.png) top left no-repeat;
	text-indent: -999em;
}
#ContactForm_Form #ContactForm_Form_action_submit:hover {
	background: url(../images/btn-send.png) bottom left no-repeat;
}
/* end: contact form */
* start: article form */
#ArticleForm_Form { margin: 1em 0 4em 0; overflow: hidden; width: 100%; }
#ArticleForm_Form fieldset { clear: both; border: 0; padding: 0; margin: 1.5em 0; }
#ArticleForm_Form label { clear: both; display: block; float: left; width: 168px; padding-top: 0.3em; margin: 0 0.5em 0.3em 0; text-align: right; }
#ArticleForm_Form input {
display: block;
float: left; 
border: 1px solid #b1b4bb;
padding: 3px 3px 2px 3px;
margin: 0 3px 0.5em 0;
line-height: 1.0;
width: 230px;
height: 19px;
font-size: 13px;
color: #444;
}
#ArticleForm_Form input[type=hidden] { display: none;} 
#ArticleForm_Form select {
display: block;
float: left; 
border: 1px solid #b1b4bb;
padding: 3px 3px 2px 3px;
margin: 0 3px 0.5em 0;
line-height: 1.0;
width: 230px;
font-size: 13px;
color: #444;
}
#ArticleForm_Form textarea {
display: block;
float: left; 
border: 1px solid #b1b4bb;
padding: 3px;
line-height: 1.0;
width: 320px;
height: 120px;
font-size: 13px;
color: #444;
}
.error { background-color: #ff9; }
p.error { border: 1px solid #b1b4bb; padding: 0.4em; }
#ArticleForm_Form #ArticleForm_Form_action_submit {
clear: both;
display: block;
margin: 1em 0 0 175px;
border: 0;
width: 60px; height: 27px;
background: url(../images/btn-send.png) top left no-repeat;
text-indent: -999em;
}
#ArticleForm_Form #ContactForm_Form_action_submit:hover {
background: url(../images/btn-send.png) bottom left no-repeat;
}
/* end: article form */


/* start: case studies form */
#casestudiesform { margin: 1em 0 4em 0; }
#casestudiesform select {
	display: block;
	float: left; 
	border: 1px solid #b1b4bb;
	padding: 3px 3px 2px 3px;
	margin: 0 3px 0.5em 0;
	line-height: 1.0;
	width: 230px;
	font-size: 13px;
	color: #444;
}


/* end: case studies form */



/* start: bio page */
#biohdr {
	position: relative;
	overflow: auto; width: 100%;
 	margin: 0 0 1.2em 0;
	padding: 0 0 9px 10px;
	background: url(../images/box-shadow-content-width.png) bottom left no-repeat;
}
#biohdr img { display: block; margin:0; padding:0; border:0; } 
#biohdr #biohdr-content {
	position: absolute;
	left: 260px; top: 6em;
	margin: 0;
	padding: 0;
}

.col-biopage-content { padding: 0 24px; }

/* end: biopage */

.hiddenlink {
  color: #000; 
  text-decoration: none; 
  cursor: text; 
}
