/* GENERAL STYLES */
/* --------------------------------

       HUM CSS (SCREEN) 2007

-------------------------------- */

/* BASE STYLES */
html {
	height:100% !important;
	height:auto;
	}
body {
	height:100% !important;
	height:auto;
	}
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%;
	line-height:1.2em; 
	color: #FFF;
	margin:0;
	padding:0;
	background-color:#000;
}
div, form, img, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
}
img {
	display:block;
}
.scroll img {
	display:inline;
}
/* Base Container/Holder Elements */
#bk {
	width:100%;
	color:#000;
	background:#FFF url(../images/gen/bk/bk-gradient.gif) left bottom repeat-x;
	border-bottom:1px solid #FC0;
	}
#entire {
	width:990px;
	margin:0 auto;
	padding:15px 0 !important;
	padding-bottom:3px;
	background:#FFF;
}
#head {
	width:970px;
	margin:0 auto;
	height:100px;
	border-bottom: 1px solid #000;
	margin-bottom:15px;
	position:relative;
}
.hum {
	width:100px;
	}
#menu {
	width:720px;
	position:absolute;
	left:120px;
	top:81px !important;
	top:82px;
}
.content-hm, .content {
	width:970px;
	margin:0 auto;
	overflow:hidden;
	/*position:relative;*/
	}
.holder, .holder1, .holder3, .holder4, .holder2thirdL, .holder2thirdR {
	width:100%;
	overflow:hidden;
	/*position:relative;*/
	padding:10px 0 0;
	z-index:100;
}
.holder3 {
	background:transparent url(../images/gen/bk/bk-dot-3.gif) repeat-y;
	padding:0;
}
.holder4 {
	background:transparent;
}
.holder {
	padding-bottom:20px;
	}
.holder2thirdL, .holder2thirdR {
	background:transparent url(../images/gen/bk/bk-dot-2-bigl.gif) repeat-y;
	padding:0;
}
.holder2thirdR {
	background:transparent url(../images/gen/bk/bk-dot-2-bigr.gif) repeat-y;
}
.panel {
	width:970px;
	margin:0 auto 15px;
	overflow:hidden;
	background:#CCC url(../images/gen/bk/blk-bk.gif) bottom repeat-x;
}
.flashPanel {
	width:955px;
	height:135px;
	background:#000;
	margin:0 auto 15px;
	padding:40px 0 15px 15px;
	position:relative;
	z-index:100;
	/*overflow:visible;*/
}
#flash, #flashBk {
	position:absolute;
	left:300px;
	top:0px;
	width:670px;
	height:260px;
	z-index:200;
}
#flashBk {
	z-index:199;
}
#rFlashPanel {
	margin-top:10px;
	background:#000;
	position:relative;
	width:260px;
	padding:10px 0 0 10px;
	height:440px;
	z-index:200;
}
#rFlash {
	width:350px;
	height:450px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:200;
}
.panelBlock, .panelBlockFull {
	width:690px;
	height:189px !important;
	height:190px;
	float:left;
	overflow:hidden;
	position:relative;
}
.panelBlockFull {
	width:100%;
	}
.panelBlock img, .panelBlockFull img {
	float:left;
	width:100%;
}
.panelHead, .panelHead2 {
	width:100%;
	overflow:hidden;
	position:relative;
	background:#000;
}
.panelHead2 {
	height:90px;
	}
.blkStrip {
	width:690px;
	position:absolute;
	left:0px; bottom:0px;
	height:44px;
	background:#000;
	padding:6px 10px 0;
	overflow:hidden;
	line-height:100px;
}
.panelHead .blkStrip {
	width:100%;
	position:relative;
	height:auto;
}
.strip, .port, .col1, .col2 {
	width:213px;
	float:left;
	padding:10px 7px 4px 10px;
	overflow:hidden;
}
.holder2thirdL .col1, .holder2thirdR .col2 {
	width:450px;
	padding-left:0;
	padding-right:0;
	margin-right:20px;
}
.holder2thirdL .col2, .holder2thirdR .col1 {
	width:210px;
	padding:0;
}
.holder2thirdR .col1 {
	width:220px;
}
.holder2thirdR .col2 {
	width:440px;
	margin-left:20px;
	margin-right:0;
}


.port {
	width:143px;
	display:block !important;
	margin:0 0 10px 10px;
	padding-bottom:10px;
	background:#EEE;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	}
.port span {
	display:block;
	padding-bottom:3px;
	}
.port:hover {
	color:#FFF;
	background:#FC0;
}

.left {
	width:690px;
	float:left;
	/*position:relative;*/
	overflow:hidden;
	background:transparent url(../images/gen/bk/bk-dot-1.gif) repeat-y;
	}
.left .holder1 {
	width:590px;
	padding:10px 90px 0 10px;
	/*position:relative;*/
}
.content-hm .left .holder1 {
	width:680px;
	padding-right: 10px;
	padding-left:0;
}
.right {
	width:280px;
	float:left;
	position:relative;
}
.content-hm .right, .content .right {
	width:269px;
	padding-left:10px;
}
.content-hm .right {
	border:0;
	}
.panel .right {
	width:280px !important;
	height:189px !important;
	padding:0 !important;
	border:0 !important;
	text-align:center;
}
#footer {
	width:970px;
	margin:0 auto;
	}
#foot, #foot-pt2 {
	font-family: Verdana, Helvetica, sans-serif;
	width:679px;
	float:left;
	padding:9px 0 9px 10px;
	overflow:hidden;
	text-align:left;
	font-size:9px;
	line-height:13px;
	font-weight:bold;
	color:#999;
	display:inline;
}
#foot-pt2 {
	width:270px;
	padding-left:11px;
	background:transparent url(../images/gen/bk/bk-footer.gif) repeat-y;
	}

/* LINK STYLES */
a {
	color: #000;
	font-weight: bold;
	text-decoration: none; 
}
a:hover {
	color:#555;
	}
/* Yellow Background */
.holder1 a, .yelbk, #umbBreadcrum li a {
	color: #000; 
	text-decoration: none; 
	font-weight: bold;
	border-bottom:1px dotted #000 !important;
	border-bottom:1px solid #000;
	background:transparent;
	padding:0 2px;
	}
.holder1 a:hover, .yelbk:hover, #umbBreadcrum li a:hover { 
	color:#FFF;
	background:#FC0;
	border-bottom:1px solid #FC0 !important;
	}
.strip a {
	display:block;
	}
.strip p a {
	display:inline;
	}


.scroll a, .scroll a:hover {
	background:transparent;
	border:0 !important;
	padding:0;
}

/* News */
.news-hm span {
	float:left;
	clear:left;
	}
.news-hm:hover {
	cursor:pointer;
	}
.news-hm span.h {
	width:auto;
	margin:3px 0 0;
	padding:1px 2px 0 !important;
	padding-top:0;
	color:#FFF;
	font-size:12px;
	background:#FC0;
}
.news-hm:hover span.h {
	background:#AAA;
}
.news-hm span.p {
	font-weight: normal;
	width:100%;
	padding:3px 0 0 !important;
	padding:3px 0;
}
/* Fine */
.fine {
	color:#AAA;
	font-weight:normal;
	font-size:10px;
	border:0;
	letter-spacing:0 !important;
	letter-spacing:-1px;
	}
.fine:hover {
	color:#AAA;
	background:transparent;
	border-bottom:1px dotted #AAA !important;
	border-bottom:1px solid #AAA;

	}	
/* Panel right */
.panel .right .fine {
	color:#FFF;
	font-size:10px;
	border-color:#FFF !important;
}

.website {
	width:190px;
	margin:10px auto 9px !important;
	margin-bottom:8px;
	display:block;
}
.website img {
	margin:0 auto;
	}
.strip .website, .strip .website img {
	margin:0 !important;
	margin-top:0px;
	}
.strip .website img {
	border:10px solid #000;
	}
.strip .website:hover img {
	border:10px solid #FC0;
	}	
.port .website {
	margin:5px 0 9px !important;
	margin-bottom:8px;
	display:block;
}
.port img {
	width:140px;
	margin:0;
	}
	
/* Footer */	
#foot a, #foot-pt2 a {
	color:#999;
	border:0;
	}
#foot-pt2 a .yel {
	color:#FC0;
	}
#foot a:hover, #foot-pt2 a:hover  { 
	color:#777;
	background:transparent;
	border-bottom:1px dotted #777 !important;
	border-bottom:1px solid #555;
	}
/* Browse between Projects */
.browse {
	width:36px;
	height:18px;
	position:absolute;
	top:-2px;
	right:-2px;
	padding:6px 0;
	line-height:1px;
	text-align:center;
	border:2px solid #FFF;
	background:#FC0;
}
.back, .fwd {
	width:12px;
	height:18px;
	float:left;
	margin:0 3px 0 4px;
	background:transparent url(../images/gen/misc/browse-bk.gif) bottom no-repeat;
	}
.fwd {
	margin:0;	
	background:transparent url(../images/gen/misc/browse-fwd.gif) bottom no-repeat;
	}
.back:hover, .fwd:hover {
	background-position:top;
	}
.requestBut {
	width:270px;
	height:100px;
	display:block;
	background:transparent url(../images/gen/misc/request_r.gif);
}
a.giftGiverBut, a.giftGiverBut:hover {	
	width:670px;
	height:140px;
	padding:0;
	display:block;
	border:0 !important;
	background:transparent url(../images/gen/misc/giftGiver_r.gif);
}
.requestBut img, .giftGiverBut img {
	display:block;
	}
.requestBut:hover img, .giftGiverBut:hover img {	
	display:none;
	}

a.no-b, a.no-b:hover {
	border:0 !important;
}
/* LINKS FINISH */


/* Font Styles */
h1 {
	width:800px;
	position:absolute;
	left:150px;
	top:30px;
	font-size:31px;
	line-height:1em;
	margin:0;
	padding:0;
	color:#000;
	}
.cufon-active h1 {
	font-size: 29px;
}
h2 {
	height:50px;
}
h2, h2 a, .campaign {
	font-size:36px;
	line-height:.5em;
	margin:0;
	padding:10px 0;
	color:#FFF;
	}
h2 a:hover {
	color:#FC0;
}

.cufon-active h2, .cufon-active h2 a {
    font-size: 31px;
    padding: 5px 0;
}
.cufon-active h2 a {
	padding: 0;
}

.panelHead .blkStrip h2 {
	height:auto;
	width:690px;
	padding-bottom:0;
}
.cufon-active .panelHead .blkStrip h2 {
	margin-bottom: 6px;
}
h3, h4 {
	font-size:21px;
	line-height:17px;
	margin:0 0 4px;
	padding:0;
}
.cufon-active h4, .cufon-active h3 {
    font-size: 17px;
}
.cufon-active h4 a:hover {
    color: #FC0
}

h5, h5 a {
	font-size:13px;
	line-height:12px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0;
	color: #333;
	text-transform:uppercase;
	}
.port h5, .port h5 a {
	text-transform:none;
	}
h5 a {
	padding:0 2px;
	}
h5 a:hover {
	background:#FC0;
	color: #FFF;
	}
h5 span {
	font-size:12px;
	font-style:italic;
	}
.left .holder1 h5 {
	line-height:14px;
	}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	color: #666;
	clear:both;
	}
p, .p { 
	line-height: 1.3em;
	margin:0 0 8px 0;
	padding-bottom:1px;
	overflow:hidden;
	}
.holdPad {
	padding-right:110px;
	padding-left:12px;	
}	
.content-hm .holder1 .humHome {
	padding:20px 30px 12px 20px;
	background:#EEE;
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:1em;
	margin-right:10px;
}
p.big {
	font-size:1.2em;
}
p.tab {
	margin-left:25px;
}
.strip p, .right p, .p {
	margin:0 0 6px 0;
	}
.left .holder1 p {
	line-height:1.4em;
	}
.blkStrip p {
	position:absolute;
	left:240px !important;
	left:234px;
	bottom:9px !important;
	bottom:10px;
	margin:21px 0 0 3px;
	color:#FC0;
	font-size:12px;
	line-height:14px;
	/*font-weight:bold;*/
}
p.teaser {
	/*color:#FFF;*/
	background:#EEE;
	padding:9px 10px 10px !important;
	margin: 0 3px 0 0;
	height:30px;
}
h4.teaser {
	padding:0;
height: 38px;
	}

.flashPanel .campaign {
	width:520px;
	position:absolute;
	left:20px;
	bottom:20px;
	height:auto;
	color:#FC0;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.campaignSub {
	margin-right:30px;
}


.feature1, .feature2, .rInfoPanel {
	padding:10px 0 8px;
}
.feature2 {
	background:#000;
	padding:10px 10px 8px;
}
.rInfoPanel {
	border:3px solid #FC0;
	padding:10px 10px 6px;
	margin-top:-28px;
	position:relative;
}

.feature1 h3, .feature2 h3, .rInfoPanel h3 {
	text-transform:uppercase;
}
.feature1 h3 {
	font-size:30px;
	line-height:23px;
	}
.cufon-active .feature1 h3 {
	font-size: 23px;
}
.feature2 h3 {
	color: #FC0;
}
.rInfoPanel h3 {
	margin-bottom:5px;
}
.rInfoLcnr {
	position:absolute;
	left:-30px !important;
	left:-40px;
	top:45px !important;
	top:48px;
	z-index:100;
	width:30px;
	height:30px;
	background:transparent url(../images/gen/misc/rInfoLcnr.gif) no-repeat; 
}
.rInfoTi {
	position:absolute;
	right:5px !important;
	right:8px;
	top:-19px !important;
	top:-16px;
	z-index:100;
	width:35px;
	height:35px;
	background:transparent url(../images/gen/misc/rInfoTi.gif) no-repeat; 
}
p.f {
	padding:0 0 2px;
	margin:0;
	line-height:10px;
	}

span.quote {
	color:#FC0;
	font-weight:bold;
	}

.runin {
	margin:0 0 10px 20px;
}

ul {
	margin:0 0 5px 11px;
	padding:0 0 0 3px;
	list-style:square outside;
	font-weight:bold;
}
li {
	margin:0;
	padding:0 0 2px;
}

#umbBreadcrum {
	display:block;
	width:100%;
	list-style:none;
	margin:0;
	margin-left:-2px;
	padding:0;
	background:transparent;
	}
#umbBreadcrum li {
	padding:0 0 1px;	
	padding-right:.5em;
	float:left;
	}
.content-hm #umbBreadcrum {
	padding-left:12px;
}

/* Form Elements */
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #AAA;
	background-color:#FFF;
	color:#000;
	vertical-align:bottom;
	float:left;
	width:190px;
	font-size:12px;
	padding:2px 3px;
	}

label {
	width:80px;
	float:left;
	clear:left;
	font-size:12px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:5px 0;
	color:#000;
	}
.r { font-weight:bold; }
.button {
	background-color:#FC0;
	color:#FFF;
	border:0;
	padding:2px 10px;
	font-weight:bold;
	font-size:12px;
	width:auto;
	vertical-align:bottom;
	}
.button:hover {
	background-color:#000;
	}
.noborder {
	border:0;
	}
.no-mr {
	margin-right:0px;
	}
.fs {
	width:auto;
	overflow:hidden;
	padding-bottom:5px;
	}
.cb {
	margin-left:10px;
}
.cb input {
	border:0;
	width:auto;
	padding:0;
	margin:0 4px 0 0 !important;
	margin-top:2px;
	height:auto !important;
	height:10px;
	}
.cb label {
	width:auto;
	clear:none;
	}
.fs table, .fs td {
	width:auto;
	border:0;
	margin:0;
	padding:2px 0;
	background:transparent;
}
.fs table {
	width:690px !important;
	width:685px;
}
.fs td {
	width:230px !important;
	width:227px;
}
td label, td input {
	padding:0;
	margin:0;
	font-weight:normal;
}
.textArea {
	width:580px;
}
/* Color Styles */
.yel {color:#FC0; }
.red {color: #D00; }
.grey { color: #777; }
.white { color: #FFF; }
.white-bk {
	background-color:#FFF;
	color:#000;
	}

/* Case Studies Listers */

.caseStudyPreview { 
	background:#FFF /*url(../images/gen/misc/yellowBk.gif) repeat-x*/; 
	border-top:1px solid #DDD; 
	height:1%;
	overflow:hidden;
}
.caseStudyPreview:hover {
	background:#EEE;
}
.caseStudyPreview p { 
	font-size:10px;
	color:#000;
	line-height:1.3em !important;
}
.caseStudyPreview .fl-r {
	margin:0 0 0 5px !important;
}

/* Images in holder */
.img-r, .img-rs {
	float:right !important;
	width:140px !important;
	margin:0 10px 0 5px !important;
	text-align:center;
	}
.img-l, .img-ls {
	float:left !important;
	width:140px !important;
	margin:0 5px 0 10px !important;
	text-align:center;
	}
.img-ls, .img-rs {
	width:70px !important;
	}
.img-l img, .img-r img {
	width:140px !important;
	}
.img-ls img, .img-rs img {
	width:70px !important;
	padding-bottom:3px;
	}
.col1 .img-r {
	margin-left:15px !important;
}
.img-border { 
	border: 1px solid #666;
	}
/* Misc Styles */
.fl-r {
	float:right !important;
	}
.fl-l {
	float:left !important;
	margin-right:10px;
	}
.cl {
	clear:both !important;
	}
.ta-r {
	text-align:right !important;
	}
.ta-l {
	text-align:left !important;
	}
.ta-c {
	text-align:center !important;
	}
.mt0 {
	margin-top:0;
	}
.mt10 {
	margin-top:10px;
	}
.mt20 {
	margin-top:20px;
	}
.mb5 {
	margin-bottom:5px;
	}
.mb10 {
	margin-bottom:10px;
	}
.pl12 {
	padding-left:12px;
	}
/* --- NAVIGATION ----------------------------- */
.nav {
	width:720px;
	margin:0;
	padding:0;
	list-style: none;
	border: 0;
	text-align:left; 
	padding:0;
	overflow:hidden;
	}

.nav li {
	margin:0 0 0 30px;
	position: relative;
	width:auto;
	text-align:left;
	display:inline;
	float:left;
	}

.nav li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal; 
	text-decoration: none; 
	line-height: 12px;
	color: #000;
	margin-bottom:1px;
	padding:2px 3px 0 3px !important;
	padding-top:0;
	padding-bottom:1px;
	border:0;
	width:auto;
	display:block;
	text-transform:uppercase;
	float:left;
	}
.nav li.current a, .nav li:hover a {
	color: #FFF;
	background:#FC0;
	}

.nav li a:hover, .nav li.active a:hover {
	color: #FFF;
	background:#FC0;
	}
.nav li:hover ul { 
	display: block;
	}

/* TABLE STYLES */

table {
	margin:3px 0 10px 20px;
	border: 1px solid #938009;
	border-collapse:collapse;
	font-size:12px;
	background-color:#B8B308;
	width:480px;
	}
th, td { 
	text-align:center; 
	border: 1px solid #938009;
	border-collapse:collapse;
	padding:3px 5px;
	white-space:nowrap;
	}
td { background-color:#FFF;
	}
th {
	font-weight:bold;
	background-color:#B8B308;
	}
.g { background-color:#DAD882; }
.dg { background-color:#B8B308; }
.l {
	text-align:left !important;}
tr.b td {
	font-weight:bold;
}

/* SITEMAP STYLES */

.siteMap{
	list-style-image: url(/images/page_icon.gif);
	
}

.siteMap li{
	margin-bottom:0;
	margin:.6em 0;
	font-size:1.2em;
	line-height:1em;}
.siteMap ul {
	padding:.2em 0 0;
	margin-left:1.2em;
	}
.siteMap ul li {
	margin:.4em 0 0;
	font-size:.8em;
}
.siteMap ul a{
	font-weight:normal;
}

#sitemap a {
	border:0 !important;
}

/* EDITOR PROPERTIES */