/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }

body 	{ font-size: 13px; font-family: verdana, arial, sans-serif; text-align: center; color: #666; background: #333 url(../images/bg.gif) repeat-x;}
body.home 	{ background: #333 url(../images/bg_home.gif) repeat-x;}
table, th, td, input, textarea, select { font-size: 14px; font-family: verdana, arial, sans-serif; color: #666; text-align: left; }

#skip	{ display: none;}

a:link, a:visited	{ color: #308787; text-decoration: underline; font-weight: bold;}
a:hover		{ color: #005983; text-decoration: none; }

#bg			{ background: url(../images/bg_shadow.gif) repeat-y 50% 0; }
#bg_top		{ background: url(../images/bg_top.gif) no-repeat 50% 0; }
#bg_h_top	{ background: url(../images/bg_h_top.gif) no-repeat 50% 0; }
#bg_btm		{ background: url(../images/bg_btm.gif) no-repeat 50% 100%; min-height: 200px; _height: 200px; padding: 30px 0 10px; }

#container	{ position: relative; width: 990px; margin: 0 auto 0; text-align: left; z-index: 50; background: #fff; }

#header		{ position: relative; height: 113px; z-index: 50; }
.logo		{ padding: 40px 0 0 20px; }

/* NAVIGATION */
#nav { position: absolute; bottom: 16px; right: 20px; height: 40px; width: 422px;z-index: 50; }
#nav li { float: left; position: relative; font-size: 12px; list-style: none; height: 40px; background-color: #333;  }
#nav li a { position: relative; height: 48px; color: #fff; display: block; text-decoration: none; cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 40px; }
#nav li, #nav li a, #nav li strong	{ background-image: url(../images/nav.gif); }

#nav li.solutions, #nav li.solutions a, #nav li.solutions a strong	{ background-position: 0px 0px; width: 130px; }
#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: -130px 0px; width: 74px; }
#nav li.resources, #nav li.resources a, #nav li.resources a strong	{ background-position: -204px 0px; width: 84px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong		{ background-position: -288px 0px; width: 86px; }
#nav li.credit, #nav li.credit a, #nav li.credit a strong			{ background-position: -374px 0px; width: 132px; }

/* MAINTAINS ON STATE WHILE OVER DROP DOWNS */
#nav li.solutions:hover a, #nav li.solutions a:hover, #nav li.solutions:hover a strong, #nav li.solutions a:hover strong	{ background-position: 0px -40px; width: 130px; }
#nav li.about:hover a, #nav li.about a:hover, #nav li.about:hover a strong, #nav li.about a:hover strong					{ background-position: -130px -40px; width: 74px; }
#nav li.resources:hover a, #nav li.resources a:hover, #nav li.resources:hover a strong, #nav li.resources a:hover strong	{ background-position: -204px -40px; width: 84px;}
#nav li.contact:hover a, #nav li.contact a:hover, #nav li.contact:hover a strong, #nav li.contact a:hover strong			{ background-position: -288px -40px; width: 86px; }
#nav li.credit:hover a, #nav li.credit a:hover, #nav li.credit:hover a strong, #nav li.credit a:hover strong				{ background-position: -374px -40px; width: 132px; }

/* ON STATE */
#nav li.solutionson, #nav li.solutionson strong		{ background-position: -0px -80px; width: 130px; }
#nav li.abouton, #nav li.abouton strong				{ background-position: -130px -80px; width: 74px; }
#nav li.resourceson, #nav li.resourceson strong		{ background-position: -204px -80px; width: 84px; }
#nav li.contacton, #nav li.contacton strong			{ background-position: -288px -80px; width: 86px; }
#nav li.crediton, #nav li.crediton strong			{ background-position: -374px -80px; width: 132px; }


#h_main	{ position: relative; background: url(../images/bg_h_main.jpg) no-repeat; height: 380px;}
	a.link1:link, a.link1:visited, a.link2:link, a.link2:visited	{ position: absolute; display: block; height:30px; left:30px; top:124px; width:200px; text-decoration: none; }
	a.link2:link, a.link2:visited	{ height:300px; left:720px; top:45px; width:250px; }
	
#subhead	{ height: 80px; background: #375454 url(../images/bg_subhead.gif) repeat-x; color: #fff; }
	#subhead p	{ padding: 22px 0 0 31px; }

#content	{ padding: 30px; line-height: 18px; }
	#content p	{ padding: 0 0 20px; }
	#content ul	{ padding: 0 0px 20px; }
	#content ol	{ padding: 0 25px 20px; }
	#content ul li	{ list-style: none; background: url(../images/bullet.gif) no-repeat 4px 7px; padding: 0 0 4px 20px; }
	
.column1, .column2, .column3, .column3b	{ float: left; display: inline; width: 300px; margin: 0 10px 20px 0;}
	.column2	{ width: 215px; }
	.column3	{ width: 400px; margin: 0 50px 20px 0; }
	.column3b	{ width: 440px; margin: 0 0 20px 0; }
	
.content_solutions	{ background: url(../images/bg_solutions.jpg) no-repeat 550px 10px; min-height: 412px; _height: 412px; }
	
.home #footer	{  height: 100px; }
#footer	{ clear: both; height: 70px; padding: 0 30px 0 20px; line-height: 18px; }
	#footer ul	{ padding: 45px 0 0 0; }
	#footer li	{ list-style: none; float: left; font-size: 10px; font-weight: bold; border-left: 1px solid #dfdfdf; }
	#footer li.first	{border: 0;}
	#footer li a:link, #footer li a:visited	{ color: #999; text-decoration: none; display: block; float: left; height: 15px; line-height: 15px; padding: 0 8px; }
	#footer li a:hover	{ color: #666; text-decoration: underline;}
	#footer .list2	{ float: right;}
	
.footer_info	{ float: right; font-size: 12px; text-align: right;}
	.footer_info b	{ font-size: 12px;}
	.copyright		{ font-size: 10px;}

.contactform		{ margin: 0 0 15px;}
	.contactform td		{ padding: 5px; vertical-align: top;}
	.contactform td label	{ font-weight: bold; display: block; }
	.contactform td span	{ color: #900; font-size: 12px; line-height: 12px;}
	.contactform td span b	{ font-size: 16px;}
	.contactform .input				{ border: 1px solid #999; border-color: #666 #ddd #ddd #666; padding: 2px; font-family: verdana, sans-serif; font-size: 13px;  }
	.contactform .btn				{ padding: 0 2px; font-weight: bold; text-transform: uppercase; font-family: verdana, sans-serif; font-size: 13px; color: #4e6e1a;}
	.contactform .input:focus, .contactform textarea:focus	{ background: #FFFFCC;}

/* MISC*/

.clear		{ clear: both; }
.floatright	{ float: right; margin: 5px 0 10px 15px; clear: right;}
.floatleft	{ float: left; margin: 5px 15px 10px 0;}
.alignright	{ text-align: right;}
.small	{ font-size: 11px;}

hr	{ height: 1px; border: 0; background: #ddd; color: #ddd; margin: 0 0 15px; clear: both; }

sup	{ line-height: 0; color: #999; }

blockquote	{ border-left: 3px solid #f7941d; padding: 10px 20px; font-style: italic; line-height: 22px; color: #767676}
	blockquote p	{ padding: 0 !important;}

h1	{ font-size: 20px; padding: 0 0 10px; position: relative; line-height: 18px; font-family: arial, verdana, sans-serif; font-weight: normal;}
h2	{ font-size: 16px; margin: 0 0 5px; font-family: helvetica, verdana, sans-serif; }
h3	{ font-size: 15px; text-transform: uppercase;  color: #aea09a }
h4	{ font-size: 13px; text-transform: uppercase; padding: 0 0 5px;}

/* contact form */
.error { color: #ff0000; }
.confirm { color: #660000; }


/* awesomebox */
#aOverlay { background: #111; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 900; display: none; cursor: pointer;}
#aBox { position: absolute; z-index: 950; height: 42px; width: 42px; overflow: hidden; }
#aBox div#aImgHolder { display: block; padding: 10px 0; background: #333; min-height: 32px; }
#aBox img#aImg { display: block; margin: 0 10px; background: #333; }
#aBox *:focus { -moz-outline: 0;; }
#aBox a.aButton { float: right; background-color: transparent; background-image: url(../images/aBox-buttons.gif); text-decoration: none; width: 40px; height: 16px; cursor: pointer; border: 0; background-repeat: no-repeat; }
#aBox a.aButton:hover { background-color: transparent; text-decoration: none; border: 0; }
#aBox a.aButton:active { background-color: transparent; border: 0; }
#aBox a#aCloseButton { width: 28px; height: 32px; }
#aBox a#aCloseButton { background-position: 0 0; float: left; }
#aBox a#aNextButton { background-position: -68px 0; }
#aBox a#aPrevButton { background-position: -28px 0; }

#aBox a#aCloseButton:hover { background-position: 0 -64px; }
#aBox a#aNextButton:hover { background-position: -68px -64px; }
#aBox a#aPrevButton:hover { background-position: -28px -64px; }

#aBox a#aCloseButton:active { background-position: 0 -32px; }
#aBox a#aNextButton:active { background-position: -68px -32px; }
#aBox a#aPrevButton:active { background-position: -28px -32px; }

#aBox div#aBoxMeta { position: absolute; left: 0; z-index: 960; background: #333; padding: 0 10px; height: 0; overflow: hidden; }
#aBox h1#aInfoTitle { color: #999; font-size: 15px; font-weight: bold; margin: 0 80px 0 32px; padding: 0 !important; }
#aBox p#aCount { clear: right; float: right; text-align: center; width: 80px; margin: 0; color: #999; font-size: 12px; }
#aBox p#aInfo { margin: 0 80px 0 32px; color: #999; font-size: 12px; }
#aBox h1#aInfoTitle, #aBox p#aCount, #aBox p#aInfo { text-transform: none !important; }

img#aLoadImg { position: absolute; top: -900em; left: -900em; border: 0; width: 32px; height: 32px; z-index: 999; }