/*
Theme Name: Compact Information Systems
Theme URI: http://www.compactsystems.com
Description: Custom theme for Compact Information Systems by Eben Design
Version: 1.1
Author: Chris Rodriguez @ Eben Design
Tags: None
*/

body { margin: 0; padding: 0 0 25px 0; background: url(backgrou.jpg) 0 0 repeat-x #ecebeb; font-family: arial, sans-serif; font-size: .70em; color: #6c6c6c ; position: relative; z-index: 0; }
.rainbow { background: url(rainbow0.jpg) center top no-repeat transparent; padding: 26px 0 0 0; height: 100%; }
.round { background: url(bg-modul.gif) 0 0 repeat-x #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding-bottom: 19px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.withborder { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: transparent; margin: -40px 0 0 0; padding: 0 19px 7px 54px; position: relative; zoom: 1; }
.withbordernomargin { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
.padding { padding: 19px 0 8px 20px; .padding: 19px 0 11px 20px; _padding: 19px 0 11px 20px; }
.paddingnonetop { padding: 0 0 10px 20px; .padding: 0 0 7px 20px; }
.lrborders { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; margin: -15px 0 0 0; padding: 0 19px 7px 19px; height: 80%; }
.clear { display: block; clear: both; }
.rss { background: url(img-rss0.gif) 6px center no-repeat; padding-left: 49px!important; color: #ff9900!important; }
.rss:hover { background: url(img-rss0.gif) 6px center no-repeat #f2f2f2!important; padding-left: 49px!important; color: #ff9900!important; }
a.tint:hover, a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
h1 { margin: 0 0 15px 0; font-size: 30pt; }
h2 { margin: 0 0 15px 0; font-size: 22pt; }
h3 { margin: 0; font-size: 15pt; }
h4 { margin: 7px 0 10px 0; font-weight: bold; font-size: 1.4em; }
h6 { margin: 10px 0 5px 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
.red { color: #991116; }
a img, img a, img { border: 0; }
a { text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: underline; }

#container { margin: 0 auto; padding: 0; width: 949px; }
#header { height: 86px; position: relative; color: #fff; }
	.logo { float: left; display: inline; width: 242px; height: 62px; }
	.bookmarks { float: right; display: inline; width: 125px; height: 16px; margin: 3px 0 0 0; }
	.anav { width: 700px; float: right; display: inline; text-align: right; margin: 30px 0 0 0; }
		.anav a { text-transform: uppercase; font-size: 1.0em; color: #fff; margin: 0 3px 0 3px; }
#footer { margin: 22px 0 0 0; }
	#footer a { color: #6c6c6c; line-height: 1.5; }
	#footer a.nobold { font-weight: normal; }
	
#left { width: 680px; float: left; display: inline; margin: 0; }
#slider { height: 256px; width: 640px; overflow: hidden; background: #343434; }
.leftbot { background: url(bg-mod-b.gif) left bottom no-repeat transparent; height: 10px; _margin: -4px 0 0 0; }
.fulltop { background: url(bg-mod-t.gif) left top no-repeat transparent; height: 19px; }
.fullbot { background: url(bg-mod-c.gif) left bottom no-repeat transparent; height: 9px; _margin: -4px 0 0 0; }
	#tabs { width: 680px; height: 38px; }
		#tabs h1 { text-indent: -9999px; margin: 0; padding: 0; height: 38px; overflow: hidden; cursor: pointer; }
		.resident { display: inline-block; float: left; height: 38px; width: 227px; background: url(nav-resi.gif) 0 0 no-repeat; }
		.resident:hover, .resident-active { display: inline-block; float: left; height: 38px; width: 227px; background: url(nav-resi.gif) 0 -38px no-repeat; }
		.business { display: inline-block; float: left; height: 38px; width: 226px; background: url(nav-busi.gif) 0 0 no-repeat; }
		.business:hover, .business-active { display: inline-block; float: left; height: 38px; width: 226px; background: url(nav-busi.gif) 0 -38px no-repeat; }
		.consumer { display: inline-block; float: left; height: 38px; width: 227px; background: url(nav-cons.gif) 0 0 no-repeat; }
		.consumer:hover, .consumer-active { display: inline-block; float: left; height: 38px; width: 227px; background: url(nav-cons.gif) 0 -38px no-repeat; }
	.f-yellow { width: 640px; height: 257px; background: url(feature-.jpg) 0 0 no-repeat; }
	.f-green { width: 640px; height: 257px; background: url(feature0.jpg) 0 0 no-repeat; }
	.f-blue { width: 640px; height: 257px; background: url(feature1.jpg) 0 0 no-repeat; }
		.f-yellow p, .f-green p, .f-blue p { font-size: 1.3em; color: #fff; width: 571px; padding: 85px 0 0 35px; line-height: 1.5; margin: 0; }
		.f-yellow p img, .f-green p img, .f-blue p img { float: right; }
	.flash { width: 640px; }

#right { width: 260px; float: right; display: inline; margin: 0; }
	.module { height: 226px; margin: 0 0 5px 0; background: url(bg-mod-d.gif) left bottom no-repeat transparent; }
		.module p { line-height: 1.4; margin: 10px 0 0 0; }
#full { width: 948px; margin: 1px 0 0 0; background: #fff; }
	#full a { color: #991116; }
	.lcol { float: left; display: inline; width: 262px; margin: 0 55px 0 0; }
	.rcol { float: right; display: inline; width: 215px; margin: 0; }
	.com { float: left; display: inline; width: 180px; margin: 42px 35px 0 0; }
		.lcol p, .rcol p, .com p { line-height: 1.4; }
#fullc { width: 948px; margin: 0; }
	.login-full { width: 907px; height: 41px; background: transparent; overflow: hidden; color: #fff; }
		.login-full a { color: #fff!important; }
		a.btn-register-lg { position: absolute; top: 168px; right: 33px; }
	.portal-resident { width: 907px; height: 259px; background: url(portal-y.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-resident p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 110px 0 0 35px; }
		.portal-resident p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.portal-business { width: 907px; height: 259px; background: url(portal-g.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-business p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 80px 0 0 35px; color: #fff!important; }
		.portal-business p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.portal-consumer { width: 907px; height: 259px; background: url(portal-b.jpg) 0 0 no-repeat transparent; position: relative; }
		.portal-consumer p.left { line-height: 1.5; font-size: 1.3em; width: 546px; float: left; display: inline; margin: 110px 0 0 35px; color: #fff!important; }
		.portal-consumer p.right { width: 188px; float: right; display: inline; margin: 78px 33px 0 0; line-height: 1.4; }
	.content { padding: 30px 0 0 0; }
		.content h1 { margin-top: 0; }
		.content p { font-size: 1.1em; line-height: 1.4; margin-right: 19px; margin-top: 0; }
		.content ul { margin: 0 0 20px 0; padding: 0; }
			.content ul li { font-size: 1.1em; padding: 0; margin: 0 0 0 30px; }
		.general p { width: 600px; }
		.content .rcol { margin-right: 20px; }
		.rcol p { width: 215px; }
		.subnav h2, .subblog h2 { margin: 0; width: 200px; height: 22px; background: url(bg-subna.gif) 0 0 no-repeat; font-weight: bold; color: #fff; font-size: 1.3em; padding: 5px 0 0 15px; }
		.subnav h2 a, .subblog h2 a { color: #fff; }
			.subnav h2 a:hover, .subblog h2 a:hover { text-decoration: none; }
			.subnav ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; }
			.subblog ul { margin: 5px 0 30px 0; padding: 0; list-style-type: none; border-top: 1px solid #ccc; }
				.subnav ul li { margin: 0; padding: 0; list-style-type: none; }
				.subblog ul li { margin: 0; padding: 0; list-style-type: none; }
					.subnav ul li a { display: block; height: 10px; padding: 7px 7px 10px 15px; _padding: 3px 7px 5px 15px; margin: 0; border-bottom: 1px solid #ccc; color: #6c6c6c; font-size: 1em; font-weight: normal; }
					.subblog ul li a { display: block; padding: 7px 0 8px 3px; _padding: 3px 0 3px 3px; margin: 0; border-bottom: 1px solid #ccc; color: #6c6c6c; font-size: .90em; font-weight: normal; }
					.subnav ul li a:hover, .subblog ul li a:hover { text-decoration: none; background: #f2f2f2; }
						.subnav ul li ul li a { display: block; padding: 7px 0 8px 15px; _padding: 3px 7px 5px 15px; margin: 0; background: /*url(i/img-secure.gif) 190px center no-repeat*/ transparent; font-size: 9pt; }
						.subnav ul li ul li a:hover { background: /*url(i/img-secure.gif) 190px center no-repeat*/ #f2f2f2; }
		.content a { color: #991116; }
		.blogpost { margin: 0 0 25px 0; }
			.blogpost a:hover h4 { text-decoration: underline; }
	.inset { width: 288px; float: left; display: inline; margin: 0 30px 30px 0; font-size: 1em; }
	.insetg { width: 288px; float: left; display: inline; margin: 0 30px 30px 0; font-size: 1em; color: #fff; padding: 0; }
		.insetwg { width: 268px; margin: 0 auto; background: #616161; padding: 0 10px 0 10px; }
		.insetww { width: 268px; margin: 0 auto; background: #f5de79; padding: 0 10px 0 10px; }
			.insetwg img, .insetww img { padding: 0; margin: 5px 0 10px 0; }
			.insetwg p, .insetww p { font-size: 1em; margin: 0; }
	#login { font-size: 1em; margin: 2px 0 0 10px; }
		#login a { color: #6c6c6c; font-weight: normal; }
		#login input.lfield { height: 16px; width: 172px; background: url(bg-textf.gif) 0 0 no-repeat transparent; border: 0; font-family: arial, sans-serif; font-size: 1em; color: #999; padding: 5px 4px 4px 4px; }
		#login input.submit { height: 26px; width: 55px; background: url(btn-logi.gif) 0 0 no-repeat; }
.codir { margin: 0 0 20px 0; width: 546px; }
	.codir td { border-bottom: 1px solid #ccc; padding: 3px 0 3px 0; font-size: 1em; }
.ddsg-wrapper h2 { display: none; }
.ddsg-wrapper ul { margin: 0; padding: 0; list-style-type: none; font-size: 9pt; line-height: 1.5; }
	.ddsg-wrapper ul li { margin: 0; padding: 0; }
		.ddsg-wrapper ul li ul { margin: 0; padding: 0; list-style-type: none; }
			.ddsg-wrapper ul li ul li { margin: 0; padding: 0 0 0 20px; }
.error { padding: 10px; background: #ffcccc; border: 1px solid #ff6666; color: #ff3333; font-weight: bold; font-size: 9pt; }
.success { padding: 10px; background: #ccffcc; border: 1px solid #99cc66; color: #99cc33; font-weight: bold; font-size: 9pt; }