/* CSS Written by JKS for ProCore Solutions, LLC. on 6/4/2007 */
/* This is the global CSS used for all pages on the site      */
*, ul, li { /*remove all elements default margins/padding from (ul, and li ignore the *) */
	margin: 0;
	padding: 0;
}

a img { border: none; } /* remove link borders from link-images */

body { /* body styles */
	text-align: center; /* centers the main_container div on page */
	font: 14px Verdana, Arial, Helvetica, sans-serif; /* font size: html=125% & body=50% so 1em = 10pt */
	margin: 0;
	padding: 0;
	background-image: url('/global/images/blue_side_bar.gif');
	background-repeat: repeat-y;
	background-position: center;
	background-color: #042C54;
}

#main_container { /* this is the main container that wraps the entire page */
	text-align: left;
	width: 900px;
	margin-right: auto; /* always center page */
	margin-left: auto; /* always center page */
	margin-top: 15px;
	padding-bottom: 15px;
	text-align: left; /* left align all text within the main_container div to counter the text-align: center property of the body style */
	height: auto;
	background-color: white;

}

#logo { /* positions the div that contains the ProCore Solutions logo */
	background: url('/global/images/procore_logo.gif') left no-repeat;
	height: 80px;
	width: 103px;
	float: left;
	margin-left: 6px;
	position: relative;
}

#header { /* this styles the header div containing the logo & top nav links area */
	width: auto;
	height: 50px;
	text-align: right;
	position: relative;
	padding-top: 46px;
}

/* styles for the <h1,h2> tags to hide the text since it is an image */
h1, h2 { display: none; }


/* styles for the top nav (header) links */
.header_link { /* spaces the header topnav links from each other */
	margin-right: 23px;
}

/* top nav (header) roll_overs */
.header_link #header_home { background: url(/global/images/topnav_home.gif) no-repeat; }
.header_link:hover #header_home { background: url(/global/images/topnav_home_h.gif) no-repeat; }

.header_link #header_client_login { background: url(/global/images/topnav_client_login.gif) no-repeat; }
.header_link:hover #header_client_login { background: url(/global/images/topnav_client_login_h.gif) no-repeat; }

.header_link #header_contact_us { background: url(/global/images/topnav_contact_us.gif) no-repeat; }
.header_link:hover #header_contact_us { background: url(/global/images/topnav_contact_us_h.gif) no-repeat; }

.header_link #header_request_quote { background: url(/global/images/topnav_request_quote.gif) no-repeat; }
.header_link:hover #header_request_quote { background: url(/global/images/topnav_request_quote_h.gif) no-repeat; }

/* styles to highlight the appropriate link on the user is on one of the top nav pages */
#home .header_link #header_home { background: url(/global/images/topnav_home_h.gif) no-repeat; }
#client_login .header_link #header_client_login { background: url(/global/images/topnav_client_login_h.gif) no-repeat; }
#contact_us .header_link #header_contact_us { background: url(/global/images/topnav_contact_us_h.gif) no-repeat; }
#request_quote .header_link #header_request_quote { background: url(/global/images/topnav_request_quote_h.gif) no-repeat; }


.left_nav { /* styles the left hand column where the leftnav menu and marketing boxes are contained */
	width: 163px;
	float: left;
}

#left_nav_menu { /* sets top padding on the left nav menu and creates the top of the rounded corner containing box */
	background: url('/global/images/leftnav_box_top.gif') no-repeat;
	padding-top: 15px;
}

#left_nav_menu #menu_sides {
	background: url('/global/images/leftnav_box_sides.gif') repeat-y;
	background-position: center;
}

.left_nav ul { margin-left:0px; padding-left: 3px; padding-right:3px; text-align: center;  } /* pushes all ul's in the leftnav to the left */
.left_nav ul ul { padding: 0; }

.left_nav ul li { /* spaces the leftnav's menu items and removes the bullets */
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	display: block;
	text-align: left;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 0;
	padding-right: 0;
}

.left_nav ul.left_nav_submenu li { /* spaces the leftnav's sub menu items */
	padding-top: 0;
	padding-bottom: 1px;
}

ul.check_marks { /* creates a bulleted list using an image of a check mark */
	list-style-image: url('/global/images/bullet_check_mark.gif');
	list-style-type: circle; /* incase image is missing */
}

.left_nav #nav_rule { /* styles the div (used instead of <HR> for cross-browser consistency) to split up the leftnav menu  */
	width: 80%;
	height: 3px;
	margin-bottom: -5px;
	margin-top: 5px;
	background-color: #FBB40C;
}
html>body .left_nav #nav_rule { margin-bottom:8px; } /* for non-IE browsers */

.left_nav #left_nav_bottom { /* creates the bottom rounded corner of the leftnav menu */
	background: url('/global/images/leftnav_box_bottom.gif') bottom no-repeat;
}

#left_nav_menu ul li a:link, #left_nav_menu ul li a:visited {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #7D7D7D;
	text-decoration: none;
	display: block;
	padding: 1px 2px 1px 5px;
	background-color: #FFF;
}
#left_nav_menu ul li a:active, .highlight_orange { background-color: #E6B96A; color: #FFFFFF; }

#left_nav_menu ul.left_nav_submenu a:link, #left_nav_menu ul.left_nav_submenu a:visited {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	background-color: #8A8A8A;
	color: #FFF;
	padding: 3px 1px 3px 3px;
}
html>body #left_nav_menu ul.left_nav_submenu a:link, html>body #left_nav_menu ul.left_nav_submenu a:visited { /* For non-IE browsers */
	padding-left: 5px;
}

#left_nav_menu ul.left_nav_submenu a:active, .highlight_dark_grey { background-color: #505050; }

#left_nav_menu div.sub_menu_container { display: none; }

.marketing_boxes { /* positions the marketing boxes, centers the marketing boxes in the .left_nav menu */
	clear: both;
	float: left;
	margin-top: 12px;
	width: 100%;
	text-align: center;
}

#welcome_menu { /* welcome area where flash app is on first page */
	width: 701px;
	height: 317px;
	float: right;
}

#interior_banner {
	width: 702px;
	height: 123px;
	float: right;
}

#content { /* styles text within the content div */
	font: 14px/21px Arial, Verdana, Helvetica, sans-serif;
	/*color: #585858; */
	color:  #4D4D4D;
	width: 702px;
	float: right;
	background: url('/global/images/content_box_top.gif') no-repeat;
	margin-top: 18px; /* compliant browsers (i.e., not IE) */
	padding-top: 7px;
}
html>body #content { margin-top:45px; } /*non-IE6 browsers */

#content p { margin: 20px 20px 0 30px; } /*spaces paragraphs within the content div */

#content_sides {
	background: url('/global/images/content_box_sides.gif') repeat-y;
	padding-bottom: 7px;
}

#content .note { font-size: 11px; margin: 20px 57px; } /* For notes, such as stating that certain fields are required on a form */ 

#breadcrumbs { /* styles breadcrumbs under the banner div */
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #5C5C5C;
	margin-top: 15px; /* IE will pick up this one and not the next declaration */
}
html>body #breadcrumbs { margin-top: 17px; } /*For all non IE6 browsers */

#breadcrumbs a:link, #breadcrumbs a:visited { /* styles breadcrumbs under the banner div */
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #5C5C5C;
	text-decoration: underline;
}
#breadcrumbs a:hover, #breadcrumbs a:active { /* styles breadcrumbs under the banner div */
	text-decoration: none;
}

/* link styles for links in content */
#content a:link, #content a:visited {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #315173;
	text-decoration: underline;
}
#content a:hover { text-decoration: none; }

/* styles for bulleted lists in the oontent area */
#content ul { margin: 20px 80px 0 80px; }
#content ul li {
	margin: 10px 15px 0 15px;
	font: 14px/18px Arial, Verdana, Helvetica, sans-serif;
}

#content_end { /* positions the end end of content div and creates the rounded bottom */
	background: url(/global/images/content_box_bottom.gif) bottom no-repeat;
	width: 702px;
	height: 21px;
	float: right;
}

#footer { /* positions the footer and sets some styling */
	padding-top: 45px;
	clear: both;
	text-align: center;
	font: 9px Arial, Verdana, Helvetica, sans-serif;
}

/* styles footer links */
#footer a:link, #footer a:visited { /* styles the footer nav links */
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	margin-left: 20px;
	text-decoration: none;
}
#footer a#footer_home { margin-left: 0; } /* no left margin on the first footer link */
#footer a:hover, #footer a:active {	text-decoration:underline; } /* rollover styles */
/* footer nav links underlined when on right page */
#home #footer a#footer_home, #client_login #footer a#footer_client_login, #contact_us #footer a#footer_contact_us, #use_our_call_center #footer a#footer_use_our_call_center, #take_a_virtual_tour #footer a#footer_take_a_virtual_tour, #find_a_job #footer a#footer_careers_with_us, #tou_pp #footer a#footer_tou_pp { text-decoration:underline; }

#footer p#copyright { margin-top: 8px; color: #999; }

.blue_years { /*for timeline */
	color:#042C54;
	font-weight:bold;
}