/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:100%;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  color:#000;
	background: #efeeec url('../images/g-background.jpg') repeat-x top left;
  padding: 0;
}

h1 {
  margin: 1em 0;
}

h2 {
  margin: 1em 0;
}

p { 
  margin:1em 0 1em 0; 
}

dl.col { 
  line-height:1.5em;
}

dl.col dt { 
  float:left; 
  width:6em;
  font-weight: bold;
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr, .clear{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

img.right {
  margin:0 0 5px 5px;
}

img.left {
  margin:0 5px 5px 0;
}

.contact {
	float:left;
	width:50%;
}

#header-wrap {
	background: #c8c4bb url('../images/g-header-background.jpg') repeat-x top left;
	height: 178px;
}

#content-wrapper {
	width: 905px;
	margin: 0 auto;
	background: transparent url('../images/g-content-background.png') repeat-y top left;
}

#header {
	width: 905px;
	margin: 0 auto;
	position: relative;
}

#header .logo {
	position: absolute;
	top: 43px;
	left: 16px;
}

#header .tag-line {
	position: absolute;
	top: 80px;
	left: 250px;
	width: 298px;
	color: #fff;
	font-size: 14px;
	height: 80px;
}

#header .tag-line p {
	color: #fff;
}

#nav-side {
	padding-top: 30px;
	float: left;
	width: 126px;
}

#nav-side ul {
	list-style: none;
}

#nav-side ul li a {
	display: block;
	width: 122px;
	height: 25px;
	text-align: right;
	border-bottom: 1px dashed #c4c1ba;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
}

#nav-side ul li a:hover {
	color: #6D88B8;
}

#content {
	font-size: 12px;
	line-height: 20px;
	margin-left: 182px;
	padding-top: 30px;
}

#content .content-inner {
	width: 480px;
	float: left;
	padding-bottom: 30px;
}

/* -------------------------------------------- */
/* Use this if needed on a page to remove focus */
#content .without-focus {
	width: 690px;
}
/* -------------------------------------------- */

#content .project img {
	padding: 4px;
	border: 1px dashed #ccc;
}

#content h1, #content h2, #content h3 {
	font-family: Arial, Helvetica, sans-serif;
}

#content h1 {
	margin-top: 0px;
	font-size: 20px;
	font-weight: normal;
	color: #6D88B8;
}

#content h2 {
	color: #6F7276;
	font-weight: normal;
	font-size: 16px;
}

#content h3 {
	color: #6F7276;
	font-weight: normal;
	font-size: 14px;
}

#content p {
	color: #8D8A83;
}

#content p a {
	color: #6D88B8;
	text-decoration: none;
}

#content p a:hover {
	color: #6F7276;
	text-decoration: none;
}

#content a.button {
	color: #143D8C;
	padding: 10px 10px 10px 22px;	
	border: 1px dashed #8ea1c2;
	text-decoration: none;
	background:transparent url('../images/g-cta-arrow.gif') no-repeat 5% 50%;
}

#content a.noborder {	
	border: 0px;		
}

#content a.button:hover {
	color: #666;
}

/** Highlight **/

#content .highlight-wrap {
	width: 670px;
	border: 1px dashed #dbded5;
	padding: 8px;
}

#content .highlight {
	border: 1px solid #dbded5;
	color: #282F41;
	background-color: #CACBD0;
	padding: 8px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/** Focus **/

#content .focus-wrap {
	width: 138px;
	border: 1px dashed #dbded5;
	margin-left: 500px;
	padding: 8px;
}

#content .focus {
	background: url('../images/p-focus-inner-background.jpg') bottom right no-repeat;
	border: 1px solid #dbded5;
	padding: 8px;
	min-height: 173px;
}

#content .focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A8D4C;
}

#content .focus p {
	padding: 0px;
	margin: 0px;
}

#nav-bottom {
	background: #cacbd0;
	border-top: 2px solid #27303f;
	width: 724px;
	height: 28px;
	margin-left: 165px;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
}

#nav-bottom ul {
	list-style: none;
}

#nav-bottom ul li {
	float: left;
	margin-left: 30px;
	padding-top: 7px;
}

#nav-bottom ul li a {
	text-decoration: none;
	color: #282F41;
	text-transform: uppercase;
}

#nav-bottom ul li a:hover {
	color: #000;
}

#author {
	width: 905px;
	margin: 0 auto;
	padding:0 0 20px 378px;	
	font-size: 0.69em;	
}

#author a {
	color: #aba8a0;
	text-decoration: none;
}

#footer-wrap {
	width: 905px;
	margin: 0 auto;
	background: transparent url('../images/g-footer.png') no-repeat top left;
	height:134px;
}

#footer {
	margin:0 0 0 165px;
	font-size:0.69em;	
	height: 101px;
	color: #fff;
	padding: 20px 0 0 29px;	
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
}

#footer p {
	margin: 0px;
	line-height: 18px;
}

/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}