/*-----------------------------------------------------
	location:		/css/tp_style.css				
	version:		1.8.2008
	author:			andrew newland
	email:			info@ithinkpixels.com

	creation:		8/1/2008 11:24:03 AM
	updated:		8/11/2008 10:41:09 AM
-----------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;}
	
table {
	border-collapse: collapse;
	border-spacing: 0;}
	
fieldset, img { 
	border: 0;}
	
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;}
	
ol, ul {
	list-style: none;}
	
caption, th {
	text-align: left;}

q:before,q:after {
	content: '';}

abbr, acronym { 
	border: 0;}


/* =layout
-----------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #004785;}

#container {
	position: relative;
	left: 50%;
	margin-left: -480px;
	margin-top: 28px;
	width: 960px;
	border: 2px solid #696a6c;
	background: url('/Portal/assets/tp_background.gif') no-repeat top right #ffffff;}

#header {
	height: 146px;
	border-bottom: 2px solid #696a6c;}

.logo {
	position: relative;
	top: 41px;
	left: 41px;
	width: 264px;
	height: 64px;}

#divider {
	background: url('/Portal/assets/BKGdivider.gif') repeat-y left top transparent;
	border-bottom: 2px solid #696a6c;
	height: 10px;}

#content {
	background: url('/Portal/assets/BKGcontent.gif') repeat-y left top transparent;}

#content_footer {
	clear: both;
	background: url('/Portal/assets/BKGcontentfoot.gif') repeat-x left bottom transparent;}

#content_footer img {
	margin-bottom: -4px;}

#contentWrap, #index-contentWrap {
	float: left;
	width: 595px;
	margin: 0 0 -41px 19px;
	border-right: 2px solid #696a6c;
	padding: 45px 15px 41px 0px;}

#index-contentWrap {
	border: none;}

#sideWrap {
	float: right;
	width: 280px;
	margin: 50px 0 -41px 19px;
	padding: 45px 20px 41px 10px;}

#spotlight {
	clear: both;
	margin: 0 0 0 19px;
	padding: 20px 0 0 30px;
	background: url('/Portal/assets/BKGspotlight2.gif') repeat-x -20px 20px;
	height: 140px;}

#spotlight-about {
	clear: both;
	margin: 0 0 -41px 310px;
	padding: 20px 0 0 30px;
	width: 270px;
	background: url('/Portal/assets/BKGcontent-topLeft.gif') no-repeat top left;}

#footer {
	color: #9ca2ab;
	font-size: 12px;
	margin: 20px;
	letter-spacing: 1px;
	text-align: center;}


/* =specific page layouts
-----------------------------------------------------*/		
.spotlightIMG {
	height: 110px;
	width: 110px;}

.contact-box {
	border: 2px solid #696a6c;
	border-left: none;
	width: 200px;
	float: left;
	padding: 10px;
	height: 180px;
	margin-bottom: 40px;}

#right-contact-box {
	border-right: none;
	border-top: none;
	height: 182px;
	padding: 10px 15px 10px 5px;
	background: url('/Portal/assets/BKGcontent-topRight.gif') no-repeat top right;}

#about-bottomImage {
	clear: both;
	margin: 0 0 -41px 19px;
	padding: 0;
	height: 115px;
	border-top: 2px solid #696a6c;}

#about-bottomImage img {
	border-right: 2px solid #696a6c;
	width: 610px;
	height: 115px;}

#contentExtra {
	margin-top: -45px;
	padding: 45px 40px 30px 0;
	background: url('/Portal/assets/BKGcontent-bottomRight.gif') no-repeat bottom right;}
	
	
/* =navigation
-----------------------------------------------------*/	
a {
	background-color: transparent;
	color: #004785;
	text-decoration: none;
	outline: none;}

a:hover {
	text-decoration: underline;}

#navigation-1 {
	padding: 0;
	margin: -6px 20px 0 0;
	list-style: none;
	text-transform: lowercase;
	text-align: right;
	font-size: 14px;}
	
#navigation-1 li {
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	float: right;
	position: relative;}
	
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding: 5px 5px 5px 25px;
	display: block;
	text-align: right;
	text-decoration: none;
	color: #004785;
	background-color: transparent;
	font-weight: 700;
	/*height: 13px;*/}
	
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display: block;
	text-align: right;
	text-decoration: none;
	background: #004785;
	color: #ffffff;
	/*height: 13px;*/}

#navigation-1 li ul.navigation-2 {
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 21px;
	right: 0;
	border-top: none;}
	
#navigation-1 li ul#services {
	width: 119px;}

#navigation-1 li ul#news {
	width: 134px;}	

#navigation-1 li:hover ul.navigation-2 {
	display: block;
	text-align: right;
	background: url('/Portal/assets/BKGnavigation.gif') bottom left no-repeat transparent;}
	
#navigation-1 li ul.navigation-2 li {
	font-size: 12px;
	text-align: right;
	padding: 5px 0 0 0;}
	
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear: left;
	padding: 4px 8px;
	border: none;
	position: relative;
	z-index: 1000;
	font-weight: 400;
	color: #9ba2aa;
	background-color: transparent;}
	
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear: left;
	border: none;
	position: relative;
	color: #ffffff;
	background-color: transparent;
	z-index: 1000;}

#footer p {
	color: #9ca2ab;}
	
#footer	a {
	background-color: transparent;
	color: #9ca2ab;
	font-weight: 700;
	margin: 0 20px;
	text-decoration: none;}

#footer a:hover {
	background-color: transparent;
	color: #ffffff;}

	
	
/* =typography
-----------------------------------------------------*/		
h1 {
	color: #004785;
	background-color: transparent;
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	letter-spacing: 2px;
	margin-bottom: 16px;}

h2 {
	font-size: 14px;
	background-color:  transparent;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;}

h3 {
	font-size: 14px;
	margin: 10px 0;
	color: #004785;
	text-transform: lowercase;
	background-color: transparent;}

p {
	color: #444444;
	line-height: 24px;
	font-size: 13px;
	margin-bottom: 20px;}

#contentWrap p, #index-contentWrap p, #contentWrap h1, #index-contentWrap h1, #contentWrap h2, #contentWrap h3, #index-contentWrap h3  {
	padding-left: 25px;}
	
#footer p {
	line-height: 14px;
	margin-bottom: 4px;}

#spotlight h2 {
	padding: 0 46px 0 0;
	margin-left: 667px;
	line-height: 136px;
	font-style: italic;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	text-align: right;
	letter-spacing: 2px;
	border-top: 2px solid #696a6c;
	border-bottom: 2px solid #696a6c;}
	
#spotlight img {
	float: left;
	padding: 20px /*40px*/ 90px;}	

#spotlight-about h2 {
	padding: 40px 46px 50px 0;
	font-style: italic;
	font-size: 18px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	text-align: right;
	letter-spacing: 2px;}


/* =sidebar elements
-----------------------------------------------------*/	
.sidebarImg {	
	float: right;
	padding-right: 10px;
	font-size:larger;
	margin-right: -20px;}	
	
#sideWrap h4, #sideWrap p {
	text-transform: lowercase;}

#sideWrap h4 {
	font-size: 18px;}

#sideWrap p {
	font-size: 16px;
	margin: 20px 0 0 14px;}
	
#sideWrap a.active {
	color: #5b5c5e;}

	
/* =lists
-----------------------------------------------------*/	
#contentWrap ul {
	margin: -10px 20px 10px 46px;}

#contentWrap ul li {
	color: #666666;
	line-height: 18px;
	font-size: 12px;
	font-weight: 400;
	list-style-type: circle;
	margin: 0 15px;}
	
#contentWrap .prs {
	list-style: none;
	margin: 10px 0;
	padding: 0;}

#contentWrap .prs li {
	list-style: none;
	margin: 0 40px;
	padding: 0;
	background: url('/Portal/assets/file_acrobat.gif') no-repeat left top;}

#contentWrap .prs li p {
	font-size: 11px;
	color: #888888;
	line-height: 13px;}

#contentWrap .prs li p a {
	font-size: 13px;}
	
	
/* =client form
-----------------------------------------------------*/	
form {
	margin: 10px;}
	
label {
	display: block;
	margin: 0;}

form p {
	margin-bottom: 4px;}


textarea {
	height: 100px;}

form small {
	color: #990000;
	font-weight: 700;}
	

/* =extras
-----------------------------------------------------*/	
.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearAfter {
	display: inline-block;}

/* Hides from IE-mac \*/
* html .clearAfter { height: 1%; }
.clearAfter { display: block; }
/* End hide from IE-mac */