/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ border-top:7px solid #84D0F0; margin:0; padding-top:15px; font-family:arial; font-size:.85em; line-height:140%; color:#333;}

#container								{  margin: auto }

#header									{ width:978px; margin:auto;  }

#navigation								{  width:708px; margin:auto; padding-left:270px;position:relative; top:-60px;}

#footer									{ background: url("images/footer-bg.png") 0 0 repeat-x #333; color:#fff; font-weight:bold; border-top:3px solid #84D0F0; padding:15px 0 30px 0; clear:both; overflow:auto;}

.wrap									{ width:978px; margin:auto; }


/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

#content								{ width:978px; margin:auto; padding-top:15px; background:url("images/page-back.png") 744px 0 no-repeat ; }

#substance h1							{ color:#00AEDC; font-size:230%; letter-spacing:-.5px;}
#substance h2							{ color:#98BF0E; font-size:180%; clear:both; overflow:hidden; font-weight:bold; padding-top:15px; border-top:1px solid #84D0F0; line-height:1.25em }
#substance h3							{ color:#00AEDC;}

#related h2,
body.home #additonal h2					{ background:url("images/additonal-h2.png") bottom left no-repeat #96BD0E;  padding:10px 10px 15px 10px; color:#fff;  font-size:130%; margin-bottom:10px;}

#related ul								{ list-style:none; margin:0 0 15px 0; }
#related li a							{ padding:5px; background:url("images/small-blue-grad.png") 0 0 repeat-x #46C1E6; color:#fff; font-weight:bold; text-decoration:none;display:block; margin-bottom:5px; }

#preamble								{ background:url("images/preamble-back.png") 0 0 repeat-x #84D0F0;  }
#preamble .wrap							{ background:url("images/header-common.png") 0 0 no-repeat; height:120px;  }
#preamble .wrap	h1						{ color:#fff; clear:both; font-size:280%; position:relative; top:10px; line-height:1.15em}

#header h1								{ margin: 0 }
#header img								{ border:none; }

#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin-left: 0; }
#navigation	li							{ margin:0; display:inline}
#navigation li a						{ float:left; background:url("images/common-blue-grad.png") 0 0 repeat-x #03AFDC; padding:5px 10px; margin-right:5px; color:#fff; text-decoration:none;}
#navigation li a:hover					{ background:url("images/green-grad.png") 0 0 repeat-x #88B309; }

#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }
#footer a								{ color:#ff; text-decoration:none; color:#fff;}
#footer address							{ font-style:normal; float:left; }
#footer dl								{ float:left; padding-right:90px; }
#footer dt								{ margin-bottom:-1.4em; }
#footer dd								{ padding-left:30px; }
#footer .panel							{ width:240px; float:right; }

.breadcrumbs							{ font-weight:bold; color:#00AEDC; background:url("images/breadcrumb-back.png") top right repeat-y #E6F6FC; width:746px; border:1px solid #84D0F0; border-right:0px; padding:5px; }
.breadcrumbs a							{ text-decoration:none; color:#84D0F0; }

#substance								{ width:524px; float:left; position:relative; padding-left:00px; right:-212px; padding-bottom:30px; padding-right:20px; padding-top:16px; background:url("images/page-back.png") top right no-repeat ;}
#related								{ width:192px; float:left; position:relative;  left:-544px;  padding-top:15px; padding-bottom:30px;} 
#additonal								{ width:202px; float:right; padding:0 10px; margin-top:-55px;  }
	
#additonal .call-to-actions img			{ margin-bottom:15px; }
.call-to-actions img					{ border:none; }

#substance form							{ }
#substance fieldset						{ border:1px solid #ccc;  padding:15px; margin:0 0 15px 0; }	
#substance form dt						{ font-weight:bold;  }
#substance form dd						{ margin:5px 0; }
#substance form dd	*					{ width:480px; }

#substance ul							{ list-style:none; margin:0 0 1em 0; }
#substance ul li						{ background:url("images/li-bullett.png") 0 .4em no-repeat; padding-left:15px; margin-bottom:5px; }
#substance a							{ color:#00AEDC; }

#additonal form							{ }
#additonal fieldset						{ border:none;  padding:0; margin:0 0 15px 0; }	
#additonal form dt						{ color:#333; }
#additonal form dd						{ margin:5px 0; }
#additonal form dd	*					{ width:190px; }

input,
textarea								{ background:url("images/input-grad.png") 0 0 repeat-x #fff;}

#additonal input,
	#additonal textarea					{ background:#F8F8F8; border:1px solid #eee; padding:2px;}
	
#additonal form div input,
	#substance form div input				{ background:url("images/submit-button.png") 0 0  no-repeat; border:none; width:68px; height:25px; color:#fff; cursor:pointer; font-weight:bold }

a.feed 									{ display:none; }
a.button								{ background:url("images/common-blue-grad.png") 0 0 repeat-x #03AFDC; border:none; color:#fff; cursor:pointer; font-weight:bold; border:none; padding:5px; text-decoration:none; }

#substance table						{ border-collapse: separate; border:none;}
#substance table th						{ background:#00AEDC; color:#fff; padding:5px; border:none;}
#substance table td						{ border:none; padding:5px; }
#substance table tr						{ border:none;}
#substance table td.alt					{ background:#eee; }

#form-error					{ border:2px solid #900; padding:15px; background:#fdd; margin-bottom:2em; clear:both;}
#form-error h1					{ font-size:1.4em; color:#900; border:none;}
#form-error ul					{ list-style:none; position:relative; margin:0; }
#form-error ul li				{ background:none; }

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

body.home #preamble						{  }
body.home #preamble .wrap				{ height:155px; background:url("images/header-home.png") 0 0 no-repeat; }
body.home #preamble .wrap	h1						{ top:30px; }
body.home #substance 						{ width:736px; float:left; padding-right:20px; position:static; padding-left:0;}
body.home #related						{ position:static;  }
body.home #additonal					{ position:static; margin-top:-20px; }


body.home #substance b					{ }
body.home #substance h2					{ background:url("images/h2-back.png") bottom left no-repeat #79CDEF; padding:10px 10px 20px 10px; clear:both; color:#fff; font-size:140%; padding-top:10px;}
body.home #substance h3					{ color:#00AEDC; font-size:230%; letter-spacing:-.5px; line-height:110%; margin-bottom:10px; margin-top:0; }
body.home #substance img				{ float:right; margin:0 0 15px 15px; }
body.home #substance .call-to-actions img	{ margin:0 7px; float:none; }

body.video #substance object							{ display:block; margin:20px auto; }

body.showcase #substance img			{ float:none; margin:0 auto 15px auto; display:block; padding:0; border:none;}
body.showcase #substance i				{ color:#00AEDC; font-style:normal }

body.clients #substance h2				{ color:#00AEDC; font-size:230%; letter-spacing:-.5px; }
body.clients #substance h3				{ color:#98BF0E; font-size:180%; font-weight:bold; padding-top:15px; border-top:1px solid #84D0F0 }
body.clients #substance img				{ float:left; clear:both; margin-right:30px; }

body.default #substance img				{ float:right; margin:5px 0 15px 15px; padding:5px; border:1px solid #84D0F0}

#substance .news-article-comment-form  form div input	{ background:#00AEDC; width:150px;}

#images									{ border:1px solid #eee; padding:5px; margin-bottom:20px;}

ul#thumbnails								{ list-style:none; margin:0 0 20px 0; }
ul#thumbnails img							{ padding:5px; border:1px solid #00AEDC; margin:2px 3px; }
ul#thumbnails li							{ display:inline; padding:0; background:0; }
ul#thumbnails li.active	img					{ border:1px solid #88B409; }

/* NEWS */

#article-rating  						{ float: left; width:100%; }
#article-rating p 						{ float: left; }
#article-rating ul 						{ float: right; list-style:none; margin:-10px 0 0 0; padding:0 }
#article-rating ul li					{ margin:0; padding:0; float:left; }
#article-rating ul li a 				{ float:left; display:block; width:33px; margin:0; height:31px; text-indent:-10000em;  background:url("images/rating-star.gif") 0 0 no-repeat #ddd;  }
#article-rating ul li a.selected		{ background-color:#24CEE9; }
#article-rating ul:hover li a.selected	{ background-color:#f90; }

.news-article-comment					{ background: #eee; padding:15px 15px 2px 15px; margin-bottom: 1.25em }




/* Rounded Borders */

body.home #substance h2,
#navigation	li a,
#related h2,
#additonal h2,
#related li a,
input,
textarea,
fieldset,
a.button						{ -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;}