@charset "utf-8";

* { margin: 0; padding: 0;}
img { border:none;}

a{ text-decoration: underline; color: #00837e ; /*font-weight: bold;*/}
a:hover{ text-decoration: none;}
a:focus{ outline:none;}

h1{ font-size: 18px; color: #00837e;}
h2{ font-size: 18px; font-weight: normal; color: #006633; padding-bottom: 5px;}
h3{ font-size: 14px; color: #00837e;}

h2 a { font-weight: normal; text-decoration: none; color: #00837e;}

p{ padding-bottom: 12px;}
ol, ul{ padding: 0 20px 12px 20px;}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body {
	background-image:url(images/backdrop.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #009a92;
	}



/* structure */

.container {
	width: 918px;
	margin: 0 auto;
	}
#topsection { /*height:186px;*/}
#content {
	background-color: #FFFFFF;
	}
	#content p { line-height: 18px;}
#description { /*height: 64px;*/
	}
	#description h2 {padding: 20px 0 0 20px;}
	#description #text { width: 600px; padding: 12px 0px 0 0;}

#header{ padding-bottom: 2px;}
	#header a {
		display: block;
		text-indent: -3000px;
		height: 82px;
		width: 267px;
		background-image:url(images/logo.jpg);
		background-repeat:no-repeat;
		background-position:top;
		}

#nav {
	}
#nav ul { list-style: none; padding-left: 10px;}
#nav li { float:left;}
#nav a {
	display: block;
	background-image: url(images/navdrop.gif);
	background-repeat:repeat-x;
	background-position: top;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	height: 28px;
	border-right: 3px solid #54b4b0;
	padding: 10px 0px 0 20px;
	}
#nav a:hover, #nav a.active:hover  { background-color:#eee7e0; color: #008580; background-image: none; }
#nav a.active { background-color:#f4f4f4; color: #008580; background-image: none; }

#nav li ul {
	position: absolute;
	width: 200px;
	background-color: #eee7e0;
	padding: 5px 9px;
	left: -999em;
}

#nav li ul li { float:none;}
#nav li ul li a { background-image:none; color: #008580; border: none; font-size: 11px; height: 20px; padding: 6px 20px 0 10px;}
#nav li ul li a:hover { background-color: #008580; color: #FFFFFF;}
#nav li ul li a.active { background-color:#eee7e0;}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
	#nav-Home{ width: 84px;}
	#nav-Solutions{ width: 112px;}
	#nav-Professional_Services{ width:204px;}
	#nav-Partners{ width: 106px;}
	#nav-Demos_on_Demand{ width: 185px;}
	#nav-Contact{ width: 100px;}



#banner{}

#wrapper { 
	padding: 20px;
	width: 878px;
	margin: 0 auto;
	}
	#leftcol {}
	#rightcol {}
	
	.tri-mod {
	width: 302px;
	height: 224px;
	float:left;
	background-position:top;
	background-repeat:no-repeat;
	}
	.tri-mod h2{
		padding: 42px 30px 12px 0; text-align: right;}
	.tri-mod p{
		padding: 0px 26px 12px 36px; color: #278b85; line-height: 18px;}
	
	#mod-pci{ background-image:url(images/mod-pci-compliance.jpg);}
	#mod-data{ background-image:url(images/mod-data-loss-prevention.jpg);}
	#mod-pro{ background-image:url(images/mod-professional-services.jpg);}
	

#footerbox {
	background-image: url(images/footerdrop.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #009a92;
	}	
#footer {
	color: #FFFFFF;
	font-size: 11px;
	padding: 20px;
	width: 878px;
	margin: 0 auto;
	}
	#footer ul { list-style: none; width: 100px;}
	#footer a { color:#FFFFFF; text-decoration: none;}
	#footer a:hover { text-decoration: underline;}


#sitemap { width: 250px;}
#sitemap ul { padding:0;}


#edit-page-footer_tbl { width: 100% !important;}
#edit-page-footer_ifr { height: 500px !important;}

/* universal classes */
.text-right { text-align: right;}



.small {}
.default {}
.large {}

.right { float:right;}
.left { float:left;}
.clear { clear: both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* drupal overrides*/
.view-content-partners tr.even, .view-content-partners tr.odd{ background-color:#FFFFFF !important;}


