/* ====================================================================
 AXIONIC WEBSITE STYLE SHEET
 
 WRITTEN BY THATPATGUY
 COPYWRITE 2005 AXIONIC INC.
 WWW.AXIONIC.COM
 -------------------------------------------------------------------- */
 
 
 /*************************** FONT SIZES ***************************/


/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

/*
	If you want this size(px)	|	Declare this percent(%)
			10					|			 77
			11					|			 85
			12					|			 92
			13					|			100
			14					|			107
			15					|			114
			16					|			122
			17					|			129
			18					|			136
			19					|			144
			20					|			152
			21					|			159
			22					|			167
			23					|			174
			24					|			182
			25					|			189
			26					|			197
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using
 keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */
body {
    font:13px arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    /*font:100%;*/
}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
    font:99% arial,helvetica,clean,sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {
    font:115% monospace;
    *font-size:100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
    line-height:1.22em;
}


 /* ====================================================================
 GENERAL STYLING
 -------------------------------------------------------------------- */
 
body{
	background: #fff url(../images/bkg.jpg) top repeat-x;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	line-height: 15px;
}

div { 
	margin: 0px; 
	padding: 0px;
}

#holder {
	text-align:left;
	margin: 0 auto 0 auto;
 	width: 770px;
}

* html #holder {  /*centering for IE*/
	margin-left:auto; 
	margin-right:auto;
}

#logo {
	padding: 0px;
	width: 135px;
	height: 69px;
	margin: 0 auto 0 auto;
}

* html #logo{
	margin-left: auto;
	margin-right: auto;
}

#content {
	padding: 0px;
	width: 770px;
	margin: 0 auto 0 auto;
}

#contentPortfolio {
	padding: 0;
	width: 770px;
	margin: 0 auto 0 auto;
	background: #fff url(/images/contentbg.jpg) no-repeat top left;
	min-height: 306px;
}

* html #content{
	margin-left: auto;
	margin-right: auto;
}

* html #contentPortfolio{
	margin-left: auto;
	margin-right: auto;
}

#left {
	display:block;
	float: left;
	width: 230px;
	padding: 15px 0 0 0;
	margin: 0 0 0 35px;
} 


#right {
	width: 445px;
	padding: 19px 0 0 0;
	margin: 0 0 0 282px;
	background-color: #fff;
}

#contact_info {
	margin: 20px 0 0 0;
	padding: 0;
}

#footer {
	margin-top:20px;
}

 /* ====================================================================
 CONTENT STYLING
 -------------------------------------------------------------------- */
 
p{
	padding: 14px 10px 0 0;
	margin: 0;
	font-size:92%;
	line-height: 150%;
}

p.loneParagraph{
	padding-top: 2px;
}

p.bannerNav {
	padding: 0 10px 0 0 ;
	text-align: right;
}

p.contact_info {
	padding: 5px 10px 5px 0;
}

ul{
	margin: 0px;
	padding: 0px;
	font-size: 95%;
}


h1 {
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif;
	font-size: 152%;
	color: #333;
	padding-top: 15;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}



h2 {
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif;
	font-size: 114%;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
/*

h1 {
	font-size: 24px;
}

h2 {
	font-size: 14px;
}
*/
h3 {
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif;
	font-size: 114%;
	color: #d84519;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

h3.contact {
	margin: 0;
	padding: 0;
}

h3.archive_date {
	margin: 5px 0;
	padding: 3px;
	color: #025f8c;
	background-color: #b9dcec;
	text-transform:none;
	display: inline;
	font-weight: 500;
}

h5 {
	padding: 14px 10px 0 0;
	margin: 0;
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif;
	font-size: 107%;
	font-weight: 400;
}

.red {
	color: #d84519;
}

.white {
	color: #fff;
}

.blue {
	color: #0087c8;
}

a:link {
	color: #d84519;
	text-decoration:none;
}

a:visited {
	color: #d84519;
	text-decoration:none;
}

a:hover {
	color: #0087c8;
	text-decoration:none;
}

hr {
	width: 95%;
	_width: 99%;   /* IE HACK */
	height: 1px;
	border: 1px solid #333;
	border-top: 0px;
	margin: 0px;
}

#contentPortfolio p, #contentPortfolio h1, #contentPortfolio h2, #contentPortfolio h3, #contentPortfolio h5, #contentPortfolio hr{
	margin: 0 10px 0 20px;
}

#contentPortfolio ul.menu {
	margin: 15px 0 0 27px;
	list-style: none;
}

#contentPortfolio ul.menu li {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 107%;
}

p.center {
	text-align: center;
}

img.tonic_button{
	margin-bottom: 20px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 174%;
	_font-size: 120%;   /* IE HACK */
	font-weight:normal;
	height: 20px;
	_height: 10px;   /* IE HACK */
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 136%;
	_font-size: 105%;   /* IE HACK */
	font-weight:normal;
	height: 15px;
	_height: 10px;   /* IE HACK */
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 129%;
	_font-size: 105%; /* IE HACK */
	font-weight:normal;
	height: 15px;
	_height: 10px;  /* IE HACK */
}

/*
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
	visibility: hidden;
	font-size: 24px;
}
*/


 /* ====================================================================
 NEWS STYLING
 -------------------------------------------------------------------- */
 
#contentNews {
	padding: 0px;
	width: 770px;
	margin: 0 auto 0 auto;
	min-height: 306px;
}

* html #contentNews{
	margin-left: auto;
	margin-right: auto;
}
 
#newsTop {
	padding: 0px;
	width: 770px;
	margin: 0 auto 0 auto;
}

* html #newsTop {
	margin-left: auto;
	margin-right: auto;
}

#newsBottom {
	padding: 0px;
	width: 770px;
	height: 20px;
	margin: 0 auto 0 auto;
}

* html #newsBottom{
	margin-left: auto;
	margin-right: auto;
}
 
#leftNews {
	float: left;
	width: 230px;
	padding: 25px 0 0 0;
	margin: 0;
}

#rightNews {
	width: 525px;
	padding: 25px 0 0 0;
	margin: 0 0 0 245px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:506px;
}

html>body .content {
  width:506px;
}

table#main_nav {
	width: 100%;
}

table#main_nav td a {
	display: block;
	background-color: #0087c8;
	width: 125px;
	color: #fff;
	text-decoration: none;
	padding: 2px 10px;
	font-size: 92%;
	height: 15px;
}

table#main_nav td.current_section a {
	background-color: #61b5dd;
	padding: 2px 10px 6px;
	height: 16px;
}

table#main_nav td a:link, table#main_nav td a:active {
}

table#main_nav td a:hover {
	text-decoration: underline;
}

table#main_nav td {
	width: 150px;
}

table#main_nav td.filler {
	width: 470px; /* change this number to be 770 - (150 x the number of tabs across the top) 
					 eg, three tabs across the top the number would be 770 - 450 or 320px */
}

table#main_nav td.news_title {
	margin: 0 10px 0 0;
}

table#main_nav td.case_studies_title {
	margin: 0 10px 0 0;
}

table#main_nav td a.hide {
	display: none;
}

table#main_nav td.underline {
	height: 1px;
	background-color: #61b5dd;
	font-size: 0.3em;
	line-height: 0.3em;
}

ul#news_nav{
	list-style: none;
	margin: 10px 0 15px 0;
}

ul#news_nav li{
	margin: 4px 0;
}

ul#news_nav li a{
	text-decoration: none;
	color: #025f8c;
	font-size: 100%;
	font-weight: 500;
}

ul#news_nav li a:link, ul#news_nav li a:active{
}

ul#news_nav li a:hover{
	text-decoration:underline;
}

a.archive_date {
	font-size: 100%;
	text-decoration: none;
	margin: 5px 0 5px 0;
	padding: 3px;
	color: #025f8c;
	background-color: #b9dcec;
	text-transform:none;
	font-weight: 500;
	line-height: 2em;
}

a.archive_date:link, a.archive_date:active {
	color: #025f8c;
}

a.archive_date:hover {
	text-decoration: underline;
}

a.archive_date:visited {
	color: #025f8c;
}