/* >>> CSG Interactive CSS Document >>> */

body,div,p,a,ul,ol,li,dl,dt,dd,img,table,td,form,fieldset
							{ margin: 0px; padding: 0px; border: 0px; text-align: left; font: 11px/1.75em Arial, Helvetica, Verdana, sans-serif; letter-spacing: .03em; color: #222; }
body						{ background-color: #8de7fa; line-height: 16px;}
ul,ol,dl,li,dt,dd			{ list-style: none; }
form,fieldset				{ margin: 0px; padding: 0px; display: inline; }
input						{ margin: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; }

a							{ text-decoration: none; }
a:link						{ text-decoration: underline; color: #135788; }
a:visited					{ text-decoration: none; color: #999999; }
a:hover						{ text-decoration: underline; color: #ff6600; }
a:active					{ text-decoration: underline; }

strong,b					{ font-weight: bold; }
em,i,.em					{ font-style: italic; }
p							{ color: #222; font: 11px/1.75em Arial, Helvetica, Verdana, sans-serif; padding: 0px 15px 5px 40px; }
h1							{ color: #555555; font: 18px/1.5em Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: .01em; padding: 0px 15px 0px 40px; }
h2							{ color: #555555; font: 16px/1.5em Arial, Helvetica, Verdana, sans-serif; font-weight: bold; padding: 0px 15px 0px 40px; }
h3							{ color: #222; font: 12px/1.5em Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-style: normal; padding: 0px 15px 0px 40px; }
h4							{ color: #888888; font: 12px/.75em Arial, Helvetica, Verdana, sans-serif; font-weight: normal; padding: 0px 15px 0px 40px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Globals - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nowrap						{ white-space: nowrap; }
.csg						{ color: #ff6600; }
.blk						{ color: #222; }
.blu						{ color: #45a3be; }
a.csg						{ color: #ff6600; text-decoration: none; }
.casehr						{ margin: 0 18px 0 40px; }
.column						{ margin: 0 0 0 40px; }
.csh						{ color: #555555; font: 16px/1.1em Arial, Helvetica, Verdana, sans-serif; font-weight: bold; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Build - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#headerwrap				{ width: auto; height: 75px; }
div#borderR					{ width: auto; height: 75px; float: right; background: url(../images/border_line.gif) repeat-x bottom #8de7fa; }
div#borderL					{ width: auto; height: 75px; float: left; background: url(../images/border_line.gif) repeat-x bottom #8de7fa; }
div#header					{ width: 924px; height: 75px; background: url(../images/header_line.gif) no-repeat bottom #FFF; margin: 0 auto; display: block; }
a.header_logo				{ width: 230px; height: 62px; float: left; }
div#bar						{ width: auto; height: 125px; background-color: #853f2c; }
div#banner					{ width: 924px; height: 125px; background-color: #999999; margin: 0 auto; z-index: 1; }
div#container				{ width: 924px; height: inherit; background-color: #FFFFFF; margin: 0 auto; }
div#casestudies				{ float: left; width: 735px; height: auto; }
div#casestudies ul#thumbs			{ float: left; width: 700px; height: 30px; padding: 15px 0 0 40px; }
div#casestudies ul#thumbs li		{ display: inline; }
div#casestudies ul#thumbs li a		{ text-decoration: none; }
div#casestudies ul#thumbs li img	{ width: 26px; height: 30px; }
.submenu							{ display: none; width: 700px; height: auto; }
.submenu ul#left					{ float: left; width: 275px; height: auto; padding: 15px 0 0 40px; }
.submenu ul#right					{ float: left; width: 375px; height: auto; padding: 15px 0 0 0; }
.submenu ul#right li				{ padding: 0; margin: 0; }
div#rcol					{ float: right; width: 178px; height: auto; }
div#mcol					{ float: left; width: 368px; height: auto; padding: 15px 0; }
div#lcol					{ float: left; width: 368px; height: auto; padding: 15px 0; }
div#cshome					{ width: 368px; height: auto; padding: 15px 0; }
div#cshome a				{ width: 368px; }
div#cshome a img			{ float: left; margin: 10px 0 10px 40px; }
#media li					{ width: 178px; height: 44px; background: url(../images/media_line.gif) repeat-x bottom #EEEEEE; margin: 2px 0 0 0; }
#media li:hover				{ background: url(../images/media_line2.gif) repeat-x bottom #E9E9E9; }		
#media li a.medicon			{ height: 25px; line-height: 25px; float: right; padding: 8px 10px 0 0; }
#media li a.medtext			{ height: 11px; line-height: 11px; float: right; padding: 16px 8px 0 0; }
#pair li					{ clear: both; }
#pair li a					{ float: right; margin: 15px 28px 0 0; }
#add li a					{ float: right; margin: 15px 26px 0 0; }
div#footer					{ clear: both; padding: 20px 40px; }
div#footer li				{ display: inline; color: #888888; font: 9px Arial, Helvetica, Verdana, sans-serif; }
div#footer li a				{ color: #888888; font: 9px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
div#footer li a:hover		{ color: #ff6600; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Conditional Items - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#home div#bar			{ height: 275px; }
body#home div#banner		{ height: 275px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#nav						{ width: 412px; height: 75px; float: right; letter-spacing: .03em; }

/* --- Login Button --- */
ul#login				    { width: 118px; height: 18px; float: right; display: block; background-color: #EEEEEE; }
ul#login li					{ display: inline; }
ul#login a					{ text-decoration: none; color: #888888; font-style: normal; }
ul#login a:hover			{ color: #666666; }
ul#login a img				{ float: right; padding: 2px 3px 0 0; }

/* --- First Level Lists --- */
ul#nav						{ width: 412px; height: 16px; line-height: 16px; float: right; margin-top: 40px; }
ul#nav li					{ display: inline; height: 16px; line-height: 16px; position: relative; border: 1px solid #FFF; margin-right: 10px; }
ul#nav li a					{ height: 16px; line-height: 16px; color: #45a3be; padding-bottom: 2px !important; padding-bottom: 0; font-size: 10px; font-weight: bold; font-style: italic; text-decoration: none; border: 1px solid #FFF; }
ul#nav li a:hover			{ color: #035b74; }		
*+html/*/+/**/ body ul#nav li a { padding-bottom: 1px !important; }

/* --- Second Level Lists --- */
ul#nav li ul				{ left: -999em; width: 120px; position: absolute; z-index: 100; }
ul#nav li li				{ display: list-item; height: 20px; line-height: 20px; padding: 0 4px; background-color: #FFF; border-bottom: 1px solid #45a3be; }
ul#nav li li:hover			{ background-color: #EEEEEE; }
ul#nav li li.top			{ border-top: 1px solid #45a3be; margin-top: 2px !important; margin-top: 0;  }
*+html/*/+/**/ ul#nav li li.top { margin-top: 1px !important; }
ul#nav li li a				{ display: block; color: #45a3be; height: 20px; line-height: 20px; font-weight: normal; font-style: italic; text-decoration: none; border: none; }

/* --- Hovered Lists --- */
ul#nav li:hover ul 				 		{ left: 0; top: 100%; }
#nav li:hover ul, #nav li.sfhover ul 	{ left: 0; top: 100%; }