/*=== CSS RESET (thanks to meyerweb.com) ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
textarea {font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline;}

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:left;
} 
a:link{color:#8cca3e; text-decoration: underline;}
a:active{color:#8cca3e; text-decoration: underline;}
a:hover{color:#218cc6; text-decoration:none;}
a:visited{color:#8cca3e; text-decoration: underline;}

#home{background:url(/images/ultan-bg.gif) repeat-x;}
#intelligence{background:url(/images/ultan-bg-page.gif) repeat-x;}
#software{background:url(/images/ultan-bg-page.gif) repeat-x;}
#marketing{background:url(/images/ultan-bg-page.gif) repeat-x;}
#news{background:url(/images/ultan-bg-page.gif) repeat-x;}


h1{color:#218cc6; font-size:34px; font-weight:normal; border-bottom:#dae1e7 1px solid; padding-bottom:10px;}

#pagewidth{ 
 width:100%; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

#pagewidth2{ 
 width:961px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:88px; 
 width:100%;
} 

#topMenu { float:right; background:url(/images/topMenu.jpg) no-repeat right; text-align:right; width:411px; padding:10px; padding-right:10px; font-size:14px; color:#515151; font-weight:bold}
#topMenu a:link, #topMenu a:visited { color:#515151; padding:0 13px; text-decoration:none;}
#topMenu a:hover, #topMenu a:active{ color:#515151; padding:0 13px; text-decoration:none;}
#logo {float:left; width:275px; height:88px;}

#header2{
 position:relative; 
 height:299px; 
}

#header3{
 position:relative; 
 padding:0;
}
 
 
#leftcol{
 width:630px; 
 float:left; 
 position:relative;
 padding-top:20px;
  margin-bottom:15px;
  }
  
  #leftcol h1 {margin-bottom:20px;}
  .HomeText{margin-bottom:15px; height:42px; color:#676767; font-size:15px}
  .homeLeft{float:left; width:42px; margin-right:10px;}
  .homeRight {float:right; width:575px;}
  
  #pageContent{font-size:16px; color:#555555; padding-top:10px; padding-bottom:40px;}
  #pageContent ul{margin:0; padding:0; padding-left:20px;}
  #pageContent li{ margin:0; padding:0;padding-left:20px;margin-bottom:10px; margin-left:20px; list-style:none; background:url(/images/bullet.jpg) top left no-repeat;}
 #pageContent img{ float:right; margin-left:20px; margin-bottom:10px;}
  #pageContent strong{ font-weight:bold;}
   #pageContent p {margin-bottom:10px;}
   #pageContent h2{font-size:24px; color:#218cc6; margin-bottom:10px}
   #pageContent #accordion h2 { border-bottom:0; font-size:16px; margin:3px 0 1px; font-weight:normal; }
    #accordion div li a {color:#218cc6;}
   
   #pageContent form legend {width:200px;}
   
   #FormStyle {margin-top:0; margin-top:40px; margin-bottom:40px; color:#218cc6; line-height:24px; padding:20px; background-color:#eef3f7;  border:#dae1e7 1px dotted;}
 #FormStyle input {width:100%; border:#dae1e7 1px dotted;}
  #FormStyle textarea {width:100%; border:#dae1e7 1px dotted;}

   
  
  .news { border-bottom:#dae1e7 1px dotted; padding-bottom:10px; margin-bottom:10px;}
.news  a:link{color:#218cc6; text-decoration:none;}
.news a:active{color:#218cc6; text-decoration:none;}
.news a:hover{color:#8cca3e; text-decoration: underline;}
.news a:visited{color:#218cc6; text-decoration:none;}

.post strong {color:#8cca3e; font-weight:bold;}
.post a:link{color:#8cca3e; text-decoration: underline;}
.post a:active{color:#8cca3e; text-decoration: underline;}
.post a:hover{color:#218cc6; text-decoration: none;}
.post a:visited{color:#8cca3e; text-decoration: underline;}

#twocols{
 width:34%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:310px; 
 float:right; 
 position:relative;
 padding-top:40px;
 margin-bottom:15px;
 }
 
#Tips {width:290px; float:right; color:#1c7bad; }
 #Tips strong{color:#565455;font-weight:bold;}
 #Tips h2 a{ color:#1c7bad; font-size:18px; margin:0; padding:0; font-weight:normal; text-decoration:none}
 #Tips ul { margin:0; padding:0;}
   #Tips li{background:url(/images/tipsLI.jpg) left top no-repeat; list-style:none; margin-top:10px; padding:0; padding-left:30px; padding-right:15px; line-height:20px;}
 #Tips p { font-weight:bold; margin:25px 0 0; padding:0 0 4px; text-align:center }
 #Tips p a { background:url(/images/rss.gif) no-repeat; color:#1c7bad; padding:0 0 2px 22px; }
 
 #tipTop{background:url(/images/tipTop.jpg) no-repeat #ceeaf8;  height:9px; margin:0;  padding:0;}
 #TipMid{background:url(/images/tipMid.jpg) repeat-y; padding:20px; margin:0;}
   #TipMid h2 a{ color:#1c7bad; font-size:18px; margin:0; padding:0; font-weight:normal; text-decoration:none}
 #TipMid strong{color:#565455;}
 #TipMid  a:link{color:#218cc6; text-decoration:underline;}
#TipMid a:active{color:#218cc6;text-decoration:underline;}
#TipMid a:hover{color:#8cca3e; text-decoration:none;}
#TipMid a:visited{color:#218cc6; text-decoration:underline;}
 #TipBot{background:url(/images/tipBot.jpg) no-repeat; height:11px; margin:0;}
 
  #SideMenu {width:290px; float:right; color:#1c7bad;}
 #SideMenu strong{color:#565455;}
 #SideMenu h2 { color:#218cc6; font-size:18px; margin:0; padding:0;  font-weight:normal;}
  #SideMenu h2 a:link{ color:#218cc6; font-size:18px; margin:0;text-decoration:none}
   #SideMenu h2 a:active{ color:#218cc6; font-size:18px; margin:0;text-decoration:none}
    #SideMenu h2 a:hover{ color:#8cca3e; font-size:18px; margin:0; text-decoration:none}
	 #SideMenu h2 a:visited{ color:#218cc6; font-size:18px; margin:0; text-decoration:none}
	 #SideMenu  li a:link{color:#218cc6; text-decoration:none;}
#SideMenu li a:active{color:#218cc6;text-decoration:none;}
#SideMenu li a:hover{color:#8cca3e; text-decoration:none;}
#SideMenu li a:visited{color:#218cc6; text-decoration:none;}

 #recently a:link{color:#218cc6; text-decoration:underline;}
#recently   a:active{color:#218cc6;text-decoration:underline;}
#recently a:hover{color:#8cca3e; text-decoration:none;}
#recently a:visited{color:#218cc6; text-decoration:underline;}


#form2 { background:#e8f4fa; border:1px solid #dae1e7; border-top:0; color:#1c7bad; margin:-20px 0 20px; padding:30px 0; }
	#form2 p { clear:both; font-size:1.1em; padding:0 40px 15px; }
	#form2 p label { float:left; width:150px; }
	#form2 p img { vertical-align:middle; }
 	#form2 p input { background:#fff; border:1px solid #79acc7; padding:6px 8px; color:#8cca3e; width:271px; }
 	#form2 p input.short { width:150px; margin-left:2px; vertical-align:middle; }
	#form2 p textarea { background:#fff; border:1px solid #79acc7; padding:6px 8px; color:#8cca3e; width:310px;}
	#form2 div.submit { clear:both; font-size:1.1em; margin-left:150px; padding:0 40px; }

	#tipTop2{background:url(/images/tipTop2.jpg) no-repeat #ceeaf8;  height:9px; margin:0;  padding:0;}
	#TipMid2{background:url(/images/tipMid2.jpg) repeat-y; padding:10px; padding-left:100px; margin:0;}
	#TipBot2{background:url(/images/tipBot2.jpg) no-repeat; height:11px; margin:0;}

#main{ margin:10px 0 0 0; padding:0; width:250px;}
#main li{ font-size:13px; margin:0; margin-top:3px; padding:0; width:250px;  font-weight:bold; color:#1c7bad; list-style:none; background: url(/images/bullet-menu.jpg) left top no-repeat; border-bottom:1px solid #fff; }
#main li li{ font-size:11px; margin:0; margin-top:5px; margin-bottom:5px; margin-left:12px; padding:0; width:200px; font-style: normal; font-weight: normal; color:#818b90; list-style:none; background: url(/images/bullet-menu2.jpg) left no-repeat; border:none; line-height:10px;}
#main a:link, #main a:visited { margin:0;  display:block;color:#1c7bad; padding:6px 5px 6px 10px; text-decoration:none;  }
#main li li a:link, #main li li a:visited, #main li li a:hover { margin:0; color:#818b90; padding:2px 0px 5px 10px; text-decoration:none; border:none;font-weight:normal; line-height:10px;}
#main a:hover {  color:#336699; text-decoration:none; padding:6px 5px 6px 10px;  }
 

 #SideMenuTop{background:url(/images/tipTop.jpg) no-repeat #ceeaf8; height:9px;}
 #SideMenuMid{background:url(/images/tipMid.jpg) repeat-y; padding:20px;}
 #SideMenuBot{background:url(/images/tipBot.jpg) no-repeat; height:11px}
 
#maincol{background-color: #E36969;  
 float: left; 
 display:inline; 
 position: relative; 
 width:1%; 
 }
 
#footer{
color:#9eb0c2;
font-size:11px;
width:100%; 
 height:100px;
 background:url(/images/footer.jpg) repeat-x #ffffff;
 clear:both;
 padding-top:15px;
 } 
 
 #footerHldr {width:961px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#footerLeft  {float:left; width:300px;}
#footerRight {float:right; width:640px; text-align:right;}

 
/* Slider - styles */
#demos { margin-top:0px; background:none; }
#s7 { width: 100%; height: 299px; background:none; }
#s7 div { width: 100%; height: 258px; color: #333; text-align: left; font-size: 16px; overflow: hidden; margin:0; margin-top: 26px; background:none; top: 0; left: 0; }
#s7  div h2 { color:#FFFFFF; font-size:20px; margin:0; margin-bottom:15px; font-weight:normal; }
#s7  div p {  font-size:16px; margin:0 0 15px; font-weight:normal; }
#s7  div ul {  font-size:16px; margin:0 0 15px; font-weight:normal; }
#s7  div li {  font-size:16px; margin:0 0 10px; font-weight:normal; }

#prev { cursor:pointer; position:absolute; left:-32px; top:135px; width:auto; }
#next { cursor:pointer; position:absolute; right:-28px; top:135px; width:auto;}
#nav { margin:10px 0 20px 15px; text-align: right; }
#nav:after { content: '\0020';
	clear: both; display: block; height: 0; visibility: hidden; }

#nav a, #s7 strong { margin: 5px 0 5px 5px; padding: 20px 0 25px 25px; padding-right:0; margin-right:0; text-decoration: none; width:28px; cursor:pointer; color:#FFFFFF; font-size:16px; font-weight:bold; }
#nav a.activeSlide { background: url(/images/navBAck.gif) bottom no-repeat; color:#bbdd90 }
#nav a:focus { outline: none; }

#nav2 { margin:0 0 0 0; text-align:right;cursor:pointer; width:auto; float:right; line-height:20px; }
#nav2 a { margin: 0 0 0 15px; padding: 10px 0 32px 15px; text-decoration: none; width:auto; display:block; float:left; cursor:pointer; color:#FFFFFF; font-size:16px; font-weight:bold;}
#output { text-align: left; }

.active { background: url(/images/navBAck.gif) bottom no-repeat; color:#bbdd90; }

/*menu state*/
#nav a.active {color:#bbdd90;}
#intelligence #nav2 #intellimenu {background:url(/images/navBAck2.gif) bottom no-repeat; color:#bbdd90; }
#software #nav2 #softmenu{background:url(/images/navBAck2.gif) bottom no-repeat; color:#bbdd90;}
#marketing #nav2 #marketmenu{background:url(/images/navBAck2.gif) bottom no-repeat; color:#bbdd90;}
#news #nav2 {}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}