/*-----------------------------------------------------------------------------
T+C Framework: Main CSS Styles for URS Energy

***** VALIDATED 000013 *****

version:	V1
date:		00/00/13
author:		ttrusty
website:	http://www.trustyandcompany.com/
-----------------------------------------------------------------------------*/

/* --------------------------------- COLORS ----------------------------------

medium blue  #5483c6
dark blue  #35677e

 ------------------------------- =BASE STYLES ------------------------------- */
 
 a#logo_link {
    position: absolute;
    display: block;

    left: 850px;
    top: 38px;
    width: 200px;
    height: 20px;
}


body {
	font: 100%/1.8  "Times New Roman", Times, serif;
	border-top: #5483c6 solid 4px;
	margin: 0;
	padding: 0;
	color: #444;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}
/* ---------------------------- =LAYOUT STYLES ---------------------------- */
.wrapper {
	width: 1040px;
	margin: 0 auto; 
}
.oneColHeader{
	width:915px;
	margin: 0 auto;
}
.mainHeader {
	width:1040px;
	height:225px;
	background: #FFF url(../_images/headerGRPHC.png) top left no-repeat;
}
.headerlogo{
	height:100px;
	width:300px;
	float:left;
}
nav {
	width: 360px;
	height:30px;
	float: right;
	padding-top:165px;
	font-family:Ubuntu;
	font-size:13px;
}
nav li {
	float: left; 
	list-style: none;
}
nav li a, nav li a:visited {
      display: block;
      padding: 3px 12px;
      text-decoration: none;
      border-right: 1px solid #ccc;
	  color: #5483c6;
}
 nav li a:hover {
      color: #163662;
      background-color: #f9f9f9;
}
nav li a.last{
border-right: 1px solid #fff;
}
nav li a.current{color: #163662;}

.sidebar1 {
	float: right;
	width: 180px;
	padding-bottom: 10px;
}
.content {
	padding: 0px 0 50px 0;
	width: 1040px;
	float: left;
}
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.boxLeft{
display: block;
float:left; 
width:340px;
margin-right:10px;
 }
 .boxRight{
display: block;
float:right; 
width:340px;
margin-bottom:20px;
 }
 .oneCol{
display: block;
width:915px;
margin: 0 auto;
 }
 .twoColLeft{
display: block;
float:left; 
width:515px;
margin-right:5px;
 }
 .twoColRight{
display: block;
float:right; 
width:515px;
 }
footer {
	border-top: #bbb solid 1px;
	padding:5px 0;
	text-align:center;
	clear:both;
}
/* -------------------------------------- =TYPOGRAPHY ---------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
	font-weight:400;
	padding-right: 40px;
	padding-left: 40px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Ubuntu;
	color: #5483c6;
}
h1 {
    font-size: 2.5em;
	line-height:100%;
	margin-bottom:16px;
	letter-spacing:-1px;
}

h2 {
    font-size: 1.5em;
	line-height:105%;
	margin-bottom:6px;
}
h3 {
    font-size: 1.17em;
	line-height:110%;
	margin-bottom:8px;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.83em;
}
h6 {
    font-size: 0.67em;
}
p {
	font-size:16px;
	line-height:20px;
	color: #35677e;
	margin-bottom:30px;
}
.oneCol li, .twoColLeft li, .twoColRight li{
	font-size:16px;
	line-height:20px;
	color: #35677e;
	margin-bottom:8px;
	list-style-image:url(../_images/bullet.png);
	list-style-position:outside;
	margin-left:20px;
}
.boxLeft li, .boxRight li {
	font-size:16px;
	line-height:23px;
	color: #35677e;
	list-style-image:url(../_images/bullet.png);
	list-style-position:outside;
	margin-left:20px;
}
.intro {
	font-size:14px;
	line-height:20px;
	color:#333;
	margin-bottom:30px;
}
footer p {
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#888;
	letter-spacing:.08em;
}
/* -------------------------------------- =IMAGE STYLES ---------------------------------------- */

.left{
	background-color:#FFF;
	float: left;
	margin-right:15px;
	border:#D49011 solid 1px;	
}
.right{
	background-color:#FFF;
	float: right;
	margin-left:15px;
	border:#D49011 solid 1px;	
}
/* -------------------------------------- =MISC  STYLES ---------------------------------------- */

.pad20{padding:0 20px;}
.pad40{padding:0 40px;}

.left{float:left}
.right{float:right}
.clear{clear:both}
.center{text-align:center;}

.rule{
	margin: 10px 0 40px 0;
	border-top:#bbb solid 1px;
}
.rules{
	padding: 11px 0 2px 0;
	border-top:#bbb solid 1px;
	border-bottom:#bbb solid 1px;
}
a.blue:link {color:#5483c6; text-decoration: underline; }
a.blue:visited {color:#5483c6; text-decoration: underline; }
a.blue:hover {color:#000; text-decoration: none; }
a.blue:active {color:#444; text-decoration: none;}

/* -------------------------------------- =BREADCRUMBS ---------------------------------------- */

.breadcrumbs{ /* ???????? */
display:inline;
	height:30px;
	font-family: "Lucida Grande", sans-serif;
	font-size:10px; 
	font-weight:bold;
	text-align: right;
	padding-top:20px;
}
.breadcrumbs li{
display:inline;
margin-right:8px;
padding: 5px 11px;
background: #d49011; /* Old browsers */
background: -moz-linear-gradient(top,  #d49011 0%, #b75610 89%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #d49011 0%,#b75610 89%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #d49011 0%,#b75610 89%); /* IE10+ */
-webkit-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow:  1px 1px 1px 1px #111;
box-shadow:  1px 1px 1px 1px #111;
}
.breadcrumbs li a:link, .breadcrumbs li a:visited  {
	color: #343434;
	text-decoration: none; 
}
.breadcrumbs li a:hover, .breadcrumbs li a:active, .breadcrumbs li a:focus {
color: #fff;
}