/* -------------------------------------------------
*
Title:			style.css
Website:		http://www.enline.com
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX
Author: 		Mark Greenley
Created: 		22.02.2010 MG
Last modified:  24.05.10 MG
*------------------------------------------------- */

body {
 	background: #FCF6DE url(../images/body.jpg) repeat-x; 
	margin: 0px;
	padding: 0px;
	font: 100.01%/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
}


#header {
	background: url(../images/header.jpg) no-repeat;
	height: 189px;
	position: relative;
}

#boxLight {
	width: 350px;
	margin: 0px auto;
	padding: 5px;
	background: #FCF6DE;
	border: 1px solid #E0DADC;
}


#outerWrapper {
	background: url(../images/footerBg.jpg) repeat-x left bottom;
}


#wrapper {
	margin: 7px auto 0px;
	width: 958px;
	font-size: 0.85em;
	background: url(../images/wrapper.jpg);
	padding: 0px;
}


.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
a {
	color: #214A82;
	text-decoration: underline;
	font-size: 0.9em;
}
a:hover {
	color: #EBA020;
}


a:focus {
	outline: none;
	outline-style: none;
	outline-width: 0px;
}


p {
	font-size: .95em;
	margin: 0px;
	padding: 5px 0px;
	line-height: 1.3em;
}





#content {
	background: url(../images/content_bg.jpg) repeat-x;
	margin: 0;
	padding: 20px 0px 0px;
	min-height: 250px;
}



/*======================================= section page floated divs ============================================*/


#content h1 {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 1.8em;
	color: #214A82;
	font-weight: normal;
}
#content h2 {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 1.5em;
	color: #000;
}
#content #left h1 {
	margin: 0px 0px 10px;
	padding: 0px;
}


#content #left h2 {
	color: #214A82;
	font-size: 1em;
	margin: 5px 0px 0px;
	padding: 0px;
	line-height: normal;
}
#content #left h4 {
	color: #FF9933;
	border-bottom: 1px solid #CCCCCC;
	font: 700 1.1em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}
#content #left h3 {
	color: #214A82;
	/* border-bottom: 1px solid #CCCCCC; */
	font: 1.2em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}
#content #left h5 {
	font-size: 1em;
}
#content #left h6 {
	color: #214A82;
	font-size: 1em;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: normal;
}
#content      #left       li   {
	font-size: 0.9em;
	color: #214A82;
	background: url(../images/midBullet.jpg) no-repeat left 7px;
	padding-left: 15px;
	list-style: none;
}

blockquote {
	font-size: 0.9em;
	color: #214A82;
	font-weight: 700;
	line-height: 1.2em;
}
#content .floatLeftImg {
	background: #F0F1FC;
	padding: 3px;
	float: left;
	border: 1px solid #999999;
	margin-right: 8px;
}
#content .floatRightImg {
	float: right;
	background: #F4F5FD;
	border: 1px solid #999999;
	padding: 3px;
	margin-left: 10px;
}

#content #left img {
	border:0;
	padding:5px 0 0 5px;
}


#content #left .date {
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	font-size: 0.8em;
	color: #666666;
	display: block;
	height: 15px;
}

#content #mid h1 {
	margin:0 0 20px 0;
	padding:0;
	color: #214A82;
	font-weight: normal;
}

#content #mid h2 {
	color: #214A82;
	margin: 5px 0 0;
	padding: 0 0 5px 0;
	line-height: normal;
	font-weight: normal;
	border-bottom: 1px solid #cecece;
}
#content #mid h4 {
	color: #FF9933;
	border-bottom: 1px solid #CCCCCC;
	font: 700 1.1em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}
#content #mid h3 {
	color: #214A82;
	padding: 5px 0 0 0;
	margin: 0;
	/* border-bottom: 1px solid #CCCCCC; */
	font: 1.2em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}

#content mid h5 {
	font-size: 1em;
}

#content #mid h6 {
	color: #214A82;
	font-size: 1.2em;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
}

#content #mid li {
	color:#000;
	font-size:0.9em;
	padding-left:15px;
}

#content #mid ul li {
	background:transparent url(../images/midBullet.jpg) no-repeat scroll left 7px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#left .categories {
	background: url(../images/midBorder.jpg) repeat-x left bottom;
	height: 15px;
	font-size: 0.75em;
}

#left a.micrositeLinks {
	color: #FF9933;
	/* border-bottom: 1px solid #CCCCCC; */
	font: 600 1.1em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
	text-decoration: none;
}
/*---------MAIN CONTENT ------------*/
#content #right {
	width: 645px;
	/*float: right;*/
	margin: 10px 0 0 280px;
	padding: 0px 10px;
	overflow: auto;
	position:relative;
	height: 560px;
}/* was mid div, now right */
/*--- SEARCH specific page  items ----*/
#content #search {
	width: 870px;
	/*float: right;*/
	margin: 10px 0 0 20px;
	padding: 0px 10px;
	overflow: auto;
	height: 600px;
}
#content #search h1 {
	margin:0 0 20px 0;
	padding:0;
	color: #214A82;
	font-weight: normal;
}
#content #search h3 {
	color: #214A82;
	padding: 5px 0 0 0;
	margin: 0;
	/* border-bottom: 1px solid #CCCCCC; */
	font: 1.2em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}

#content #search #results_search   #searchIcon   {
	float: left;
	/* margin: 0px; */
	margin: 10px 5px 0px 0;
	padding: 0px 0px 10px 0px;
	/* height: 60px; */
	/* width: 55px; */
	height: 40px;
	width: 37px;
}

#content #search #results_search input {
	border: 1px solid #666666;
	background: url(../images/searchbox_bg.jpg) repeat-x;
	height: 21px;
	width: 180px;
	font-weight: 700;
	color: #214A82;
	padding-top: 4px;
	padding-left: 4px;
}
#content #search #results_search label {
	padding: 0px 0px 5px 3px;
	margin: 0px;
	text-transform: uppercase;
	color: #8096BD;
	font: 0.85em/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#content #search #results_search form {
	width: 220px;
	height: 60px;
	margin: 0px;
	float: left;
	padding: 0px;
}

#content #search #results_search:after {
	content:'';
	display:block;
	clear:both;
}

#content #right h1 {
	margin:0 0 20px 0;
	padding:0;
	color: #214A82;
	font-weight: normal;
}

#content #right h2 {
	color: #214A82;
	margin: 5px 0 0;
	padding: 0 0 5px 0;
	line-height: normal;
	font-weight: normal;
	border-bottom: 1px solid #cecece;
}
#content #right h4 {
	color: #FF9933;
	border-bottom: 1px solid #CCCCCC;
	font: 700 1.1em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}
#content #right h3 {
	color: #214A82;
	padding: 5px 0 0 0;
	margin: 0;
	/* border-bottom: 1px solid #CCCCCC; */
	font: 1.2em Tahoma, Helvetica-Normal, Verdana, Arial, sans-serif;
}

#content #right h5 {
	font-size: 1em;
}

#content #right h6 {
	color: #214A82;
	font-size: 1.2em;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
}
#content #right li {
	background:transparent url(../images/midBullet.jpg) no-repeat scroll left 7px;
	color:#000;
	font-size:0.9em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:15px;
}
#content #right .news {
	padding: 0 0 10px 0;
	border-bottom: #ccc dashed 1px;

}
#content #right .news h2 {
	padding: 0 0 10px 0;
	font-size: 1.7em;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 0;

}

#content #right .news h2 a {
	color: #214A82;
	text-decoration: none;
	border-bottom: 0;

}
#content #right .news h2 a:hover {
	color: #e69232;
	text-decoration: underline;
}
#content #right .news h6 {
	padding: 0;
	font-weight: normal;
}
/*--------------------------------*/



#content #left_search {
	width: 640px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px;
}


#content #left {
	width: 269px;
	clear: both;
	background: url(../images/section_mid_bg.png) no-repeat center top;
	float: left;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	min-height: 400px;
}

#content #left #branding {
	border-width: 0px;
	border-style: none;
	margin: 0px;
	padding: 10px 0px 0px 33px;
	line-height: normal;
	display: block;
}

#content #left a {
	font-style: italic;
	color: #E69232;
	font-weight: 700;
	padding-top: 5px;
	display: block;
}

#content #left p {
	color:#214A82;
	margin:10px 30px 0 35px;
	padding:0;
}


#content #left li {
	border-bottom: 1px dashed #CCCCCC;
	background: url(../images/midBullet.jpg) no-repeat left 7px;
	font-weight: 700;
	color: #5574A0;
	margin: 0 30px 10px 40px;
	padding: 0 0 0px 12px;
}
#content #left li:hover {
	border-bottom: 1px dashed #214A82;
	background: url(../images/solid_bullet.jpg) no-repeat left 7px;
	font-weight: 700;
	color: #5574A0;
	margin: 0px 30px 10px 40px;
	padding: 0px 0px 0px 12px;
}

#content #left ul {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#content   #left   ul  li a {
	text-decoration: none;
	color: #5574A0;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-size: 0.9em;
	display: block;
}
#content #left ul li a:hover {
	color: #e69232;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-size: 0.9em;
	display: block;
}

#content #left ul ul {
	background: url(none);
	list-style: square;
	padding: 0px;
	border-bottom: 0px none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0px;
	line-height: normal;
}

#content  #left  ul  ul li {
	list-style: none;
	border-bottom: 0px none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	background: url(none);
	line-height: normal;
	display: inline;
	/*background: url(../images/solid_bullet.jpg) no-repeat left 7px;*/
}

#content #left ul ul li a {
	text-decoration: underline;
	font-size: 0.75em;
	color: #EFA021;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	display: inline;
	border-width: 0px;
	border-style: none;
}
#content #left ul ul li a:hover {
	text-decoration: underline;
	font-size: .75em;
	color: #FFCC66;
	margin: 0px;
	padding: 0px;
	display: inline;
	background: url(none);
}
#content #left ul ul li:hover {
	list-style: none;
	padding: 0px;
	border-bottom: 0px none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0px;
	background: url(none) no-repeat;
}

#left #side_search form {
	display: block;
	margin: 0;
	padding: 0px;
}
#left  #side_search #searchIcon {
	float: left;
	margin: 10px 5px 0px 0;
	padding: 0 5px 0 0;
	height: 40px;
	width: 37px;
}

#left     #side_search label     {
	padding: 0px 0px 5px 3px;
	margin: 0px;
	text-transform: uppercase;
	color: #8096BD;
	font: 0.85em/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#left #side_search input {
	border: 1px solid #666666;
	background: url(../images/searchbox_bg.jpg) repeat-x;
	height: 21px;
	width: 120px;
	font-weight: 700;
	color: #214A82;
	margin: 0px;
	padding: 4px 0px 0px 4px;
}
#left #side_search {
	width: 250px;
	margin: 0 0 0 35px;

}

/*======================================= section page floated divs ============================================*/







/*======================================= footer ==============================================================*/

#footer #copy img {
	vertical-align: middle;
}


#footer {
	background: #214A82 url(../images/footer.jpg) no-repeat center top;
	height: 196px;
	margin: 0px;
	padding: 0px;
	clear: both;
	position: relative;
}
#footer #tools {
	position: absolute;
	top: 30px;
	left: 25px;
	margin: 0px;
	padding: 0px;
	color: #214A82;
	font-weight: normal;
	height: 30px;
	font-size: 0.8em;
	line-height: normal;
}
#footer #tools img {
	margin-right: 0px;
	margin-left: 10px;
	vertical-align: middle;
}
#footer #top {
	position: absolute;
	right: 15px;
	top: 25px;
	font-size: 0.85em;
	color: #214A82;
	text-decoration: none;
}

#footer #top img {
	border-width: 0px;
	border-style: none;
	vertical-align: middle;
}
#footer #tools a {
	margin-right: 20px;
	color: #999999;
}
#footer ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
}
#footer ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#footer ul a {
	color: #F7F6F7;
	display: block;
	padding-top: 70px;
	text-decoration: none;
	border-bottom: 1px solid #EFA021;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 0.85em;
	line-height: normal;
}

#footer #copy {
	position: absolute;
	top: 70px;
	left: 20px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
}
#footer p a {
color:#fff;
font-weight: normal;
}
#footer p a:hover {
color:#fff;
font-weight: normal;
text-decoration: none;
}

/*======================================= footer ==============================================================*/

/*======================================= header & all things inside =======================================*/


#header #logo {
	position: absolute;
	left: 50px;
	top: 10px;
	border-width: 0px;
	border-style: none;
}

#header #skip {
	display: none;
}


#contactUs {
	position: absolute;
	top: 21px;
	right: 5px;
	background: url(../images/contactUs.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 193px;
}
#latestNews {
	background: url(../images/latestNews.jpg) no-repeat;
	height: 15px;
	text-indent: -9000px;
}
#viewCaseStudies {
	background: url(../images/viewCaseStudies.jpg) no-repeat;
	text-indent: -9000px;
	height: 17px;
	margin: 10px auto 0px;
	padding: 0px;
	width: 198px;
}

#contactUs h3 {
	margin: 0px;
	padding: 0px;
	text-indent: -9000px;
}
#contactUs  h4  {
	color: #214a84;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0.95em;
	z-index: 99;
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#contactUs h4 a {
	color: #214A82;
}
#contactUs a:hover {
	color: #E69232;
}
/*======================================= header & all things inside =======================================*/





/*======================================= main nav =========================================================*/

/* this changes the bottom border below the nav to white for the home page - the standard is orange for all other pages*/
#front #nav {
	border-bottom: 7px solid #FFFFFF;
}
#nav   {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url(../images/nav/nav.jpg) no-repeat;
	height: 57px;
	overflow: hidden;
	position: absolute;
	width: 958px;
	bottom: 0px;
	border-bottom: 7px solid #E69232;
	left: 0px;
}
#nav li   {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/*standard setting for all a tags*/
#nav a {
	height: 57px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../blank.gif); /*this tricks IE into making all the link clickable*/
	text-indent: -9000px;
}


/* standard state */
#nav #identity a {
	left: 0px;
	top: 0px;
	width: 139px;
}

*#nav #services a {
	width: 118px;
	left: 139px;
	top: 0px;
}
#nav #partner-services a {
	width: 118px;
	left: 257px;
	top: 0px;
}

#nav #professional-services a {
	width: 119px;
	left: 375px;
	top: 0px;
}
#nav #support a {
	width: 117px;
	left: 494px;
	top: 0px;
}

#nav #partners a {
	width: 109px;
	left: 613px;
	top: 0px;
}
#nav #customers a {
	width: 118px;
	left: 724px;
	top: 0px;
}
#nav #about a {
	width: 118px;
	left: 842px;
	top: 0px;
}
#nav #contact a {
	width: 110px;
	left: 847px;
	top: 0px;
}


/* hover state*/
#nav #identity a:hover {
	background: url(../images/nav/nav.jpg) no-repeat 0px -57px;
}
#nav #services a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -139px -57px;
}


#nav #partner-services a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -257px -57px;
}

#nav #professional-services a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -375px -57px;
}

#nav #support a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -494px -57px;
}
#nav #partners a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -613px -57px;
}

#nav #customers a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -724px -57px;
}

#nav #about a:hover {
	background: url(../images/nav/nav.jpg) no-repeat -842px -57px;
}


/* current page state */
#nav  #identity  a.current:link, #nav #identity a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat 0px -114px;
}
#nav #services a.current:link, #nav #services a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -139px -114px;
}
#nav #partner-services a.current:link, #nav #partner-services a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -257px -114px;
}
#nav #professional-services a.current:link, #nav #professional-services a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -375px -114px;
}
#nav #support a.current:link, #nav #support a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -494px -114px;
}
#nav #partners a.current:link, #nav #partners a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -613px -114px;
}
#nav #customers a.current:link, #nav #customers a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -724px -114px;
}
#nav #about a.current:link, #nav #about a.current:visited {
	background: url(../images/nav/nav.jpg) no-repeat -842px -114px;
}

#contactFrm label {
	display: block;
	color: #214a82;
	margin: 0px;
	padding: 0 0 5px 0;
	font-weight: normal;
}
#contactFrm input {
	background: #FFFFFF url(../images/searchbox_bg.jpg) repeat-x;
	border: 1px solid #666666;
	height: 21px;
	color: #214A82;
	padding-top: 4px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}
#contactFrm input:focus {
	border: 1px solid #000;
}
#contactFrm textarea:focus {
	border: 1px solid #000;
}
#contactFrm {
	padding: 10px 0 0 0;
}
#contactFrm .radio {
	border-width: 0px;
	border-style: none;
	background: url(none);
	width: 40px;
	display: inline;
}

#contactFrm .checkbox {
	border-width: 0px;
	border-style: none;
	background: url(none);
	width: 40px;
	display: inline;
}

#contactFrm #radioBox p {
	vertical-align: text-top;
}
#contactFrm #radioBox {
	color: #214A82;
}

#contactFrm textarea {
	width: 300px;
	border: 1px solid #666666;
	background: #FFFFFF url(../images/searchbox_bg.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #214A82;
	padding-top: 4px;
	padding-left: 4px;
}
/*#contactFrm   #submit   {
	width: 70px;
	height:30px;
	background: #FFFFFF url(../images/submit.gif) no-repeat left top;
	font-weight: normal;
	margin: 0px;
	height: 25px;
	padding: 0px;
}*/

#contactFrm .zemCheckbox {
	border-width: 0px;
	border-style: none;
	background: url(none);
	width: 40px;
	display: inline;
}

#contactFrm .zemRadio {
	border-width: 0px;
	border-style: none;
	background: url(none);
	width: 40px;
	display: inline;
}

#contactFrm .zemSelect {
	border-width: 0px;
	border-style: none;
	background: url(none);
	width: 40px;
	display: inline;
}

#contactFrm .zemSubmit   {
	width: 70px;
	height:30px;
	background: #FFFFFF url(../images/submit.gif) no-repeat left top;
	letter-spacing: -1000em;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
	border:0;
  	display:inline-block;
	display:-moz-inline-stack;
}

#contactFrm .zemSubmit:hover {
	background:#FFF url(../images/submit.gif) 0 -30px no-repeat;
}

#contactFrm p {
	line-height: normal;
}
#contactFrm br {
	display: none;
}

#contactFrm  #address1, #address2, #address3  {
	margin-top: 5px;
}
#mid  #map, #mid #map1 {
	height: 200px;
	width: 205px;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-left: 30px;
}
#mid  #map  a, #mid #map1 a {
	font-size: 0.4px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#content #left_search {
	width: 640px;
	float: left;
	margin: 10px 0px 0px;
	padding: 0px 10px 0px 20px;
}
#left_search  p.small {
	border-bottom: 3px double #E0DFE3;
	margin-bottom: 15px;
	padding-top: 10px;
}

#content   #left  ul #approachBullet {
	background: url(../images/approachIcon.jpg) no-repeat;
	height: 66px;
	line-height: 66px;
	text-indent: 60px;
	display: block;
	width: 190px;
}
#content  #left  ul #techBullet {
	background: url(../images/techIcon.jpg) no-repeat;
	height: 66px;
	line-height: 66px;
	text-indent: 60px;
	display: block;
	width: 190px;
}
#content  #left  ul #partnerBullet {
	background: url(../images/partnerIcon.jpg) no-repeat;
	height: 66px;
	line-height: 66px;
	display: block;
	text-indent: 60px;
	width: 190px;
}

.article_bbox {
	border: 1px solid #cccccc;
}

.article_bbox #bbx_outer #bbx_container {
	width: 430px;
}