/* @override http://healthdec.com/css/all.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: 12px/1.5 arial, verdana, sans-serif; color: #666; background: #FFF url(../images/background-body.jpg) 50% 0 no-repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #2179b8;
	text-indent: -0.5em;
	padding-right: 2em;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

hr{ color: #CCC; background: #CCC; border: none; height: 1px; margin-bottom: 18px; }

table{ width: 100%; margin: 0 0 18px 0; }
table tr td{ vertical-align: top; }


/* General */

#wrapper{ width: 1000px; margin: 0 auto; }



/* Header */

#header{ position: relative; height: 142px; }
#logo{ position: absolute; top: 61px; left: 25px; }

#primary{ position: absolute; right: 28px; top: 88px; width: 800px; text-align: right; }
#primary li{ display: inline; padding-left:16px /*28px*/; }
#primary li a{ font-size: 16px; color: #888; line-height: 16px; text-decoration: none; }
#primary li a:hover, #primary li a.current{ color: #e31b24; }

#secondary{
	width: 956px;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 20px;
	
	background: #E9ECEE url(../images/background-header-tab-left.png) bottom left no-repeat;
	
	text-align: right;
	line-height: 40px;
}
#secondary li{ display: inline; color: #FFF; }
#secondary li a{ text-decoration: none; color: #748d9b; padding: 0 8px; }
#secondary li a:hover{ color: #4d5f69; }
#secondary li a#twitter {background:url(../images/twitter.png) right top no-repeat; padding:2px 24px 6px 0; overflow:visible; margin:0 10px 0 0;}
#secondary li form, #secondary form fieldset{ display: inline; }
#secondary li form{ position: relative; top: 6px; padding-right: 8px; }
html > body #secondary li form{ top: 0; }
#login{ position: absolute; top: 0; right: 23px; width: 210px; height: 31px; text-indent: -9999px; background: transparent url(../images/button-hd360.png) 0 0 no-repeat; }
#login:hover{ background-position: 0 -31px; }
#whats-this{ position: absolute; top: 9px; right: 33px; color: #a9a9a9; font-size: 11px; line-height: 11px; }
#whats-this:hover{ color: #4e5b63; }


/* Content */

#content-header{ position: relative; height: 127px; background: transparent url(../images/background-content-header.png) 0 0 no-repeat; }
#content-header h1{ position: relative; z-index: 2; padding: 50px 0 0 50px; font-size: 3em; line-height: 0.75em; font-weight: normal; color: #e31620; }
#content-header p{ position: absolute; z-index: 1; top: 31px; right: 33px; width: 732px; height: 67px; margin: 0; }

#content-wrapper{ padding: 0 37px 34px 37px; background: transparent url(../images/background-content.png) bottom no-repeat; }
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content{ float: right; width: 636px; padding-right: 37px; }
#content h1{ font-size: 18px; line-height: 27px; padding: 17px 0; border-top: 1px solid #e9ecee; margin: 0; color: #e31b24; }
#content h2, #content p, #content ul{ margin: 0 0 18px 0; line-height: 1.5em; }
#content h2, #content h2 a{ color: #2179b8; font-size: 16px; margin: 0 0 1em 0; font-weight: normal; }
#content h3{ font-size: 13px; color: #6a6a6a; margin: 1.5em 0; }
#content p{ font-size: 13px; color: #6a6a6a; }
#content ul{ margin-left: 1.5em; list-style: disc; }
#content ul li h2{ margin-top: 0; }

#sidebar{ float: left; width: 215px; }

.sidebar-menu-wrapper{ margin-bottom: 18px; background: #eaedee url(../images/background-sidebar-top.png) 0 0 no-repeat; }
.sidebar-menu{ min-height: 86px; background: transparent url(../images/background-sidebar-bottom.png) bottom no-repeat; }
.sidebar-menu h2{ padding: 9px 22px; }
.sidebar-menu ul{ margin-bottom: 18px; background: transparent url(../images/background-sidebar-divider.png) top no-repeat; }
.sidebar-menu li{ display: block; background: transparent url(../images/background-sidebar-divider.png) bottom no-repeat; }
.sidebar-menu li a{ display: block; margin: 0 22px 0 0; padding: 14px 0 14px 22px; font-size: 14px; color: #888; line-height: 1.25em; text-decoration: none; }
.sidebar-menu li a:hover, .sidebar-menu li a.current{ color: #e31b24; }
.sidebar-menu li a.current{ background: transparent url(../images/background-sidebar-menu-arrow.png) right no-repeat; }

#sidebar form{
	margin: 15px 0 0 0;
	padding: 15px;
}
	#sidebar form fieldset{
		margin: 0 0 15px 0;
	}
		#sidebar form h2{
			color: #E31B24;
			font-size: 14px;
			font-weight: normal;
			
			margin: 0 0 15px 0;
			padding: 0;
		}
		#sidebar form p{ margin: 0 0 15px 0; }
		#sidebar form label{ display: block; }

/* Content - Home */

#content-wrapper-home{ position: relative; background: transparent url(../images/background-content-home.png) 0 0 no-repeat; height: 719px; }

#content-feature{ position: relative; padding: 38px; }
#content-feature h1{ position: absolute; top: 40px; right: 61px; width: 291px; height: 77px; text-indent: -9999px; background: transparent url(../images/subheader-what-is-agile.png) 0 0 no-repeat; }
#content-feature p{ position: absolute; top: 131px; right: 61px; width: 291px; font-size: 14px; line-height: 26px; color: #9f9f9f; }
#content-feature a#learn-more{ position: absolute; top: 340px; right: 61px; display: block; width: 129px; height: 18px; text-indent: -9999px; background: transparent url(../images/button-learn-more.png) 0 0 no-repeat; }
#content-feature a#learn-more:hover{ background-position: 0 -18px; }

#intro-video-container{ position: relative; top: -9px; left: -9px; width: 592px; height: 341px; }
a.rss{ position: absolute; top: 3px; right: 0; padding: 0 0 0 24px; font-size: 11px; color: #b7b7b7; text-decoration: none; background: transparent url(../images/icon-rss.png) left no-repeat; }

#content-video{ position: absolute; left: 41px; bottom: 42px; width: 235px; height: 271px; }
#content-video h2{ font-size: 14px; line-height: 18px; margin: 6px 0; color: #405967; font-weight: normal; }
#content-video p{ font-size: 11px; line-height: 15px; color: #9f9f9f; margin: 0 0 6px 0; }
#content-video a.rss{ position: relative; top: 0; right: none; margin: 0 10px 0 0; padding: 0; background: none; }
#content-video a.rss img{ vertical-align: middle; margin-right: 3px; }
a.plus{ color: #748d9b; text-decoration: none; margin: 0 10px 0 0; padding: 0 0 0 10px; background: transparent url(../images/icon-plus.png) left no-repeat; }

#content-posts{ position: absolute; left: 310px; bottom: 42px; width: 302px; height: 271px; }
#content-posts h2{ width:178px; height: 27px; line-height: 27px; margin: 0 0 10px 15px; background: transparent url(../images/header-from-our-blog.png) 0 0 no-repeat; text-indent: -9999px; }
#content-posts.now h2{width:252px; height:39px; background-image:url(../images/header-whats-happening.png); margin-bottom:5px;}
#content-posts.now2 h2{width:157px; height:21px; background-image:url(../images/header-whats-new.png); margin-bottom:5px;}

#content-posts h3{ font-size: 14px; line-height: 18px; margin: 0 0 4px 15px; color: #405967; font-weight: normal; }
#content-posts h3 a{ color: #405967; }
#content-posts p{ font-size: 11px; line-height: 15px; color: #666; margin: 0 0 4px 15px; }
#content-posts p.meta, #content-posts p.meta a{ color: #748d9b; }
#content-posts p.meta{ margin: 0 0 10px 15px; }

#content-twitter{ position: absolute; left: 310px; bottom: 42px; width: 302px; height: 271px; }
#content-twitter h2{width:252px; height:39px; background:#fbfbfb url(../images/header-whats-happening.png) no-repeat; padding-bottom:5px; text-indent:-9999px;}

#content-twitter h3{ font-size: 14px; line-height: 18px; margin: 0 0 4px 15px; color: #405967; font-weight: normal; }
#content-twitter h3 a{ color: #405967; }
#content-twitter p{ font-size: 11px; line-height: 15px; color: #666; margin: 0 0 4px 15px; }
#content-twitter p.meta, #content-posts p.meta a{ color: #748d9b; }
#content-twitter p.meta{ margin: 0 0 10px 15px; }

#content-news{ position: absolute; right: 37px; bottom: 42px; width: 302px; height: 271px; }
#content-news h2{ width: 157px; height: 21px; line-height: 21px; margin: 0 0 16px 0; background: transparent url(../images/header-whats-new.png) 0 0 no-repeat; text-indent: -9999px; }
#content-news h2{ background-image: url(../images/header-events-and-pubs.png); height: 30px; width: 291px; }
#content-news.now h2{width:182px; height:27px; background-image:url(../images/header-now-featuring.png);}
#content-news ul li:first-child{ margin: 0 0 24px 0; }
#content-news h3{ font-size: 14px; line-height: 18px; margin: 0 0 4px 0; font-weight: normal; }
#content-news h3 a{ color: #405967; }
#content-news p{ font-size: 11px; line-height: 15px; color: #9f9f9f; margin: 0 0 4px 0; }
#content-news p.byline{ color: #e41b25; }
#content-news p.meta a{ color: #748d9b; text-decoration: none; margin: 0 10px 0 0; padding: 0 0 0 10px; background: transparent url(../images/icon-plus.png) left no-repeat; }
#content-news form label{ display: block; }
#content-news form h3{ color: #e41b25; }

#content-form{ position: absolute; right: 37px; bottom: 32px; width: 282px; height: 266px; padding: 11px 15px 15px; background: url(../images/home-trial-bg.png) no-repeat 0 0; }
#content-form h2{ width: 198px; height: 27px; line-height: 27px; margin: 0;  background: transparent url(../images/header-trial.png) 0 0 no-repeat; text-indent: -9999px; }
#content-form h2, #content-form p{ padding-bottom: 10px ;}
#content-form label{ float: left; width: 80px; margin-right: 10px; text-align: right; }
#content-form input{ width: 180px; }
#content-form input.submit{ width: auto; margin: 5px 0 0 90px; }

#planning-a-trial-small-email{ margin: 10px 0 0 0; }

#content-guide{ position: absolute; padding:54px 16px 0 32px; right: 37px; bottom: 35px; width: 290px; height: 245px; background:url(../images/background-agile.png); }
#content-guide h2{display:none;}
#content-guide p{ font-size: 11px; line-height: 15px; color: #666; margin: 0 0 20px 0; margin-right:136px; }
#content-guide p a.button{ display:block; width:161px; height:18px; background: url(../images/button-win-copy.png) no-repeat 0 0; text-indent:-9999px; margin-bottom:28px;}
#content-guide p a.button:hover{ background-position: 0 -18px; }
#content-guide p a.book{ position: absolute; display: block; left: 212px; top: 64px; width: 102px; height: 146px; }
#content-guide h3{ font-size: 14px; line-height: 18px; margin: 0 136px 4px 0; font-weight: normal; }
#content-guide h3 a{ color: #405967; }
#content-guide blockquote{padding: 0;}
#content-guide blockquote p{margin:0!important; color:#2179b8; font-size:14.15px; font-weight:normal; text-indent:-0.4em; width:279px!important;}
#content-guide cite{font-style:normal; float:right;}

#content-consulting{ position: absolute; padding:54px 16px 0 32px; right: 37px; bottom: 35px; width: 290px; height: 245px; background:url(../images/background-consulting.png) center center; }
#content-consulting h2, #content-consulting h3{display:none;}
#content-consulting p{color:#9f9f9f; font-size:11px; line-height:15px; margin:35px 0 5px 0; width:120px;}
#content-consulting a{background: transparent url(../images/button-learn-more.png) 0 0 no-repeat; display:block; height:18px; margin-left:150px; margin-top:30px; text-indent:-9999px; width:129px;}
#content-consulting a:hover{background-position:0 -18px;}

#content-dia{color:#989898; font-size:12px; position:absolute; padding:22px 16px 0 32px; right:30px; bottom:24px; width:299px; height:282px; background:url(../images/background-dia.png) center center no-repeat;}
#content-dia h2{background:url(../images/header-dia.png) no-repeat; display:block; height:19px; margin:0 0 10px 0!important; text-indent:-9999px; width:265px;}
#content-dia h3{ color: #405967; font-size:15.5px; font-weight:normal; margin:0 0 12px 0;}
#content-dia p{width:137px; font-size:11.25px; line-height:14px; margin:0 0 28px 0;}
#content-dia p span{color:#2179b8;}
#content-dia a{background:url(../images/button-blog-post.png) 0 bottom no-repeat; cursor:pointer; display:block; height:19px; text-indent:-9999px; width:186px;}
#content-dia a:hover{background-position:0 top;}

/* Content - List/Blog */

#content a{ color: #405967; }

#content .entry{ margin: 0 0 18px 0; }
#content .entry:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content .entry h2{ font-size: 14px; line-height: 18px; margin: 0 0 4px 0; font-weight: normal; }
#content .entry h2 a{ color: #405967; }
#content .entry p{ font-size: 12px; line-height: 18px; color: #9f9f9f; margin: 0 0 0 0; }
#content .entry p.byline{ margin: 0 0 2px 0; color: #e41b25; }
#content .listing p{ margin: 0; }

#comments form label{ display: block; }
#comments form textarea{ width: 400px; height: 150px; }
#comments form fieldset{ margin: 0 0 18px 0; }

#comments ol{ margin: 18px 0 0 1.5em; list-style: decimal; }
#comments ol li .comment-meta{ font-weight: bold; }
#comments ol li{ margin-bottom: 18px; }


/* Content - Media Center Listing */

#content ul#media-center-categories{ margin: 0; padding: 0; left: 0; }
#content ul#media-center-categories li{ position: relative; display: block; width: 642px; height: 156px; margin: 0 0 12px 0; padding: 0 14px; background: transparent url(../images/background-media-category.png) 0 0 no-repeat; }
#content ul#media-center-categories li h2{ padding-bottom: 14px; line-height: 32px; height: 32px; color: #1a65a5; margin: 0; }
#content ul#media-center-categories li .media-category-content{  }
.media-category-image{ float: left; width:126px; height: 96px; margin-right: 14px; overflow: hidden; border: 1px solid #CCC; }
#content ul#media-center-categories li .media-category-photos img{ float: left; margin-right: 8px; }
#content ul#media-center-categories li h3{ margin: 0; }
#content ul#media-center-categories li h3 a{ font-size: 16px; color: #db171e; font-weight: normal; }
#content ul#media-center-categories li p{ margin: 6px 0; color: #364a58; line-height: 1.2em; }
#content ul#media-center-categories li a.more{ color: #1a65a5; font-style: italic; }
#content ul#media-center-categories li a.all{ display: block; width: 47px; height: 9px; position: absolute; top: 13px; right: 17px; text-indent: -9999px; }


/* Content - Press Releases */
#content #press-release h1#press-release-title{ font-size: 18px; line-height: 27px; padding: 17px 0 0 0; border-top: 1px solid #e9ecee; margin: 0; color: #e31b24; }
#content #press-release h2{ margin-top: 0; color: #666; padding: 0 0 17px 0; border-bottom: 1px solid #e9ecee; }
#content #press-release h3, #content #press-release h3 a{ color: #2179b8; font-size: 16px; margin: 2em 0 1em 0; font-weight: normal; }
#content #press-release h4{ font-size: 13px; color: #6a6a6a; margin: 1.5em 0; }

#press-release-header{ padding: 13px 0; color: #a9b0b2; text-transform: uppercase; }
#press-release-header ul, #press-release-header li{ display: inline; }
#press-release-header ul li{ margin: 0 24px 0 0; }
#press-release-header ul li a{ color: #999; text-transform: none; font-size: 11px; text-decoration: none; }
#press-release-header ul li a img{ vertical-align: middle; margin: 0 5px 0 0; }

#quotes{ position: relative; width: 671px; min-height: 215px; margin: 0 0 18px 0; background: #f7f9fa url(../images/background-quotes-bottom.png) bottom left no-repeat; }
#quotes-wrapper{ width: 671px; padding: 0 0 0 0; background: transparent url(../images/background-quotes-top.png) top left no-repeat; }
#quotes-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#quotes h2{ position: absolute; text-indent: -9999px; }

#quotes #quotes-content{ width: 623px; margin: 25px 0; padding: 70px 24px 0 24px; }
#quotes.with-sidebar #quotes-content{ float: left; display: inline; width: 421px; border-right: 1px solid #FFF; }
#quotes-content p{ color: #405866; }
#quotes-content cite{ display: block; color: #e31b24; }
 
#quotes #quotes-sidebar{ float: right; display: inline; width: 201px; padding-bottom: 25px; position: relative; }

#quotes-image{ width: 154px; height: 198px; margin: 14px 0 0 24px; padding: 11px 10px 10px 11px; background: transparent url(../images/background-quotes-shadow.png) 0 0 no-repeat; }
#quotes-image img{ width: 132px; height: 176px; }

#quotes-sidebar-content{ padding: 0 30px; }
#quotes-sidebar-content strong{ color: #4d6370; }
#quotes-sidebar-content p{ font-size: 12px !important; margin: 0; padding: 0; }


/* Content - FAQs */

#content #faqs, #content #leaders{ list-style: none; }
#content #faqs a, #content #leaders a{ text-decoration: none; }
#content #faqs h2, #content #leaders h2{ margin-bottom: 1em; }


/* Content - Photo Gallery */

#content ul.gallery{ margin: 0; padding: 0; list-style: none; }
#content ul.gallery li{ display block; float: left; width: 25%; height: 100px; text-align: center; }

/* Content - Landing Pages */

.landing #content { float: left; width: 550px; }
.landing #sidebar { float: right; width: 325px; margin-right: 10px; }
.landing #content h2 { font-size: 20px; font-weight: bold; color: #657f8b; margin-bottom: 0.25em; }
.landing #content p { font-size: 14px; }
.landing .form { padding: 15px; background: #eef1f3; border: 1px solid #dbe2e4; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

/* Footer */

#footer{ position: relative; margin: 0 24px 18px 24px; font-size: 11px; color: #959fac; }
#footer ul{ position: absolute; top: 0; right: 0; }
#footer ul li{ display: inline; }
#footer, #footer a{ color: #959fac; text-decoration: none; }
#footer a:hover{ color: #4d5f69; }

/* TWEETS */
#tweets{background:url(../images/background-tweets.png) no-repeat; height:242px; width:298px; overflow:hidden!importxant; padding:10px 0 3px 0;}
#tweets .tweet{border-bottom:1px dotted #e0e2e1; padding:0 10px 4px 10px; margin-bottom:4px; }
#tweets a{color:#3a89c4; text-decoration:none;}
#tweets .tweet-left{float:left;}
#tweets .tweet-right{float:right; width:248px; color:#333!important;}
#tweets .tweet-right p.text{ line-height:11.5px; font-size:10.5px;}
#tweets .twitter-link{text-align:right; margin-right:6px;}
#tweets .twitter-link a{color: #748d9b; background:url(../images/twitter.png) left center no-repeat; padding-left:24px; font-size:12px;}
#tweets a:hover{color:#4d5f69;}
#tweets a.since{color:#666; font-size:9px;}
#tweets a.since:hover{color:#3a89c4;}
#tweets #live{font-size:12px; text-align:center; margin:0 0 16px 0; padding:0;}