/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
Copyright (c) 2008, Squareflo New Media Inc.
http://www.squareflo.com/
Tim Fletcher
*/

html				{background: url(../images/bg.png);}
body				{border: 0; margin: 0; padding-top: 10px;}
#fauxColumns		{margin: 0 auto; width: 950px; text-align:left; background: #FFFFFF url(../images/bg_column.png) 12px 0 repeat-y; z-index:10;}
#container			{margin: 0 auto; width: 950px; text-align:left; background: #E9EBED url(../images/content-bg.png) 0 300px repeat-x;}
#nav				{}
#header				{background: #FFFFFF; height: 271px; background: url(../images/bg_banner.png) repeat-x;}
#primary			{float:right; width: 650px; display:inline; padding: 0 20px 15px 20px;}
#secondary			{float:right; width: 260px; margin: 0; display:inline;}
#footerContainer	{background: #192C3E; width: 100%; background: url(../images/bg_footer.png) repeat-x;}
#footer				{width: 100%; margin: 0px auto; padding: 15px 0; background: url(../images/bg_footer.png) repeat-x;}
#menu				{margin: 0px auto;}
#menu-container		{width: 100%; background: url(../images/bg_menu.png) repeat-x;}

div.floatClear		{clear: both;}
div.hr				{height: 4px; background: #213D55; width: 606px; margin: 5px 0 24px 25px; font-size: 1px;}

body				{font: 14px/1.5em "Trebuchet MS", Verdana, sans-serif;}
p					{color: #2F465D; margin-bottom: 1em;}
h1					{font-size: 36px; color: #029dda; line-height: 36px; margin: 20px 0 20px 0; padding: 0 0 7px 20px;}
h1.pageHeader		{border-bottom: 4px solid #2F465D;}
h2					{font-size: 20px; color: #2F465D; margin: 0 0 10px 0; line-height: 1.1em;}
h3					{font-size: 18px; color: #029DDA; margin: 0 0 15px 0; font-weight: bold;}
a					{text-decoration: none; color: inherit;}
a:hover				{text-decoration: underline; color: inherit;}
strong				{font-weight: bold;}
em					{font-style: italic;}
img					{display: block;}

#primary ul			{margin-left: 35px;}
#primary ul li		{list-style-type: disc; margin: 3px 0;}
#primary ul li a	{color:#029DDA; font-weight:bold;}

img#logo			{margin: 18px 0 0 0; float: left;}
div#banner			{margin-left: 280px; position: relative; top: 18px;}
div#headerContent	{width: 900px; margin: 0 auto;}

.content			{color: #2F465D;}
.content a			{color: #029DDA; font-weight: bold;}
.content ul, ol		{margin: 20px 0 20px 30px;}
.content li			{color: #2F465D; list-style-type: disc;}
.content .date		{width: 55px; margin: 0 0 0 -5px; text-align: center; font-weight: bold; text-transform: uppercase; display: block; color: #029dda; float: left; padding-top: 3px;}
.news				{margin-left: 65px;}
div.news            {margin-bottom: 20px;}
.main-news			{margin-top: 30px;}
.news-article		{padding: 10px 0 0 20px; border-bottom: 1px solid #CCCCCC; min-height: 95px;}
.news-article h2 a	{color: #2F465D; font-weight: normal;}
.more-news			{padding: 5px 0;}
.client-popup,
.team-popup			{width: 500px;}
a.team-member-link	{color: #2F465D;}

#latestNews			{background: url(../images/sb_box_bottom.png) 0 100% no-repeat; margin: 20px 0 20px 26px; width: 206px;}
#latestNews h3		{background: url(../images/sb_box_top.png) 0 0 no-repeat; padding: 15px 15px 10px 15px; margin: 0; color: #2F465D;}
#latestNews h3 a    {color: #2F465D;}
#latestNews p		{font-size: 12px; margin: 0 10px 0 77px; line-height: 1.3em;}
#latestNews .date	{width: 55px; margin-left: 13px; text-align: center; font-weight: bold; text-transform: uppercase; display: block; color: #029dda; float: left; display: inline; padding-top: 3px;}
#latestNews img		{padding: 10px 0 15px 37px; clear: both;}
#announcement		{background-image:url(../images/sticky_note.jpg); width:167px; height:144px; background-repeat:no-repeat;margin-left:20px; padding:50px 20px 0px 30px; margin-bottom:20px; }
#announcement-text	{width:167px; height:120px; overflow:hidden; font-family:"Comic Sans MS", "Trebuchet MS", Verdana, sans-serif; font-size:14px; line-height:20px; text-align:center;  }
.date .month		{font-size: 26px; display: block; margin-bottom: 10px;}
.date .day			{font-size: 40px; display: block; color: #7ac142; }
.date .year			{font-size: 20px; display: block; margin-top: 4px;}
#tryDemo			{margin: 25px 0 18px 26px;}
#requestInfo		{margin: 20px 0 20px 28px;}

div#email-box		{width: 380px;}
div#email-box p		{margin: 0;}
div#email-box ul#formElements		{padding: 0; margin: 0;}
div#email-box ul#formElements li	{list-style-type: none; margin-bottom: 5px;}
div#email-box legend				{padding-bottom: 10px;}
div#email-box label					{display: inline-block; width: 100px;}
div#email-box .input				{border: 1px solid #CCCCCC; width: 170px; padding: 3px; background: #EEEEEE;}
.spamSum							{width: 270px;}
div#email-box .error				{color: red; margin: 0;}
div#messageBox p label 				{margin-bottom: 10px; width: 300px;}

#footer p			{font-size: 10px; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0 20px;}
#footer a			{color: #FFFFFF;}
.alignLeft			{float: left;}
.alignRight			{float: right;}
.client-image		{padding: 5px; border: solid 1px #cccccc; margin: 5px; float: left;}
.content a:hover img{background-color: #666666;}