/*
 * Project:   LucidSynergy
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #f3f2f2 url(../images/content-bg.png) 50% 0 no-repeat; font-size: 62.5%; }
body.alt { background-image: url(../images/content-bg-alt.png); }
body.home { background-image: url(../images/top-bg.png); }

* html body { behavior: url("styles/csshover.htc"); } 

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #3d494f; font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #00adee; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; border-width: 0; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 960px; margin: 0 auto; }
 #top { position: relative; height: 136px; background: url(../images/hor-sep.png) 0 100% repeat-x; }
 body.home #top { background: none; }
  #logo { position: absolute; left: 10px; top: 32px; margin: 0; }
   #logo a { }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #top .search { position: absolute; top: 30px; right: 0; width: 330px; }
  #top .search p { position: relative; width: 100%; overflow: hidden; margin: 0; box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; background: #fff; }
   #top .search label { position: absolute; left: 7px; top: 8px; }
   #top .search input { float: left; border: 1px solid #fff; background: #fff; height: 19px; padding: 5px; width: 215px; line-height: 1; }
   #top .search button { float: right; width: 103px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

 #nav { position: absolute; top: 95px; right: 0; }
  #nav ul { padding: 0; margin: 0; list-style: none; }
   #nav li { display: inline; float: left; margin: 0 0 0 30px; padding: 0; font: bold 1.4em/1.25 Helvetica,Arial,sans-serif; list-style: none; background: none; }
    #nav li a { color: #666; text-decoration: none; }    
    #nav li a:hover, 
    #nav li a:focus, 
    #nav li a:active { text-decoration: underline; } 
		#nav li.selected a { color: #2ba9dc; }

 #content { width: 940px; overflow: hidden; background: url(../images/hor-sep.png) 0 100% repeat-x; margin: 0 auto 30px; }
  #main { position: relative; float: right; width: 710px; padding: 40px 0 0; }
  #aside { position: relative; float: left; width: 184px; }
   #aside .nav { position: relative; width: 207px; margin-right: -23px; padding: 35px 0 190px; background: url(../images/aside.png) 0 100%; }
    #aside .nav ul { margin: 0 0 15px; padding: 2px 0 0; list-style: none; background: url(../images/aside-nav-sep.png) no-repeat;  }
     #aside .nav ul li { width: 100%; padding: 0; font: bold 1.4em/1.25 Helvetica,Arial,sans-serif; background: none; }
      
	  #aside .nav ul li a { display: block; width: 147px; padding: 12px 40px 12px 20px; color: #666; text-decoration: none; background: url(../images/aside-nav-sep.png) 0 100% no-repeat; }
      #aside .nav ul li a:hover, 
      #aside .nav ul li a:focus, 
      #aside .nav ul li a:active { text-decoration: underline; } 
      
	 /*  #aside .nav ul li.selected a { background: url(../images/aside-nav.png) 0 50% no-repeat; color: #fff; }  */
	  
	  #aside .nav ul li.active a { background: url(../images/aside-nav.png) 0 50% no-repeat; color: #fff; } 
	  
	  #aside .nav ul li.selected a {color:#30b0ec;}

 body.alt #content { width: 950px; }
  body.alt #main { display: inline; float: left; width: 650px; margin: 0 0 0 13px; padding-top: 30px; }
  body.alt #aside { display: inline; float: right; width: 242px; margin: 0 3px 0 0; padding: 30px 0 120px; background: url(../images/aside-alt.png) 0 100% no-repeat; }

.aside-blog h3 { padding: 0 15px; margin: 0 0 15px; height: 43px; font: bold 1.4em/43px Helvetica,Arial,sans-serif; background: url(../images/aside-blog-h.png) repeat-x; color: #fff; text-transform: uppercase; box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; }
 .aside-blog-section { padding: 0 15px; margin: 0 0 15px; overflow: hidden; }
  .aside-blog-section ul { padding: 0; list-style: none; }
   .aside-blog-section ul li { margin: 0 0 10px; padding: 0; background: none; }

 body.home #content { width: 960px; }

#featured-a { position: relative; width: 960px; height: 426px; margin: 0 0 20px; background: url(../images/featured-a.jpg) no-repeat; }
 #featured-a .items { position: relative; height: 381px; }
  #featured-a .items .item { position: absolute; left: 0; top: 0; width: 960px; height: 381px; overflow: hidden; }
  html.js #featured-a .items .item { display: none; }
  html.js #featured-a .items .item:first-child, html.js #featured-a .items .item-active { display: block; }
   #featured-a .items .item .col-a { float: left; width: 314px; padding: 38px 38px 0; color: #fff; }
    #featured-a .items .item .col-a p { font: 2em/1.25 "Myriad Pro",Helvetica,Arial,sans-serif; }
     #featured-a .items .item .col-a p span { font-weight: bold; color: #00adee; }
    #featured-a .items .item .col-a p.more { width: 100%; overflow: hidden; padding: 0 0 5px; }
     #featured-a .items .item .col-a p.more a { float: left; box-shadow: 2px 2px 3px #444; -moz-box-shadow: 2px 2px 3px #444; -webkit-box-shadow: 2px 2px 3px #444; }
     #featured-a .items .item .col-a p.more a { float: left; }
   #featured-a .items .item .figure { float: right; width: 570px; position:relative;} 

 #featured-a .newsletter { position: absolute; bottom: 5px; left: 11px; width: 640px; overflow: hidden; color: #fff; }
  #featured-a .newsletter p.a { float: left; margin: 0; padding: 0 15px 0 0; background: url(../images/arrow-a.png) 100% 50% no-repeat; font-size: 1.4em; line-height: 25px; }
  #featured-a .newsletter form { float: right; width: 260px; }
   #featured-a .newsletter form p { position: relative; width: 255px; margin: 0; padding: 0 5px 5px 0; overflow: hidden; font-size: 1.4em; }
    #featured-a .newsletter form input { float: left; width: 170px; padding: 3px 4px 2px; height: 18px; border: 1px solid #fff; }
    #featured-a .newsletter form label { position: absolute; left: 5px; top: 5px; line-height: 1; color: #999; } 
    #featured-a .newsletter form button { float: right; width: 75px; }

  #featured-a .sf-controls { position: absolute; right: 10px; bottom: 10px; list-style: none; padding: 0; margin: 0; }
   #featured-a .sf-controls li { display: inline; float: left; width: 25px; height: 25px; margin: 0 0 0 1px; padding: 0; background: none; font: 1.5em/25px Helvetica,Arial,sans-serif; }
    #featured-a .sf-controls li a { float: left; width: 100%; height: 100%; background: #000; color: #fff; text-align: center; text-decoration: none; }
		#featured-a .sf-controls li a:hover, 
		#featured-a .sf-controls li a:focus, 
		#featured-a .sf-controls li a:active,
		#featured-a .sf-controls li a.active { background: #1c87b0; } 

#sections-home { width: 100%; min-height: 244px; margin: 0 0 30px; background: url(../images/home-sections.png) no-repeat; overflow: hidden; }
* html #sections-home { height: 244px; overflow: visible ;}
 #sections-home .col { float: left; width: 180px; padding: 12px 39px 0 20px; line-height: 18px; }
 #sections-home .col-a { padding-left: 10px; }
  #sections-home .col h3 { font: bold 2.4em/1.25 "Myriad Pro",Helvetica,Arial,sans-serif;  }

  #sections-home a.button-c { float: left; clear: left; margin: 0 0 10px;  }
  #sections-home .options a.button-c { width: 40px;  }
  #sections-home .col-d h3 img { margin-left: 10px; }
  #sections-home .col-d li { background: url(../images/hor-sep.png) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 10px; }
   #sections-home .col-d li .date { display: block; }


 #secondary { height: 158px; padding: 20px 50px 0 70px; background: url(../images/secondary-bg.jpg) no-repeat; color: #fff; }
  #secondary h2 { float: left; width: 260px; margin: 0 75px 0 0; letter-spacing: -1px; }
  #secondary .nav { line-height: 1.45; }
   #secondary .nav li { padding: 0; background: none; }
   #secondary .nav h3 { font: 1.1em/1.25 Verdana,Helvetica,Arial,sans-serif; margin: 0; }
   #secondary .nav a { color: #fff; text-decoration: none; }
   #secondary .nav a:hover, 
   #secondary .nav a:focus, 
   #secondary .nav a:active { text-decoration: underline; } 
   #secondary .nav ul { padding: 0 0 0 15px; list-style: none; }
  #secondary .nav-a { float: left; width: 100px; margin: 0 30px 0 0; }
  #secondary .nav-b { float: left; width: 105px; }
  #secondary .connected-a { float: right; width: 225px; text-align: right; }
   #secondary .connected-a h3 { display: inline; font: 1.4em/1.25 Helvetica,Arial,sans-serif; }
   #secondary .connected-a ul { display: inline; padding: 0; list-style: none; }
    #secondary .connected-a ul li { display: inline; vertical-align: bottom; margin: 0 0 0 5px; padding: 0; background: none; }
 #footer { width: 100%; overflow: hidden; }
  #footer p.copyright { float: left; width: 300px; color: #404a51; }
  #footer div.nav { float: right; }
   #footer div.nav ul { float: right; }
    #footer div.nav ul li { display: inline; float: left; padding: 0 0 0 20px; margin: 0 0 0 20px; background: url(../images/footer-nav-sep.png) 0 50% no-repeat; }
    #footer div.nav ul li.first, #footer div.nav ul li:first-child { padding: 0; margin: 0; background: none; }
     #footer div.nav ul li a { color: #404a51; text-decoration: none; }
     #footer div.nav ul li a:hover, 
     #footer div.nav ul li a:focus, 
     #footer div.nav ul li a:active { color: #00adee; text-decoration: underline; } 
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font: bold 3.6em "Myriad Pro",Helvetica,Arial,sans-serif; }
 h2 img { position: relative; top: 2px; margin: 0 5px 0 0; }
 h2 span { color: #00adee; }
h3 { font: 600 italic 1.4em "Myriad Pro",Helvetica,Arial,sans-serif; margin: 0 0 10px; }
h4 { font-size: 1.4em; }
 h4 a { text-decoration: none; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* containers */

.testimonials-a { }
 .testimonials-a h3 { font: bold 2.4em "Myriad Pro",Helvetica,Arial,sans-serif; margin: 0 0 15px; }
 .testimonials-a blockquote { padding: 0; }
  .testimonials-a blockquote p { padding: 0; font: italic 1.2em/1.25 Georgia,serif; }
  .testimonials-a p.author { width: 100%; overflow: hidden; font: italic 1.4em/1.25 Georgia,serif; margin: 0 0 10px; }
   .testimonials-a p.author span { float: left; padding: 0 23px 0 0; background: url(../images/bubble-a.png) 100% 50% no-repeat; }
   .testimonials-a p.next { width: 100%; overflow: hidden; padding: 0 0 5px; }
    .testimonials-a p.next a { float: left; }

.portfolio-a { width: 100%; margin: 0 0 30px; padding: 30px 0 0; overflow: hidden; background: url(../images/hor-sep.png) repeat-x; }
 .portfolio-a .media { float: left; width: 235px; margin: 0; }
  .portfolio-a .media a { }
   .portfolio-a .media a img { display: block; border: 4px solid #3d494e; }
   .portfolio-a .media a:hover img, 
   .portfolio-a .media a:focus img, 
   .portfolio-a .media a:active img { border-color: #00adee; } 
  .portfolio-a .content { float: right; width: 440px; }
   .portfolio-a .content h3 { font-size: 3em; }
   .portfolio-a .content .more { width: 100%; overflow: hidden; padding: 0 0 5px;  }
    .portfolio-a .content .more a { float: left; }

.portfolio-b { margin: 30px 0; padding: 30px 0 0; background: url(../images/hor-sep.png) repeat-x; }
 .portfolio-b h3 { font-size: 3em; }
 .portfolio-b .visit { width: 100%; padding: 0 0 5px; overflow: hidden; }
  .portfolio-b .visit a { float: left; }

 .slideshow-b { width: 100%; padding: 0 0 25px; margin: 0 0 30px; background: url(../images/hor-sep.png) 0 100% repeat-x; }
  .slideshow-b .items { margin: 0 0 10px; padding: 0; list-style: none;  }
   .slideshow-b .items li { background: none; padding: 0; }
    .slideshow-b .items li img { display: block; border: 1px solid #3d494e; }
  html.js .slideshow-b .items { position: relative; height: 487px; }
   html.js .slideshow-b .items li { display: none; position: absolute; left: 0; top: 0; }
	  html.js #featured-a .items .item:first-child { display: block; }
  .slideshow-b ul.sf-controls { margin: 0; padding: 0 0 5px; overflow: hidden; }
   .slideshow-b ul.sf-controls li { float: left; height: 31px; width: 31px; margin: 0 10px 0 0; padding: 0; font: bold 2.4em/36px "Myriad Pro",Helvetica,Arial,sans-serif; text-align: center; }
   html* .slideshow-b ul.sf-controls li { line-height: 31px; }
    .slideshow-b ul.sf-controls li a { float: left; width: 100%; height: 100%; background: url(../images/button-b.png) repeat-x; border: none; color: #fff; text-transform: uppercase; box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; text-decoration: none; overflow: hidden; }
    .slideshow-b ul.sf-controls li a:hover, 
    .slideshow-b ul.sf-controls li a:focus, 
    .slideshow-b ul.sf-controls li a:active,
    .slideshow-b ul.sf-controls li a.active { text-decoration: none; background-position: 0 100%; } 

.post-a { padding: 30px 0 0; background: url(../images/hor-sep.png) repeat-x; }
 .post-a h3 { font-size: 2.4em; }
 .post-a p.meta-a { margin: -10px 0 30px; }
  .post-a div.meta-b { margin: 30px 0; padding: 0 0 30px; background: url(../images/hor-sep.png) 0 100% repeat-x; }
  .post-a div.meta-b h4 { margin: 0; }
  .post-a div.meta-b p { margin: 0; }
   .post-a div.meta-b span { margin: 0 5px; color: #00adee; }

 .post-a h4 { font: 600 italic 1.8em "Myriad Pro",Helvetica,Arial,sans-serif; margin: 0 0 10px; }

/* forms */
.form-a { width: 345px; padding: 30px; margin: 0 0 30px; background: #646262 url(../images/form-a.png) repeat-x; color: #fff; overflow: hidden; }
 .form-a h2 { letter-spacing: -1px; margin: 0 0 10px; }
 .form-a p { width: 100%; overflow: hidden; font-size: 1.2em; margin: 0 0 10px; }
  .form-a p label { float: left; width: 95px; padding: 5px 0; }
  .form-a p input { float: right; width: 215px; padding: 4px 4px 3px; border: 1px solid #fff; }
  .form-a p textarea { float: right; width: 215px; padding: 4px; border: 1px solid #fff; overflow: auto; height: 100px; }
 .form-a p.checkbox input { float: none; width: auto; padding: 0; border: none;  }
 .form-a p.checkbox label { float: none; width: auto; padding: 0; }  
 .form-a p span.captcha { float: right; width: 225px; }  
  .form-a p span.captcha img { float: left; width:123px; }  
  .form-a p span.captcha input { float: right; width: 85px !important;  }  
 .form-a p.submit { margin: 0; overflow: visible; }
  .form-a p.submit button { float: right; box-shadow: 2px 2px 2px #555; -moz-box-shadow: 2px 2px 2px #555; -webkit-box-shadow: 2px 2px 2px #555; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

ul { padding: 0; list-style: none; overflow: hidden; }
 ul li { padding: 0 0 0 20px; background: url(../images/bullet-a.png) 5px 0.3em no-repeat; }

ol { padding: 0 0 0 20px; }

div.BlogTagCloud { margin: 0 0 15px; font-size: 1em; word-spacing: 8px; line-height: 24px; vertical-align: baseline; }
 div.BlogTagCloud a { text-decoration: none; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small { font-size: 1.1em; }
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; font-weight: bold; }
 div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.2em; }
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.5em; }
 div.BlogTagCloud a.BlogTagCloud-Large { font-size: 1.8em; }
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.8em; font-weight: bold; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2em; }


/* paragraphs */
.breadcrumbs { position: absolute; top: 20px; right: 0; }
 .breadcrumbs span { display: inline; float: left; margin: 0 0 0 10px; }
 .breadcrumbs a { display: inline; float: left; margin: 0 0 0 10px; background:url("/images/bullet-a.png") no-repeat scroll 100% 60% transparent; padding-right:15px;}
 .breadcrumbs span.sep { width: 8px; height: 1.25em; background: url(../images/bullet-a.png) 0 100% no-repeat; text-indent: -999em; overflow: hidden; }

.figure-a { float: left; margin: 0 30px 15px 0; }

.figure-c { margin: 30px 0; }

/* links */
button.button-a { height: 31px; padding: 0 10px; font: bold 15px/31px Helvetica,Arial,sans-serif; text-align: center; background: url(../images/button-a.png) repeat-x; border: none; color: #fff; text-transform: uppercase; box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; }
button.button-a:hover, button.button-a:focus, button.button-a:active { background-position: 0 -31px;  }

button.button-d { height: 25px; font: bold 12px/25px Helvetica,Arial,sans-serif; text-align: center; background: url(../images/button-d.png) repeat-x; border: none; color: #fff; text-transform: uppercase; box-shadow: 2px 2px 5px #333; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; }
button.button-d:hover, button.button-d:focus, button.button-d:active { background-position: 0 -25px;  }


a.button-b { display: block; height: 31px; padding: 0 20px; font: bold 15px/31px Helvetica,Arial,sans-serif; text-align: center; background: url(../images/button-b.png) repeat-x; border: none; color: #fff; text-transform: uppercase; box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; text-decoration: none; }
a.button-b:hover, a.button-b:focus, a.button-b:active { background-position: 0 -31px; text-decoration: none; }

a.button-c { display: block; height: 24px; padding: 0 15px; background: url(../images/button-c.png) repeat-x; font: bold 12px/24px Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; text-decoration: none; color: #fff; box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; }
a.button-c:hover, 
a.button-c:focus, 
a.button-c:active { background-position: 0 -24px; } 

/* other */
.hr { clear: both; height: 1px; overflow: hidden; background: url(../images/hor-sep.png) repeat-x; margin: 30px 0; }
 .hr hr { position: absolute; left: -999em; }

 
/* SPECIFIC
------------------------------------------- */
#sections-home .col-d ol {list-style-type:none; margin-left:0px; padding-left:0px;}
#sections-home .col-d .author {display:none;}
span.capImage {float:left; width:123px;}
span.capInput {float:left;width: 102px;}
.post-a h3 a {color:#3D494F !important; text-decoration:none;}
#breadCrumbage {display:none;}
.breadcrumbs a.last {background:none; padding-right:0px; color:#000; text-decoration:none;}
.blog-comment-container .comment-details {background:#30b5ee;color:#fff;}

.rotate-link-admin-console, .rotate-link-ecommerce, .rotate-link-webApps, .rotate-link-web-statistics, .rotate-link-crm, .rotate-link-html-emails {text-indent:-99999; display:block; width:100px; height:100px; position:absolute; z-index:200;}


.rotate-link-admin-console { left:115px; top:115px; }
.rotate-link-ecommerce { left:187px; top:28px; }
.rotate-link-webApps { left:356px; top:28px; }
.rotate-link-web-statistics { left:430px; top:130px; }
.rotate-link-crm { left:368px; top:268px; }
.rotate-link-html-emails { left:184px; top:250px; }

body.alt .breadcrumbs {right:20px;}
body.alt #aside {padding:46px 0 120px;}

/* Additions
------------------------------------------- */
#twitter_update_list{
 background:none;
}
.twitter ul{
  list-style-type:none;
background:none
  margin:0;
  padding:0; 
}
.twitter ul li{
margin:0 0 10px 0;
  padding:0; 
}
.twitter ul li span{
  /* the twitter post */ 
  font-size:1em;
}
.twitter ul li span a{
  /* links in the twitter post */
font-size:1em; 
}
.twitter ul li a+span{
  /* the twitter post link */ 
  font-size:1em;
}