/*  
Theme Name: Envision Interactive Theme
Theme URI: http://envisioninteractive.com/
Description: Custom themes by: http://envisioninteractive.com
Version: 1.0
Author URI: http://envisioninteractive.com
*/

*{margin:0;padding:0}
body{
  font:82.25%/1.4 Arial,Geneva,Tahoma,Verdana,Sans-Serif;
  background:#f0edf0;
  text-align:center;
  margin:0 0 50px 0;
  color:#333;
}

/* --- all links --- */ 
a:link,a:visited{color:#376EB0;text-decoration:underline}
a:hover,a:focus{text-decoration:none}


/* --- headings --- */ 
h1,h2,h3,h4,h5,h6{
  font-family:Helvetica,Georgia,"Trebuchet MS",Serif;
  font-weight:normal;
  color:#FFF;
}
h1{
  color:#93B73E;
  font-size:200%;
  letter-spacing:-1px;
}
h1 span{font-family:Arial, Tahoma, Sans-Serif; color:#666;display:block;font-size:75%}
h2{font-size:180%}
h3{font-size:160%} 
h4{font-size:140%} 
h5{font-size:120%} 
h6{font-size:100%}


/* --- outer --- */ 
#outer{
  width:1000px;
  margin:0 auto 0 auto;
  overflow:visible;
}


/* --- inner --- */ 
#inner{
  text-align:left;
  margin:0 auto;
  width:1000px;
}

/* --- header --- */ 
#header{
  position:relative;
  width:1000px;
  height:160px;
  clear:both;

}


/* --- logo --- */ 
.logo,.logo em{
  width:222px;
  height:48px;
  position:absolute;
  top:15px;
  left:25px;
  display:block;
  cursor:pointer;
  text-indent:-9999px;
}
.logo em{background:url(http://envisioninteractive.com/wp-content/themes/wptheme/i/logo.png) top left no-repeat}

#header-right{
  position:absolute;
  top:40px;right:40px;
  color:#fff;
  font-family:Helvetica,Serif;
  font-size:22px;
}

/* --- main nav --- */ 
#menuh-container{
  position: absolute;
  top:80px;
  left:0;
}
#menuh{
  font-size: small;
  font-family: arial, helvetica, sans-serif;
  text-transform:uppercase;
  width:1000px;
  float:left;
  margin:1em 2em 2em 2em;
}		
#menuh a{
  text-align: left;
  display:block;
  white-space:nowrap;
  padding:.5em 1em;
  border:1px solid transparent;
  outline:0;
}
#menuh ul li{
  margin:0 24px 0 0;
}
#menuh a:link, 
#menuh a:visited, 
#menuh a:active	
  /* menu at rest */{
  color:#000;
  text-decoration:none;
}	
#menuh a:hover/* menu on mouse-over  */{
  color:#fff;
  text-decoration:none;
  background-color:#1BADCF;
  border:1px solid #1BADCF;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}	
#menuh ul li:hover { /* this is what keeps the main link hover active when mouse moves down drop menus  */
  background-color:#1BADCF;
  border:none;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
#menuh ul ul li:hover a,#menuh ul ul ul li:hover a { /* this keeps the drop menu links from having rounded backgrounds  */
  background-color:#1BADCF;
  border-bottom:1px solid #1BADCF;
  border-radius:0;
  -o-border-radius:0;
  -icab-border-radius:0;
  -khtml-border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}
#menuh ul{
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
  margin:0 8px;
  padding:8px 0 0 25px;
  float:left;
}
#menuh .first{
  border:medium none;
  margin-left:11px;
  padding-left:0;
}
#menuh li{
  position:relative;
  min-height: 1px;/* Sophie Dennis contribution for IE7 */
  vertical-align: bottom;/* Sophie Dennis contribution for IE7 */
  padding:0 0;
}	
/* these define the separate widths of the drop down menus */
#menuh ul.about ul{width:110px;}
#menuh ul.services ul{width:166px;}
#menuh ul.services ul ul{width:215px;}
#menuh ul.port ul{width:180px;}
/* 1st level drop down menus */
#menuh ul ul{
  display:none;
  margin:-10px 0 0 0;
  padding:5px;
  position:absolute;
  top:auto;
  z-index:500;
  background-color:#1BADCF;
  border:1px solid #1BADCF;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
#menuh ul li ul li a span{
  margin:0 0 -2px 50px;
}
/* 2nd level drop down menus */
#menuh ul ul ul{
  top:5px;
  left:160px;
}
/* 1st and 2nd level drop down menus */
#menuh ul ul a, #menuh ul ul ul a{
  border:1px solid #1BADCF;
  border-radius:0;
  -o-border-radius:0;
  -icab-border-radius:0;
  -khtml-border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  margin-right:0;
}
/* drop down menus link bottom borders off and hover */
#menuh ul ul li,#menuh ul ul ul li,#menuh ul ul li:hover,#menuh ul ul ul li:hover{
  border-bottom:1px solid #1BADCF;
  margin-right:0;
}
/* no border on last list itm in drop down menus */
#menuh ul li:last-child{border-bottom:none}

/* drop down menu link padding */
#menuh ul ul li a,#menuh ul ul ul li a{
  padding:.4em 0 .4em .5em;
}
/* drop down menu hover state */
#menuh ul ul li a:hover,#menuh ul ul ul li a:hover{
  background:#59BBD1;
  color:#fff;
}
div#menuh li:hover{
  cursor:pointer;
  z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul{
  display:none;
}
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul{
  display:block;
}
/* End CSS Drop Down Menu */

/* --- contOuter --- */ 
#contOuter{
  background:#FFF;
  position:relative;
  overflow:visible;
  margin: 0 auto;
  padding: 10px 0 1px 0;
  width:960px;
  z-index:1;
  border:1px solid #fff;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;	
}

/* --- content/sidebar --- */ 
#content,#sidebar{position:relative;z-index:2}

/* --- content --- */ 
#content{
  padding:20px 30px 20px 30px;
  float:left;
}

/* --- this for the page IDs --- */ 
#single #content{float:none;margin:0 auto;width:960px}
#double #content,#triple #content{width:470px}
#blog #content{width:670px}
#blog #sidebar{width:220px;}
#blog #content p{width:660px;}
object{margin:20px 0;}

/* --- all #content div p and ul --- */ 
#content ol.wide{margin:1.5em 0 1.1em 1.5em;line-height:1.4em; width:620px;}
#content p,ol{margin:1.1em 0;line-height:1.4em; width:460px;}
#content ul{list-style:disc}
#content ul li{margin-left:14px}
#content ul.clients{margin-top:30px}
#content ul.clients ul{margin-top:10px}

#content h2,#content h3{
  font-family:Tahoma, sans-serif;
  color:#376EB0;
  font-weight:normal;
  font-size:1.3em;
  margin:20px 0 0 0;
}

/* --- portfolio lists --- */ 
#content ul.portfolio{list-style:none;width:46%}
#content ul.portfolio li{list-style:none}
#content ul.portfolio li h3 span{
  font-size:75%;
  display:block;
  color:#333;
  height:35px;
}
#content ul.portfolio li p{margin:0;width:400px;}

/* --- blog page --- */ 
#content .article{
  margin:30px 0;
  padding-bottom:1em;
  border-bottom:1px dotted #333;
}
#content .article h3 a{color:#376EB0}
#content .article .post-meta{
  font-weight:bold;
  font-size:.8em;
  color:#376EB0;
}
#content ol{margin:0 0 1em 25px}
#content .article h1{text-align:left}

/* --- home page styles page --- */ 
.home-content {
  float:left;
  width:500px;
}
.home-case-study,.home-contact-form,.blog-twitter {
  text-align: left;
  border: 1px solid #DDD;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  width:160px;
  padding-left:15px;
  float:left;	
  margin-bottom:10px;
  min-height:230px;
}
.home-case-study ul{margin:5px 0 0 -14px;}
.home-case-study ul li{
  margin-bottom:5px;
  list-style:none;
}
.home-contact-form label{
  color:#000;
  font-size:.8em;
}
.home-contact-form div{
  top: 5px;
  margin-top: 4px;
  font-weight: bold;
  color: rgb(147, 183, 62);
  margin-left:0px;
  margin-bottom:11px;
}
.home-case-study {
  border: 1px solid #DDD;
  text-align: left;
  width: 160px;
  padding-left: 15px;
  float: left;
  margin-left:14px;
  padding-right: 15px;
  margin-right: 20px;
  padding-bottom:8px;
  padding-top: 5px;
}
.home-case-study a{display:block}
.home-case-study div,.home-contact-form div.heading{
  font-size:1.2em;
  font-weight:bold;
  color:#93B73E;
}

/* --- sidebar --- */ 
#sidebar{
  padding:50px 0 20px 0;
  float:left;
  width:420px; 
}
#sidebar h3{
  font-family: Tahoma, sans-serif;
  color:#376EB0;
  font-weight:normal;
  font-size:1.3em;
  line-height:1.5em;
}
#sidebar h3.tmar{margin-top:38px; font-family:Tahoma,"Trebuchet MS",Serif}
#sidebar h3.tmarmore{margin-top:85px; font-family:Tahoma,"Trebuchet MS",Serif}
#sidebar h4.blog{
  color:#376EB0;	
  font-size:1.3em;
  line-height:.3em;
}
#sidebar h4{
  font-family:Tahoma, sans-serif;
  color:#333;	
  font-weight:normal;
  font-size:1.1em;
  line-height:1.4em;
}
#sidebar ul.latestbyauthor{
 list-style:none;
}
#sidebar ul.latestbyauthor li{
  margin-bottom:5px;
}
#sidebar ul.latestbyauthor li a{
  display:block;
}
#sidebar ul.adobe{
  list-style:none;
  margin-top:20px;
}
#sidebar ul.adobe li{
  line-height:3.2em;
  border-top:none;
}
#sidebar ul.adobe li span{vertical-align:top}
#sidebar-l,#sidebar-r{
  padding:15px 20px 15px 10px;
  float:left;
  width:180px; 
} 
#sidebar #sidebar-l ul{
  list-style:none;
  margin:20px 0 40px 0;
}
#sidebar #sidebar-l ul li{margin-bottom:1em}

#sidebar #grad-box {
  background:#EAEAEA url(i/right-grad.jpg) top left no-repeat;
  margin: 20px 0;
  min-height:60px;
  width:165px;
  padding:10px;
}
#sidebar #grad-box p{margin:20px 0 30px 0}
#sidebar #grad-box p img{margin-right:5px}
#sidebar #twitter_div li {list-style:none;font-size:1.2em;font-family:Georgia,Serif;}
/*--- #sidebar #twitter_div li a {display:block} --- */

#banner-low{
  width:957px;
  height:140px;
  background:url(i/banner-low-repeat.jpg) top left repeat-x;
  margin:0 auto;
  position:relative;
  z-index:3;
  padding:10px 0;
}
#banner-low ul{
  padding:10px 0;
  margin-left:20px;
  list-style:none;
}
#banner-low ul li{
  display:inline;
  margin-right:10px;
  width:300px;
}
#banner-low ul li img{padding-right:10px}
#banner-low li p{margin-left:60px}
#banner-low li p span{
  display:block;
  font-size:1.1em;
  color:#3D6DAF;
  margin-bottom:20px;
}
#banner-low ul li a,#banner-low ul li a:visited{color:#376EB0}

/* --- footer --- */ 
#footer{	
  width:1000px;
  height:113px;
  font-size:.9em;
  color:#333;
}
/*#footer span{
  margin:20px 70px 0 0;
  float:right;
}*/
#footer div{
  padding:20px;
  width:200px;
  float:left;
}
#footer div h1{
  font-size: 22px !important;
  color:#2d598f;	
}
#footer a,#footer a:visited {
  color:#666 !important;
  text-decoration:none;
}
#footer a:hover,#footer a:focus {
  text-decoration:underline;
}
#footer .st-tag-cloud {
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}
#footer li{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#footer #twitter_update_list li{
  font-size:13px;
}
#footer #twtr-widget-1{
  padding:0 !important;
}
#footer .copyright {
  padding: 0px;
  width: 450px;
  color:#333;
  float: right;
}
#footer .copyright a {
  color:#666;
}
.clearb {
  clear:both;
  width:1px;
}

/* -- sitemap list -- */
.ddsg-wrapper ul{list-style:none}
.ddsg-wrapper h3.pgs_ttl{margin-top:20px}
.ddsg-wrapper ul li strong{display:none}
.ddsg-wrapper ul li a{
  font-size: 1.1em;
}
.ddsg-wrapper ul li{
  margin:0 0 0 15px;
  list-style:none;
  line-height:1.7em;
}
.ddsg-wrapper ul li ul li a,.ddsg-wrapper ul.pgs li a{
  font-size:1em;
  font-weight:normal
}

/* --- misc --- */ 
a img{border:none}
img.floater{margin-right:10px;}

.aleft {float:left}
.aright{float:right}
.marleft{margin:-2px 0 0 25px}
.marright{margin:10px 10px 0 0}
.marleftmore{margin-left:60px}

img.bdr1px{
  border:1px solid #D3D3D3;
}
img.bdr{
  border:4px solid #D3D3D3;
  margin:10px 0;
}
#flashContent{margin:10px 0 0 0}

address{margin:20px 0;font-style:normal}
address span{
  color:#376EB0;
  font-size:1.3em;
  font-family:Tahoma, Arial,Serif;
}

a.arrow,a:visited.arrow{
  font-family:Arial, sans-serif;
  padding:10px 17px 10px 0;
  font-size:1.0em;
  background: url(i/arrows.gif) 100% 55% no-repeat;
  color:#376EB0;
  text-decoration:underline;
}
a:hover.arrow,a:focus.arrow{text-decoration:none;}

legend{display:none}
fieldset{border:none}
input#submit,input#contactsubmit{cursor:pointer;color:#E8E8E8;border:1px solid #CCCCCC;padding:5px;background:#666}
input,textarea{font-family:Tahoma,Arial,Verdana,Sans-Serif;color:#666;border:1px solid #CCCCCC;margin-bottom:5px;padding:3px 0 3px 2px;background:#E8E8E8}
input:focus,textarea:focus{border:1px solid #CCCCCC}
textarea{width:80%;}
span#caption{color:#000;font-size:2em;font-weight:bold}

#lightwindow_title_bar{padding:5px 10px;background:#fff}
#lightwindow_title_bar_title,#lightwindow_title_bar_close_link{color:#000}
#twitter_update_list{font-size: 85%;;}
.homeformtexts {
  width:145px;
  font-size:12px;
}

/* --- added by me(ben) on 4-4-11 --- */
iframe.google-maps{
 border:5px solid #d3d3d3;
}
div.hr {display: none}
/*/*/a{}
div.hr {display: block; 
width:460px;
height:15px; 
background-image:url(i/bg_divider-new.gif); 
background-repeat:no-repeat; 
background-position:top left; 
margin:.5em 0;
}
hr {display:none}/* */

h3.services-form{
  border-top: 1px solid #d3d3d3;
  padding-top:20px;
  color:#93B73E !important;
}
span.wpcf7-list-item{
  display:block;
}
input.send{
 background:url(http://envisioninteractive.com/wp-content/uploads/2011/04/proposal_button2.png) 0 0 no-repeat;
 width:245px;
 height:38px;
 display:block;
 border:none;
 text-indent:-9999px;
 cursor:pointer;
 margin-top:10px;
}
input:hover.send{
 background-image: url(http://envisioninteractive.com/wp-content/uploads/2011/04/proposal_button2.png);
 background-position:0 -38px;
 background-repeat:no-repeat;
}

/* -- tables -- */
table caption{display:none} 
.even-odd{
  width:95%;
  border:none;
  border-collapse:collapse;
  margin:10px 0 10px 0;
  border-left:1px solid #ccc;
  border-right: 1px solid #ccc;
}
.even-odd th, .even-odd td{vertical-align:top}
.even-odd tr th{
  font-family:Arial,Verdana,Tahoma,Sans-Serif;
  background:#eee;
  white-space:nowrap;
  padding:3px 3px 3px 5px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  color:#333;
  font-weight:bold;
}
.even-odd tr td{
  border-bottom:1px solid #ccc;
  padding:5px 5px;        
}
.even-odd .odd td{background:#fff;}
.even-odd .even td{background:#eee}

ul.social{
  list-style:none;
  display:inline;
}
ul.social li{
  display:inline;
  margin-right:10px;
  list-style:none;
  width:32px;
  height:32px;
}
ul.social li.text{
  position:relative;
bottom:10px;
}
ul.social li a.text{
  color:#fff;
  font-size:13px;
  background:#1f3d63;
  padding:5px 7px;
  border:1px solid #1f3d63;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-decoration:none;
}
ul.social li a:hover.text{
  text-decoration:underline;
}
#content div.home-case-study .homepage-news p{
  width:160px;
}

#content div.home-case-study .homepage-news ul.recent-home{
  margin-bottom:10px;
}

#content div.home-case-study .homepage-news ul.recent-home li{
  font-size:.8em;
  font-weight:normal;
}

ul.ibd {
  margin:10px 0;
  list-style:none;
}
ul.ibd li {
  margin-bottom:0px;
}
ul.ibd2 {
  margin:10px 0;
}
ul.ibd2 li {
  list-style:disc;
  margin-left:20px;
}
select.homeformselect{padding:3px 0;width:148px}
select.contactformselect{padding:3px 0;width:208px}
select.jobformselect,select.servicesformselect{padding:3px 0;width:270px}
textarea.homeformtexts{margin-top:8px}

/* --- Twitter Tools --- */
.blog-twitter{
  margin:0 20px 0 0;
  padding:0 !important;
  width:200px !important;
}

ul#twitter-tools{
  width:200px;
  margin:10px 0;
  list-style:none;
}
ul#twitter-tools li h3{
  color:#48b8da;
}
ul#twitter-tools ol{
  width:200px;
  margin:.5em 0 0 0;
}
ul#twitter-tools ol li{
  list-style:none;
  margin:0 0 .5em 0;
}
ul#twitter-tools ol li.aktt_more_updates{
  margin:1.5em 0;
  list-style:none;
}
ul#twitter-tools ol li.aktt_more_updates a{
  color:#fff !important;
  background:#1f3d63 url(http://envisioninteractive.com/wp-content/uploads/2011/04/twitter-32x32.png) center left no-repeat;
  padding:5px .8em 5px 40px;
  border:1px solid #1f3d63;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  outline:0;
}
ul#twitter-tools ol li.aktt_more_updates a:hover{text-decoration:underline;}

.spacer{margin-top:50px;}

.employee{
  margin-bottom:2em;
}
.employee img{
  float:left;
  margin-right:10px;
  border:4px solid #D3D3D3;
}
.employee .info{
  margin-right:80px;
}
.employee .info p.title{
  margin-top:0 !important;
  font-weight: bold;
}
/* --- end added by me(ben) on 4-4-11 --- */