@charset "utf-8";
/* CSS Document */

/* whitespace reset */

p, h1, h2, h3, h4, h5, h6, ul, li, a, img, div {
	margin:0;
	padding:0;
}


/* font size set to 62.5% so that 1em = 10px, 1.2em = 12px etc */

body {
	margin:0;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	background:url(../images/bgGrad.gif) repeat-x #fff;
	font-size:62.5%;
}


h1, h2, h3, h4, h5, h6, .h2, .h3 {
	letter-spacing:-1px;
}

ul {
  list-style-position:inside;
  margin-bottom:1em;
}

#checkmark_bullets li {
	font-size:1.3em;
	line-height:1.4em;
	list-style-image:url(/images/checkmark_small.png);
}

p {
	font-size:1.2em;
	line-height:1.6em;
	margin:0 0 10px 0;
}

a { color: #01649b;}


a img {
	border:none;
	outline:none;
}

.alignCenter {
    text-align:center;
}

.noUnderline {
    text-decoration:none;
}

.alignRight {
    margin-left:2em;
}

.bottomSpace {
    margin-bottom:3em;
}

.distanceTop {
    margin-top:2em;
}

.distanceBottom {
    margin-bottom:2em;
}

.float_right {float:right;}
.float_left {float:left;}

/*container  */

#container {
	width:1010px;
	margin:auto;
}

.container_list {
	font-size: 1.2em;
	line-height: 1.6em;
}

/* ********************************************header************************************************* */

/* header */

#header {
	height:104px;
	background:url(../images/cogsHeader.png) no-repeat 50px -30px;
/*	margin:17px 0 0 0;*/
	margin:0;
	position:relative;
}

.headerLogo {
	padding:27px 0 0 0;	
}

#alt_target {
	margin-left:22px;
}


/*nav */

#nav {
	position:absolute;
	top:20px;
	right:0px;
}

#nav ul {
	padding:20px 0 0 0;
	
}

#nav li {
	list-style-type:none; 
	float:left;
}

#nav ul li a {
	text-decoration:none;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-1px;
}

#nav ul li.sep {
	background:url(../images/navSep.gif) no-repeat;
	padding: 10px 10px 16px 0;
	margin-left: 10px;
}


/* these 2 classes place red bg on active link, and allow for alignment in bug IE */
.navActive {
	color:#fff;
}

.navActiveBg {
	background:url(../images/navHighlight.png) no-repeat;
	width:115px;
	height:40px;
	margin-top:-5px;
	text-align:center;
	padding-top:5px;
}
/* ******************************************************************************* */



.navBlack {
	color:#000;
	padding:16px;
}

.navRed {
	color:#bf1e2d;
	padding:16px;
}

/* ********************************************feature************************************************* */

/* feature */

#feature {
	width:1010px;
	height:403px;
	background:url(../images/featureBg.png) no-repeat;
	position:relative;
}


/* featureScroll */

.frame {
	width:970px;
	height:290px;
	padding:10px 20px 20px 20px;
	position:relative;
	
}

.frame h1 {
	color:#fff;
	font-size:3.6em;
	line-height:1em;
	margin:20px 0 10px 0;
	width:51%;
}

.frame h2, .h2 {
	color:#fff;
	font-size:3.3em;
	font-weight:200;
	margin:0 0 10px 0;
	
	
}

.frame h3, .h3 {
	color:#fff;
	font-size:1.6em;
	line-height: 22px;
	font-weight:200;
	margin:0 0 20px 0;
	
}

.screenShot {
	width:470px;
	height:260px;
	background:url(../images/browserFrame.png) no-repeat;
	padding:43px 0 0 19px;
	position:absolute;
	top:20px;
	right:0px;
}


/*featureButton */

.featureButton {
	padding: 0 0 0 0;
}

.featureButton li {
	float:left;
	list-style-type:none;
	margin:0 5px 0 -7px;
}

.marginTop {
  clear: both;
  padding-top: 1em;
}

#subPageRight .featureButton li {
  font-size: 1.6em;
  line-height: 1.2em;
  margin-left: 2em;   
}

.featureButton li a {
	text-decoration:none;
	width:197px;
	padding:25px 0 25px 0;
	background:url(../images/featureButton.png) no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#bf1e2d;
	outline:none;
}

.featureButton li a:hover {
	background-position: 0 -69px;
}

/*.featureButton li a:active {
	background-position: 0 -138px;
}*/

/*scrollMenu */

#scrollMenu {
	position:absolute;
	bottom:0;	
	
}

#scrollMenu ul li {
	float:left;
	list-style-type:none;
}

#scrollMenu ul li a {
	text-decoration:none;
	width:202px;
	height:44px;
	padding-top:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}

.smButtonActive {
	color:#fff;
}

.smButtonMiddle {
	background:url(../images/smButtonMiddle.jpg) no-repeat;
	color:#bf1e2d;
}

.smButtonRight {
	background:url(../images/smButtonRight.jpg) no-repeat;
	color:#bf1e2d;
}

.smButtonLeft{
	background:url(../images/smButtonLeft.jpg) no-repeat;
	color:#bf1e2d;
}

.smButtonMiddle:hover {
	background-position: 0 -74px;
}

.smButtonRight:hover {
	background-position: 0 -74px;
}


.smButtonLeft:hover {
	background-position: 0 -74px;
}

/* buttonNext */

#buttonNextNormal {
	background:url(../images/buttonNext.png) no-repeat;
	height:36px;
	width:78px;
	padding:13px 0 0 11px;
	margin-bottom:12px;
}

#buttonBackNormal {
	background:url(../images/buttonBack.png) no-repeat;
	height:36px;
	width:78px;
	padding:13px 0 0 22px;
	margin-bottom:12px;
}


#buttonNext {
	background:url(../images/buttonNext.png) no-repeat;
	height:36px;
	width:78px;
	position:absolute;
	top:150px;
	right:0px;
	padding:13px 0 0 11px;
}

#buttonNext a, #buttonNextNormal a, #buttonBackNormal a {
	color:#fff;
	text-decoration:none;
	font-size:1.6em;
	font-weight:bold;
	
}


/* ********************************************body text************************************************* */


#contentContainer {
	position:relative;
	margin:30px 0 0 0;
}

#saas h2 {
	font-size: 2em !important;
	margin-top: 1em;
}

#saas p {
	font-size: 1.4em;
}

.homeCC h4 {
	font-size:1.8em;
	color:#bf1e2d;
	margin-bottom:30px;
}

.homeCC h5 {
	font-size:1.4em;
	color:#322d2e;
	margin-bottom:5px;
}


/* homeContentLeft */

#homeContentLeft {
	width:320px;
}

.benefitsList {
	list-style-type:none;
}

.benefitsList li {
	padding:0 0 20px 60px;
}


/* these classes provide the names for the benefit icons */

.benefit1 {
	background:url(../images/tools.png) no-repeat;
}

.benefit2 {
	background:url(../images/productivity.png) no-repeat;
}

.benefit3 {
	background:url(../images/time.png) no-repeat;
}

.benefit4 {
	background:url(../images/users.png) no-repeat;
}

.benefit5 {
	background:url(../images/comment.png) no-repeat;
}

.benefit6 {
	background:url(../images/mail.png) no-repeat;
}

/* homeContentMiddle */

#homeContentMiddle {
	width:350px;
	position:absolute;
	left:380px;
	top:20px;
	padding:0 50px 0 0;
}

#homeContentMiddle h5 {
	font-size:1.6em;
	margin:30px 0 10px 0;
}

/* homeContentRight */

#homeContentRight {
	width:223px;
	position:absolute;
	left:785px;
	top:0;
}

#homeContentRight h5 {
	font-size:1.6em;
	margin:30px 0 10px 0;
}

.homeBlogItem {
	margin:0 0 30px 0;
}

.about_bauland42 {
  clear:both; 
  padding-top: 5em;
}


/* ********************************************footer************************************************* */

#footerContainer {
	width:100%;
	background:#f0f2f2;
	border-top:#ddd9d9 solid 1px;
	
	margin-top:40px;
}


#footerContent {
	width:1010px;
	margin:auto;
	background:url(../images/cogsFooter.jpg) no-repeat top right;
	
	padding:30px 0;
}

#footerContent h6 {
	font-size:1.4em;
	margin-bottom:10px;
}


/*siteMap */

#siteMap {
	
}

#siteMap li {
	list-style-type:none;
	float:left;	
	margin:0 50px 0 0;
}

#siteMap li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:1.2em;
	margin-bottom:5px;
}

#siteMap li a:hover {
	text-decoration:underline;
	color:#bf1e2d;
}


/* FB Connect */

#fb_connect {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#F0F2F2;
height:25px;
margin-top:20px;
padding:5px;
text-align:right;
}

/*footerContact*/

#footerContact {
	float:right;
}


#footerContact li {
	float:left;
	list-style-type:none;
	margin-left:30px;
}

.fcNoHeader {
	margin-top:25px;
}

#copyRight {
	clear:both;
	margin:160px 10% 0 20%;
	font-size:1.2em;
}



/* *******************************************subPage styles************************************************ */




body.subPage h1 {
	font-size:4em;
	margin:0 0 20px 0;
}

body.subPage #subPageFull h2 {
  margin-top:2em;
}

body.subPage h2 {
	font-size:3em;
	color:#bf1e2d;
}

body.subPage h3 {
	font-size:1.8em;
	color:#bf1e2d;
	margin-bottom:30px;
}

body.subPage h4 {
	font-size:1.6em;
	color:#000;
	margin-bottom:5px;
}

.subPage #contentContainer li {
	font-size:1.2em;
/*	line-height: 2em;*/
}

#subPageFull p {
  font-size:1.6em;
}

/*subPageHeading */

#subPageHeading {
	border-top:1px solid #bcb9b9;
	border-bottom:1px solid #bcb9b9;
	padding:30px 0 40px 0;
	text-align:center;
}


/*subPageLeft*/

#subPageLeft {
	width: 700px;
	padding:0 40px 0 0;
	position: static;
	/*zoom: 1;*/
}

/*subPageRight*/

#subPageRight {
	position:absolute;
	width:255px;
	top:4em;
	right:0;
}



#slideshow {
	height: 320px;
	overflow: hidden;
}
	.slide_container {
		width: 10000px;
		height: auto;
		position: relative;
	}	
		#slideshow .frame {
			float: none;
			margin-right: 40px;
			overflow: hidden;
			
		}
		html>body #slideshow .frame { float: left;}


.subPageTargetGroupImage img {border: 1px solid #999; padding: 8px;}

#target_group_intro {
	font-size: 1.4em;
	margin-top:1.8em;
	float: left;
}

#saas .featureButton li, .subPage .featureButton li {
	font-size: 1em !important;
}

.subPageTargetGroupImage {
	float:left;
	width:35%;
	margin:0 0 5em 2em;
}

.subPageTargetGroupText {
	float:right;
    margin:0;
	width:60%;
}

.subPageTargetGroupText li, .subPageTargetGroupText p {
  font-size:1.2em;
  line-height:1.6em;
}

.subTargetGroupFull .subPageTargetGroupText { width: 86%;}
.subTargetGroupFull .subPageTargetGroupImage { width: 10%; }

/* slideshow navigation */
.tour-nav {
	position:absolute;
	bottom:0;	
}
.tour-nav li {
	float: left;
	list-style: none;
}
.tour-nav li a {
	text-decoration:none;
	width:202px;
	height:44px;
	padding-top:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}

div.tour    {margin-top:2em;}
div.tour h2 {font-size: 3em; color: #000;}
div.tour p  {font-size: 1.4em;}
div.tour p strong {font-size: 1.2em;}
#tour_links {
	margin-top: -20px;
	text-align: center;
	font-size: 1.3em;
}
.dontShow {
  display:none;
}

/* *******************************************price styles************************************************ */

#price_table {margin-bottom: 2em;}
#price_table th {
	background-color: #CCC;
	color: #bf1e2d;
	padding: 0.5em;
	font-size: 1.5em;
}

#price_table tr td {
	padding: 0.5em;
	font-size: 1.5em;
	text-align: center;
	margin-top: 1em;
	vertical-align:top;
}

#price_table td.left_header {
	text-align: left;
	background-color: #CCC;
}

#price_table td.highlight {
	background-color: #bf1e2d;
}

#price_table h1 { font-size: 1.6em; margin:0.5em; color:#bf1e2d;}
#price_table h2 { font-size: 1.3em; margin:0.5em; color: #000; border-bottom: 1px solid #000;}
#price_table a { font-size: 1.1em; margin:0.5em; color: #bf1e2d; font-weight: bold;}
#price_table td.highlight a {color: #000;}
#price_table h3 { font-size: 1.2em; margin:0.5em; color: #000; }
#price_table h4, #price_table h5 { font-size: 1em; margin:0.5em; color: #000;}
#price_table h5 { border-bottom: 1px solid #000; padding-bottom: 0.2em;}
#price_table h6 { font-size: 1em; margin:0.5em; color: #000;}

#price_table td.highlight h1 {color: #fff;}
#intranet h1 {font-size: 1.2em;}
#intranet h1 span {color: #000;}
#intranet {margin-top: 1em;border: 1px solid #E4E4E4;}
h3#all_plans {margin-bottom: 0.5em;}
h3#all_plans a {color: #BF1E2D;}

h6.timetrackers a, h6.calendars a, h6.forums a, .black {color: #000 !important;}

/* ******************************************* help ************************************************ */

h2.faq_header, #top_faq h2, h2.faq_header_overview {font-size: 1.2em;}
#top_faq_header {margin-top: 1em; margin-bottom: 0.2em;}
.faq_body p {margin-bottom: 1em; font-size: 1em;}
#top_faq {padding:1em; border: 1px solid #999; margin-bottom: 2em;}
#top_faq li, .faq_list li {list-style: none; margin-left: 10px;}
#top_faq li a, .faq_list li a {font-size: 1.4em; line-height: 1.7em; color: #01649b;}
#faq { padding-top: 1em; clear:both;}
div.faq {padding-bottom: 1em;}
div.faq h2 { font-size: 2.2em;}
.faq_list .more_about_this a {font-size: 1.1em;}

#faq_topics a {font-size: 1.4em;}

#right_bar { margin-left: 1em; float:left; width:20%; background-color: #CCC;
	border: 1px solid #999; font-size:0.8em; padding: 0.5em; margin-top: 1.3em;}

/* ******************************************* tags ************************************************ */

.glossary_list_intro {
	font-size: 1.4em;
}

.glossary_list {
	font-size: 1.2em;