* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:100%;
	line-height:1.5em;
}

html, body {height:100%;}

body {
	background: #F1F1F1 url(../images/page_bkg.gif) repeat-x 0 0;
}

:focus {
	outline: 0;
}

.fll {float:left;}
.flr {float:right;}
.all {text-align:left;}
.alr {text-align:right;}
.alc {text-align:center;}
.alj {text-align:justify;}
.cl {clear:both}
.m20 {margin:20px;}
.mr20 {margin-right:20px;}
.ml20 {margin-left:20px;}
.hide {display:none;}

p {margin:5px 0 10px;text-align:justify;}
.small {font-size:0.8em !important}
.bold {font-weight:bold;}
.u {text-decoration: underline;}
.ul {margin:5px 35px 10px 35px;}

h1 {font-size:1.4em}
h2 {font-size:1.2em}

dl {margin:5px 0 20px;}
dt {font-weight:bold;}
dd {margin-bottom:5px;}


#page {
	width:1000px;
	margin:0 auto;
	background: #F1F1F1 url(../images/main_bkg.png) no-repeat center top;
}

#logo {
	float:left;
	margin:6px 0 0 5px;
}

#call_us {
	float:right;
	margin-top:20px;
}

#topband {
	/*margin: 15px 0 0;*/
	height: 30px;
	width:100%;
	background: url(../images/top_band_bkg.png) no-repeat 100px 0/*right center*/;
	float:left;
	margin-top: -30px;
}

#topnav {
	width:1000px;
	margin:0 auto;
}

#lowband {
	border-top:6px solid gray;
	background: #2780BE;
	height:60px;
	width:100%;
	/*position:absolute;
	top:100%; left:0;*/
}

#footer a {color:#F1F1F1; text-decoration:none;}

#actionButtons {
	float:left;
	position:relative;
	margin-top:-50px;
	margin-left:170px;
}
#btnDemo, #btnInfo, #btnTry {
	/*width:285px;*/
	width:241px;
	height:115px;
	margin:10px 170px 0 0;
	float:left;
	overflow:hidden;
	background-repeat: no-repeat;
}
/*
#btnDemo {background-position: left top;}
#btnInfo {background-position: center top; background-image: url(../images/call-us-new-225.gif);}
#btnTry {background-position: right top;}
*/
#btnDemo {background-position: center top; background-image: url(../images/buttonDemo4.png);}
#btnInfo {background-position: center top; background-image: url(../images/buttonCall4.png);}
#btnTry {background-position: center top; background-image: url(../images/buttonTry4.png);}

#actionButtons a {
	display:block;
	padding-top:200px;
}

#features {
	float:left;
	position:relative;
	padding-top:12px;
}
.feature {
	display:block;
	float:left;
	margin:10px;
	width:180px;
	height:60px;
	overflow:hidden;
}

.feature a {
	display:block;
	padding-top:66px;
	opacity:0.8;
	filter: alpha(opacity=80);
	background-image: url(../images/feature-buttons.png);
	background-repeat: no-repeat;
}
.feature a:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
#feature_Documents a {background-position: -180px 0px;}
#feature_Projects a {background-position: 0 0;}
#feature_Schedules a {background-position: -360px 0;}
#feature_People a {background-position: -720px 0;}
#feature_Contacts a {background-position: -540px 0;}

#footer{
	width:1000px;
	margin:10px auto;
}

/* ==== TOP NAVIGATION === */
#topnav ul {
	list-style: none;
	list-style-type: none;
	float:right;
}

#topnav ul li {
	float:left;
	position: relative;
}

#topnav>ul>li>a {
	color:white;
	display:block;
	text-decoration:none;
	padding:6px 10px;
	font-size: 12px;
	font-weight:bold;
}
#topnav>ul>li>a:hover {
	background:#75DCFF;
}
/* ============================================================================= */

#centerpiece {
	width:100%;
	float:left;
	position: relative;
}

#headImg {margin-left:200px;margin-top:40px;float:left;}
#problemBox {padding:0 30px;}
#problemBoxB {height:10px;margin-bottom:20px;}
#solutionBox {margin-left:-100px;width:490px;padding:0 30px;}
#solutionBoxB {margin-left:-100px;width:550px;height:10px;margin-bottom:20px;}

.cDocs {height:520px; background:url(../images/doc-dude-24.png) no-repeat 0 0 ;}
.cDocs #problemBox, .cDocs #solutionBox {background:url(../images/doc-bkg60.png) top;}
.cDocs #problemBoxB, .cDocs #solutionBoxB {background:url(../images/doc-bkg60.png) bottom;}

.cProjects {height:570px; background:url(../images/projects-gal-24.png) no-repeat 20px 0px ;}
.cProjects #problemBox, .cProjects #solutionBox {background:url(../images/projects-bkg60.png) top;}
.cProjects #problemBoxB, .cProjects #solutionBoxB {background:url(../images/projects-bkg60.png) bottom;}

.cCalendar {height:570px;background:url(../images/schedule-gal-24.png) no-repeat 20px 0px;}
.cCalendar #problemBox, .cCalendar #solutionBox {background:url(../images/calendar-bkg60.png) top;}
.cCalendar #problemBoxB, .cCalendar #solutionBoxB {background:url(../images/calendar-bkg60.png) bottom;}

.cPeople {height:570px;background:url(../images/people-gal-24.png) no-repeat 20px 60px;}
.cPeople #problemBox, .cPeople #solutionBox {background:url(../images/people-bkg60.png) top;}
.cPeople #problemBoxB, .cPeople #solutionBoxB {background:url(../images/people-bkg60.png) bottom;}

.cContacts {height:520px; background:url(../images/contacts-man-24.png) no-repeat 30px 0px ;}
.cContacts #problemBox, .cContacts #solutionBox {background:url(../images/contacts-bkg60.png) top;}
.cContacts #problemBoxB, .cContacts #solutionBoxB {background:url(../images/contacts-bkg60.png) bottom;}

#pad1 {
	width:550px;
	margin-top:-60px;
	float:right;
}
#pad1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	margin-left:-20px;
	color:white;
}

/* ============================================================================= */
#c1, #c2, #c3 {float:left;width:100%;position:relative;}
#c1 {margin:25px 0 0;border-right:1px solid gray/*#3399CC*/;right:790px;}
#c2 {border-right:1px solid gray/*#3399CC*/;left:575px;}
#c3 {left:215px;}
#main {padding:0 10px;}


#lc {
	width: 200px;
	float:left;
	margin: 0;
	padding: 0 5px;
	position:relative;
	left:-570px;
}

#content {
	padding: 0 5px 25px 5px;
	float:left;
	width: 560px;
	position:relative;
	left:210px;
	overflow:hidden;
}

#sidebar {
	float:right;
	width:200px;
	padding: 0 5px;
}
.btnDemo1, .btnInfo1, .btnTry1 {
	width:192px;
	height:62px;
	padding:0;
	margin:20px 0;
	overflow:hidden;
	background-image: url(../images/action-buttons-192.png);
	background-repeat: no-repeat;
}
.btnDemo1 {background-position: 0 -62px;}
.btnInfo1 {background-position: 0 -124px;}
.btnTry1 {background-position: 0 0;}

.btnDemo1 a, .btnInfo1 a, .btnTry1 a {
	display:block;
	padding-top:65px;
}

ul.nav {
	font-family:Arial, Helvetica;
	font-weight:bold;
	list-style: none;
	list-style-type: none;
}
ul.nav > li a {
	display:block;
	text-decoration:none;
	color:gray;
	font-family:Arial, Helvetica;
}

.L1 > li a {
	font-size: 1.2em;
	padding:3px;
}
.L1 > li > a:hover {
	color:black;
}

.L2 {margin-left:15px;}
.L2 > li a {
	font-size: 1em;
	line-height:.9em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.L2 > li a:hover {
	color:black;
}

.L3 {margin-left:15px;}
.L3 > li a {
	font-size: 0.8em;
	line-height:1em;
}
.L3 > li a:hover {
	color:black;
}

.ft td {padding:10px;}
.f {font-weight:bold; /*color:#FF8600;*/ border-right: 1px dotted black; border-bottom:1px solid gray/*#FF8600*/;}
.fd { border-bottom:1px solid gray/*#FF8600*/;}


/* COLOR CODES */
.ActiveColor {color: #3399CC !important; text-shadow:#ffffff 2px 2px 1px}
.ActiveBKG {background-color:#8BE5FF/*75DCFF*/;}

.ProjectsColor {color: #FFB500 !important;text-shadow:#ffffff 2px 2px 1px}
.ProjectsBKG {background-color:/*#FFCC33*//*#FFE34A*/#ffff88;}

.CalendarColor {color: #AFC82E !important;text-shadow:#ffffff 2px 2px 1px}
.CalendarBKG {background-color:#D4FF73/*CCFF66*/;}

.ContactsColor {color: #30B298 !important;text-shadow:#ffffff 2px 2px 1px}
.ContactsBKG {background-color:#87FFD1/*66CCCC*/;}

.MeetingsColor {color: #747BC5 !important;text-shadow:#ffffff 2px 2px 1px}
.MeetingsBKG {background-color:#9999FF;}

.DocumentsColor {color: #2BA6D4 !important;text-shadow:#ffffff 2px 2px 1px}
.DocumentsBKG {background-color:#66CCFF;}

.DiscussionsColor {color: #ff7400 !important;text-shadow:#ffffff 2px 2px 1px}
.DiscussionsBKG {background-color:#FFCC66;}

.GroupwareColor {color: #b02b2c !important;text-shadow:#ffffff 2px 2px 1px}
.GroupwareBKG {background-color:#FF9999;}

.IntranetColor {color: #CC33CC !important;text-shadow:#ffffff 2px 2px 1px}
.IntranetBKG {background-color:#FF99FF;}

.IT_Color {color: #008c00 !important;text-shadow:#ffffff 2px 2px 1px}
.IT_BKG {background-color:#66CC66;}

.CollabColor {color: #d15600 !important;text-shadow:#ffffff 2px 2px 1px}
.CollabBKG {background-color:#FF9933;}

.ArticlesColor {color: #3f4bcb !important;text-shadow:#ffffff 2px 2px 1px}
.ArticlesBKG {background-color:#9999FF;}

.inset {
	display:block;
	margin:5px 0;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid white;
}

.inset2 {
	display:block;
	margin:5px 0;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:5px solid white;
	background-color:#c3d9ff;
}


