* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

table 			{ border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, 
blockquote:after, 
q:before, 
q:after 		{ content: ""; }
blockquote, q 	{ quotes: "" ""; }

/* Remove annoying border on linked images. */
a img 			{ border: none; }


body { 
	font-size: 88%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #414141; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #414141; }

h1 { font-size: 1.8em; line-height: 1.2; margin-bottom: 0.5em; font-weight: bold; }
h2 { font-size: 1.2em; font-weight: bold; margin: 2em 0 .5em 0; }
h3 { font-size: 1.1em; font-weight: bold; line-height: 1; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-size: .9em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #0d5284; text-decoration: underline; }
a           { color: #243745; }

blockquote  { color: #666; padding: 0 0 0 1.5em; margin-top:1em; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

strong		{ font-weight: bold; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'Andale Mono', 'Lucida Console', monospace; line-height: 1.5; } 

small		{ font-size: .8em; padding-top: 1em; }

address		{ font-size: .9em; font-style: normal; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em .5em; }

ul          { list-style-type: disc; font-size: .9em; }
ol          { list-style-type: decimal; font-size: .9em; margin-left: 1em; }
ol li		{ line-height: 1.1; margin: 0 0 1.2em 0; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td       { padding: 2px 2px 2px 0; vertical-align: top; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Forms
-------------------------------------------------------------- */

input, 
textarea	{ font-size: 1em; padding: .3em .4em; color: #575757; border: 1px solid #bbbfb8; }
select		{ font-size: .9em; padding: .3em .1em .2em .4em; color: #575757; border: 1px solid #bbbfb8; }


hr			{ clear: both; border-bottom: 1px dotted #bbbfb8; border-top: none; border-right: none; border-left: none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Core Layout																									
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#skip		{ display:none; }
#header,
#super_nav,
#content,
#leads,
#footer 	{ width:100%; min-width:68em; position: relative; }
.wrapper 	{ width:68em; margin: 0 auto; position: relative; }


/* Super nav
-------------------------------------------------------------- */

#super_nav							{ border-top: 2px solid #000; text-align: right; padding: .3em 0; }
#super_nav ul,
#super_nav form,
#super_nav #customer_login			{ display: inline; float: right; line-height: 1; margin: 0 .5em 0 0; font-size:.8em; }
#super_nav ul						{ margin: 3px 1em 0 0; }
#super_nav ul li					{ display: inline; border-right: 1px solid #c6c6c6; }
#super_nav ul .last					{ border-right: none; }
#super_nav ul li a					{ padding: 0 8px; color: #c6c6c6; font-weight: bold; text-decoration: none; }
#super_nav ul li a:hover			{ text-decoration: underline; color: #fff; }
#super_nav form #searchterm			{ padding: .2em; color: #999; height:1.2em; width: 13em; border: 1px solid #333; font-size: 1em; }
#super_nav form #searchsubmit		{ width:1.8em; height: 1.55em; border: none; padding: 0; font-size: 1em; }

#super_nav #customer_login			{ padding: .3em .8em; border: 1px solid #333; margin-right: 0; color: #fff; text-decoration: none; }

/* Header
-------------------------------------------------------------- */

#header 							{ border-top: 1px solid #000; border-bottom: 1px solid #000; padding:1em 0; }

#header #logo,
#header #nav,
#header #nav li						{ display: inline; line-height: 1; }

#header #logo						{ float: left; }
#header #nav						{ font-size: 1.2em; float: right; margin: 1em 0 0 0; padding-bottom:.6em; }
#header #nav li						{ margin: 0 1em; }
#header #nav .last					{ margin-right: 0; }
#header #nav li a					{ text-decoration: none; }
#header #nav li a:hover				{ text-decoration: underline; }

#header #nav li a.current,
#header #nav li a.current:visited,
#header #nav li a.current:hover 	{ font-size: 1.4em; color: #000; border-bottom: .25em solid #ef3f35; font-weight: bold; }

#header #nav li a.current:hover		{ text-decoration: none; }


/* Content
-------------------------------------------------------------- */

#content 							{ background: url(/images/global/content_bck.gif) left top repeat-x; padding-top: 3em; }

#content .intro_text			{ font-size: 1.2em; line-height: 1.2; }
#content .col_2 a					{ color: #0d5284; }
#content .col_2 a img,
#content .col_2 img					{ width: 100%; height: auto; display: block; }
#content .col_2 .caption			{ color: #7b7b7b; line-height: 1.3; margin-top:1em; }

#content .col_2 ul li { 
	list-style-type: none; 
	padding-left: 1.3em; 
	background: url(/images/global/sub_nav/arrow.gif) left .4em no-repeat; 
	margin-bottom: 1em; 
}

#resources_agile_u ,
#resources_services,
#resources_commons,
#resources_downloads				{ padding-left: 30px; }


.expert_advice, .screens 			{ margin-top:3em; }
.expert_advice a, .screens a		{ font-size: .9em; }
.screens a img						{ margin-top: 1em; display: block; }
a.enlarge							{ text-align: center; display: block; }

#content .col_2 .resources			{ float: left; width: 13.6em; }
#content .col_2 .resources h3		{ font-weight: normal; }
#content .col_2 .resources ul		{ margin: 1em 0 0 0; }
#content .col_2 .resources ul li	{ padding-left: 0; background: transparent; line-height: 1.2; margin-bottom: 1em; font-size:.98em; }

#content .col_5	h3					{ font-size: 1em; line-height: 1.1; margin-bottom: .5em; }

/* Sub Nav
-------------------------------------------------------------- */

#sub_nav, #sub_nav li ul			{ list-style: none; margin: 0; }
#sub_nav 							{ font-size:.8em; line-height: 1; }

#sub_nav li a.top_level {
	text-transform: uppercase;
	padding: 1em 0; 
	display: block;
	text-decoration: none;
	font-weight: bold;
}

#sub_nav li a.top_level img				{ padding: 0 .5em 0 1em; }
#sub_nav li a.top_level span strong em	{ font-style: normal; }

/* top level link and current top level section */
#sub_nav li a.current {
  border-bottom: 1px solid grey;
}


#sub_nav li a .first	{ margin-top: 0; }
#sub_nav li ul 			{ font-size: 1.1em; padding-bottom: .1em; }
#sub_nav li ul li 		{ margin: 0 0 1.2em 0; }
#sub_nav li ul li a		{ padding-left: 1.8em; text-decoration: underline; display: block; }

#sub_nav li ul li .current {
	color: #ef3f35;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 1.8em;
}


/* Leads
-------------------------------------------------------------- */

#leads { 
	background: #fff url(/images/global/leads_bck.gif) left bottom repeat-x; 
	border-top: 2px solid #899292; 
	padding: 2em 0; 
}

#leads h3 a				{ font-size: 1.1em; text-decoration: none; }
#leads ul				{ margin:.5em 0 0 0; list-style: none; }
#leads ul li			{ margin: 1.5em 0; line-height: 1.1; }
#leads ul li a			{ text-decoration: none; }
#leads ul li a:hover	{ text-decoration: underline; }
.view_all				{ margin-top: 1em; display: block; }

/* Footer
-------------------------------------------------------------- */

#footer					{ background: #243745; border-top: 1px solid #000000; padding: 4em 0; color: #fff; text-align: center; }
#footer ul				{ list-style: none; line-height: 1; font-size: .8em; }
#footer ul li			{ display: inline; border-right: 1px solid #fff; }
#footer ul .last		{ border-right: none; }
#footer ul li a			{ color: #fff; padding: 0 5px; }
#footer p				{ font-size: .8em; }


/* Columns & spacing
-------------------------------------------------------------- */

.col_1, .col_2, 
.col_3, .col_4, 
.col_5, .col_33, 
.col_22			 		{ float: left; }

.col_1 					{ width: 60em; }
.col_33					{ width: 51em; }
.col_2 					{ width: 34em; }
.col_22					{ width: 28em; }
.col_3 					{ width: 18.3em; }
.col_4 					{ width: 15em; }
.col_5 					{ width: 14em; }

.append					{ margin-right: 1.7em }
.prepend				{ margin-left: 1.7em; }
.top					{ margin-top: 2em }
.bottom					{ margin-bottom: 2em; }
.border_left			{ border-left: 1px dotted #bbbfb8; padding-left: 1em; }
.border_right			{ border-right: 1px dotted #bbbfb8; padding-right: 1em; }

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


/* Buttons
-------------------------------------------------------------- */

.large_button {
	margin-bottom: .4em;
}

.large_button a span strong em {
	border: 1px solid gray;
	display: block;
	font-style: normal;
	padding: 1em 1em .8em 1em;
}



/* Free Trial Form
-------------------------------------------------------------- */

#free_trial h2							{ margin: 1em 0 .3em 0; }
#free_trial h3							{ margin: 2.5em 0 1em 0; }
#free_trial table						{ width: 100%; }
#free_trial table h2 					{ margin: 1em 0 .3em 0; }

#free_trial table tr td, 
#free_trial table tr th 				{ padding: 1em .5em .5em .5em; border-bottom: 1px dotted #bbbfb8; }

#free_trial table .form-label			{ text-align: left; font-size: .9em; width: 11em; }
#free_trial table tr td p 				{ margin-bottom: 0; }
#free_trial table input					{ width: 64%; }
#free_trial table textarea				{ width: 95%; }
#free_trial table #agreed_to_terms		{ display: inline; width: auto; border: none; }
#free_trial table #trial_submit			{ border: none; padding: 0; width: auto; height: auto; }
#free_trial .last td	 				{ border-bottom: none; }



/* Masthead on front page
-------------------------------------------------------------- */

#home #content { padding-top: 0; }

#masthead {
	height: 25em;
	overflow: hidden;
	position: relative;
}


/* Personas */

.welcome_message, .product_mgr, .dev_mgr, .developer, .qa_mgr {
	margin-top: 1.2em;
}

.persona_block {
	float: left;
	width: 44em;
	position: relative;

}

.persona_bck 					{ width: 100%; height: auto; float: left; }
.persona_details				{ position: absolute; right:0; top: 5.5em; width: 24em; font-size: 1.2em; line-height: 1.2; }
.main_btn 						{ float: right; margin-right: .3em; }
.main_btn img 					{ width: 8.33em; height: auto; }

.persona_details form 			{ clear: both; padding-top: 1em; font-size: .9em; }

.product_mgr .persona_details,
.dev_mgr .persona_details,
.developer .persona_details,
.qa_mgr .persona_details 		{ width: 26em; }

.product_mgr .overview_text,
.dev_mgr .overview_text,
.developer .overview_text,
.qa_mg .overview_text 			{ font-size: .8em; }

.persona_details blockquote 	{ background: url(/images/global/quote.gif) left top no-repeat; font-size: 1em; margin-bottom: 1.5em; }
.persona_details blockquote p 	{ margin-bottom: .5em; }
.persona_details .quotee 		{ font-size: .8em; font-style: italic; }

.product_mgr .main_btn,
.dev_mgr .main_btn,
.developer .main_btn,
.qa_mgr .main_btn 				{ float: left; }


/* front form */

#choose_persona { 
	width: 510px; 
	color: #fff;
	position: absolute;
	bottom: 1em;
	left: 2em;
}

#choose_persona h2 { 
	margin: 0; 
	color: #fff; 
	font-size: 1.2em;
	background: url(/images/home/masthead/form_bck.png) left top no-repeat;
	padding: 10px 10px 0 10px; 
}

#choose_persona form {
	display: block;
	padding: 0 10px 10px 10px;
	background: url(/images/home/masthead/form_bck.png) left bottom no-repeat; 
}

#choose_persona form label { margin-right: .5em; font-size: .9em; }


/* whiteboard sidebar */

#spotlight {
	float: right;
	width: 23em;
	position: relative;
}

.whiteboard					{ float: left; width:100%; }
#spotlight h2 				{ margin: 0; }
#spotlight ul 				{ list-style: none; position: absolute; top: 7em; left:2em; width:20em; }
#spotlight ul li p, 
#spotlight ul li a			{ font-size: 1em; margin: 0; line-height: 1.1;  }
#spotlight ul li a			{ font-weight: bold; color: #e2282d; text-decoration: none; }
#spotlight ul li a:hover	{ text-decoration: underline; }
#spotlight ul li 			{ padding-bottom: 1.5em; font-size: 1em; }

.event, 
.course, 
.thumbs_up 					{ padding: .3em 0 0 65px; }

.event 						{ background: url(/images/home/stickies/event.gif) left top no-repeat; }
.course 					{ background: url(/images/home/stickies/course.gif) left top no-repeat; }
.thumbs_up 					{ background: url(/images/home/stickies/thumbs_up.gif) left top no-repeat; }


/* Product Matrix
-------------------------------------------------------------- */

#matrix 					{ width: 100%; display: table; clear: both; }

#matrix tr td, 
#matrix tr th 				{ padding: 1em; border-bottom: 1px dotted #bbbfb8; font-size: .9em; line-height: 1.1; }

#matrix h2 					{ margin-top: 0; font-size: 1.4em; color: #fff; }
#matrix ul					{ margin-left: 1em; }
#matrix ul li				{ margin-bottom: .5em; }
#matrix tr th a				{ font-size: 1.1em; margin-right: 1.5em; }

#matrix tr th.community { 
	background: #81BC3C url(/images/products/matrix/community_tl.gif) left top no-repeat; 
	color: #fff; 
	width: 38%; 
	padding-right: 0; 
	padding-top: 0;
}

#matrix tr th.community h2	{ background: url(/images/products/matrix/community_tr.gif) right top no-repeat; padding-top: 1em; }
#matrix tr td.community 	{ background: #D1E4B5; }

#matrix tr th.enterprise { 
	background: #699CD3 url(/images/products/matrix/enterprise_tl.gif) left top no-repeat; 
	color: #fff; 
	width: 38%; 
	padding-right: 0;
	padding-top: 0;
}

#matrix tr th.enterprise h2	{ background: url(/images/products/matrix/enterprise_tr.gif) right top no-repeat; padding-top: 1em; }
#matrix tr td.enterprise 	{ background: #D7E3F3; }
#matrix tr td.feature		{ font-weight: bold; }




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Clearfix
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Clearing floats without extra markup [ http://www.positioniseverything.net/easyclearing.html ] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix			{display: inline-block;}
* html .clearfix	{height: 1%;}
.clearfix			{display: block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear 				{ clear:both; }


	
#content .col_2 p a:link:after, #content .col_2 p a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}

#content .col_2 p a[href^="/"]:after {
   content: " (http://www.rallydev.com" attr(href) ") ";
}