/* body
----------------------------------------------- */

body{
	background-color: #E7F1F8;
	background-image: url('../images/default-background.gif');
	background-repeat:repeat-x;
	/* background-color: #e3e3e3; */
	margin: 0px;
	/* padding: 10px 0px 10px 0px; */
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px
}
/*.back-bot {
	background-image: url(../images/main-bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}*/


/* intava green */
#green{
	background: #B5DA01;
}

#exec_name{
	line-height: 10px;
}

a img{
	border: 0px none;
}

a{
	color: #3566b3;
}
/* main
----------------------------------------------- */

div#main{
	/*background-image: url(../images/main-bg.jpg);*/
	width: 929px;
	margin: 0px auto 0px auto;
	position: relative;
	/*min-height: 690px;*/
  	height:auto !important;
  	/*height:690px;*/
  	background-color: #fff;
}

img#main-top{
	position: absolute;
	left: 0px;
	top: 0px;
}

img#main-bot{
	margin: 0px auto 0px auto;
	width: 929px;
	display: block;
	clear: left;
}
#footer-links{
	width:914px; 
	margin:0 auto;
	font-family: "Lucida Grande",Lucida,Arial,sans-serif;
}
#footer-links ul{
	float:left;
	margin:0;
	padding:0;
	width:170px;
	list-style-image: url(../images/arrow.gif);
}
#footer-links h3{
	display:block;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	padding:0;
	margin:0 0 5px;
	font-weight:bold;
	font-size:16px;
	font-family: "Lucida Grande",Lucida,Arial,sans-serif;
}
#footer-links h3 a{
	text-decoration:none;
}
#footer-links ul li{
	line-height:1.8em;	
}
#footer-links a{
	font-size:12px;
	text-decoration:underline;
}
.links-box{
	width:150px; margin:0 26px 30px 0; float:left; border-right:1px solid #FFF;
}

/* news, events, jobs */

.simpleList{
	list-style: none;
	line-height: 20px;
	font-size: 12px;
}

.simpleList li{
	padding-bottom: 10px;

}


/* forms */

dt {
	clear:left;
	float:left;
	font-size:12px;
	margin:5px 10px 2px 0pt;
	text-align:right;
	width:120px;
}

dd {
	font-size:11px;
	line-height:32px;
}


dl {
	line-height:15px;
	margin-bottom:5px;
}


/*  Design pages */


body#template-design div#design_nav{
	position: absolute;
	padding-top: 150px;
	left: 0px;
	color: #6c6c6c;
	width: 153px;
	margin-left: 16px;
}

#btn_continue {
	padding-bottom: 40px;
}

body#template-design div#copy{
	width: 500px;
	padding-top: 125px;
	margin-left: 135px;
}

#side_pic{
	position: absolute;
	left: 674px;
	top: 150px;
	margin: 0px;
	padding: 0px;
}

/* top
----------------------------------------------- */

div#top{
	position: absolute;
	top: 8px;
	left: 7px;
}
a#logo-intava{
	position: absolute;
	top: 12px;
	left: 11px;
}

#top a#logo-intava{
	top: 7px;
	left:7px;
}

img#tagline{
	position: absolute;
	left: 674px;
	top: 36px;
}

#top img#tagline{
	position: absolute;
	left: 667px;
	top: 36px;
}

/* ---Main Index Page Blue Button Style */

.BlueHeaderBtn{
	margin-top:40px; 
	width:300px; 
	padding:7px; 
	padding-top:4px;
	text-align:center; 
	color:white; 
	background-color:#3566B3; 
	-moz-border-radius:5px; 
	-moz-box-shadow:#3566B3 1px 1px 5px;
}

/* nav
----------------------------------------------- */
ul#nav{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 67px;
	left: 7px;
	width: 929px;
}
ul#nav li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	
	/*
	background:#B5DA01;
	width: 149px;
	overflow: hidden;
	*/
	
	display: block;
	border-right: 1px solid #fff;
}

ul#nav li a{
	display: block;
	color:#000;
	/*padding: 9px 0px 9px 10px;*/
	text-decoration: none;
}

/*
ul#nav li a:hover{
	color:#fff;
	background-color:#666;
}

ul#nav li#current a{
	color:#fff;
	background:#666;
}
*/


/*
ul#nav li img{
	float: left;
}

ul#nav li#nav-home a{
	background-image: url(../images/nav-about.gif);
}

ul#nav li#nav-design a{
	background-image: url(../images/nav-about.gif);
}

ul#nav li#nav-technology a{
	background-image: url(../images/nav-about.gif);
}

ul#nav li#nav-services a{
	background-image: url(../images/nav-about.gif);
}

ul#nav li#nav-portfolio a{
	background-image: url(../images/nav-about.gif);
}

ul#nav li#nav-about a{
	background-image: url(../images/nav-about.gif);
}
*/

/*
ul#nav li.current a{
	background-position: 0px -99px;
	border-right: 0px none	;
}

ul#nav li a:hover{
	background-position: 0px -99px;
}
*/

/*  left nav */

div#left_nav{
	width:84px;
	font-family: "trebuchet ms", verdana, sans-serif;
	background: #ccc url(../images/corner_top_right_2.gif) top right no-repeat;
}


div#left_nav a{
	padding: 0px 5px 0px 10px;
	/*padding-left: 10px;*/
	background:#ccc;
	color:#5F5F62;
	font-weight: 600px;
	text-decoration: none;
	line-height: 28px;
	
}

div#left_nav #current{
	background:#fff;
	color:#5F5F62;
	padding: 0px 5px 0px 10px;
	line-height: 28px;
}

div#left_nav a:hover{
	color: #fff;
	display: block;
	background: #B5DA01;
}


/* footer
----------------------------------------------- */
div#footer{
	color: #5f5f62;
	text-align: right;
	width: 929px;
	margin: 0px auto;
	padding-right: 20px;	
	line-height: 1.5em;
	font-size: .9em;
}


/* subnav
----------------------------------------------- */

/*  template-main  */

body#template-main ul#subnav{
	position: absolute;
	left: 472px;
	top: 200px;
	margin: 0px;
	padding: 0px;
}

body#template-main ul#subnav li{
	list-style-type: none;
	padding: 3px 0px 0px 120px;
	background-repeat: no-repeat;
	height: 101px;
	background-position: 0px 15px;
	margin: 0px 0px 10px 0px;
	width: 309px;
	position: relative;
}

body#template-main ul#subnav li.hover{
	background-image: url(../images/subnav-hover-bg.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}
body#template-main ul#subnav img.icon{
	position: absolute;
	left: 0px;
	top: 0px;
}
body#template-main ul#subnav h2{
	margin-top: 5px;
	margin-bottom: 10px;
	font: normal 14px trebuchet, verdana, helvetica;
	color: #999;
}
body#template-main ul#subnav li a,
body#template-main ul#subnav li p{
	color: #6c6c6c;
	font-size: 1.2em;
}
body#template-main ul#subnav li a.arrow{
	text-decoration: none;
	margin-left: 6px;
	position: relative;
}
body#template-main ul#subnav li a.arrow img{
	position: absolute;
	top: 3px;
}

/*  template-sub  */

body#template-sub ul#subnav{
	position: absolute;
	left: 560px;
	top: 200px;
	margin: 0px;
	padding: 0px;
}
body#template-sub ul#subnav li{
	list-style-type: none;
	padding: 3px 0px 0px 65px;
	background-repeat: no-repeat;
	height: 52px;
	margin: 0px 0px 10px 0px;
	width: 290px;
	position: relative;
}
body#template-sub ul#subnav li.hover{
	background-image: url(../images/subnav-hover-bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #fff;
	cursor: pointer;
}
body#template-sub ul#subnav img.icon{
	position: absolute;
	left: 0px;
	top: 0px;
}

body#template-sub ul#subnav h2{
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 1.2em;
	padding: 0px;
	color:#999;
	font: normal 14px trebuchet, verdana, helvetica;
}

h2{
	font: normal 16px trebuchet, verdana, helvetica;
}

h3{
	font: normal 14px trebuchet, verdana, helvetica;
}

body#template-sub ul#subnav li a,
body#template-sub ul#subnav li p{
	color: #6c6c6c;
	font-size: 1.2em;
}
body#template-sub ul#subnav li img.arrow{
	text-decoration: none;
	margin-left: 6px;
	position: relative;
	font-size: 1px;
	padding: 0 0 2px 0;
	vertical-align: middle;
}
body#template-sub ul#subnav li a.arrow img{

}


/* copy
----------------------------------------------- */

div#copy{
	position: relative;
	padding-top: 121px;
	color: #6c6c6c;
  	border-bottom: 1px solid #fff;
}

#post_body p{
	width: 500px;
}

p{
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.designSubtext{
	color: #6c6c6c;
	font-size: 1.2em;
	line-height: 1.4em;
}


/*  template-main  */

body#template-main div#copy{
	width: 385px;
	margin-left: 55px;
}
body#template-main div#copy p{
	margin-left: 0px;
}

/*  template-sub  */

body#template-sub div#copy{
	width: 510px;
	margin-left: 10px;
}
body#template-sub div#copy img.icon{
	position: absolute;
	left: 20px;
	top: 215px;
}
body#template-sub div#copy p,
body#template-sub div#copy h1
{
	margin-left: 120px;
}

div#copy h1{
	font: bold 14px trebuchet, verdana, helvetica;

}

body#template-sub div#copy h1
{
	margin-bottom: 15px;
}


/* diagram */

div#diagram {
	width: 830px;
	height: 250px;
	/*background: #fc0;*/
	margin-bottom: 20px;
}


div#brick{
	width: 400px;
	margin-bottom: 5px;
	background: #eee;
}

div#brick p{
	margin-top: 5px;
	padding: 0px 10px 0px 10px;
}

#box_header{
	background: #5f5f62 url(../images/corner_ul_gray.png) no-repeat top right; 
	text-align:left;
	color: #fff;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #fff;
}

td#brick_spacer{
width: 500px;
height: 20px;
background: #fff;
}

/*
div#brick {
	margin-right:60px;
	text-align:left;
	font-size: 11px;
	margin-bottom: 30px;
	width:340px;
}
*/

/*  CMS styles
------------------------------------------------ */

#post_preview{
	width:450px;
}

#post_body{
	font-size:12px;
	line-height: 16px;
}

span#post_body ul{
	font-size: 12px;
	line-height: 16px;

}

span#post_body p{
	font-size:12px;
	width:310px;
	position:relative;
	line-height: 16px;
}



/*  INDEX styles
------------------------------------------------ */


#home_promo_slot {
	width: 299px;
	padding: 0px;
	background-color:#5f5f5f;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 1px;
	float: left;}

#home_promo_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	height: 210px;
	margin: 0px;
	background-color:#8f8f8f;
	padding: 28px;
	width: 243px;
	color:#FFFFFF;
}

#home_promo_content a {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

#category_promo_slot {
	width: 371px;
	padding: 0px;
	margin-top: 72px;
	margin-left: 41px;
	margin-bottom: 50px;
	float:left;
	position: relative;
 	}
	
#category_promo_content {
	width: 245px;
	padding-left: 125px;
	margin-top: -101px;
}

.subhead {
font-size: 18px;
color: #5f5f5f;
font-family: Myriad Pro, Myriad, Segoe UI, Lucida Grande, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 24px;
}

.style13 {
	color: #3566b3;
	font-weight: bold;
}
.style14 {
	color: #3566b3;
}
.style15 {
	color: black;
}
.style8 {
	color: #3566b3;
	font-family: Arial, Helvetica, sans-serif;
}
.style16 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color:#0888B6;
}
.style17 {	
	font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.back-botInner {	background-image: url(../images/bottom_addr.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.back-mid {	background-image: url(../images/mid_addr.gif);
	background-repeat: repeat-y;
	background-position: left center;
}
.back-top {	background-image: url(../images/top_addr.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.style35 {	color: #FFFFFF;
	font-weight: bold;
}
.style32 {color: #3566b3; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style34 {color: #6E73B3}
.style37 {color: #3566B3}
.style39 {color: #3566B3; font-weight: bold; }
.style40 {color: #000066}
.style41 {font-size: 14px}

/* ------------------------- Tab CSS ------------------------------ */
.tabBG{
	background-image:url('../images/onTabHoverBG.png');
	background-repeat: repeat-x;
	height:31px;
}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 8px 4px;
	min-width: 170px;
	color: #000;
	/*background: #5970B2;
	color: #235FAE;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	text-align: center;*/
}
.tab_normal {	
	text-decoration: normal;
}

.tab_hover {	
	text-decoration: underline;
}
#sddm li a:hover {
text-decoration: underline;
/*background-image:url('../images/onTabHoverBG.png');
background-repeat: repeat-x;
border:1px solid #5A8BC9;
border-bottom:0;
color: #000;*/
}

#sddm div
{	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	z-index: 10000;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 15px;
		width: 139px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-image:url('../images/onTabHoverBG.png');
		background-repeat: repeat-x;
		border:1px solid #5A8BC9;
		border-top:0;
		/*background: #EAEBD8;*/
		color: #000;
		font: normal 11px Verdana;
		}

	#sddm div a:hover
	{	
		background: #49A3FF;
		color: #FFF;
	}
#services_links{
	margin:0px 10px 10px 10px;
	padding:0px 10px 10px 10px;
}
#services_links li{
	list-style-image:url('../images/arrow.jpg');
	line-height:16px;	
}

/** Style the tweets */
.twitters {
  overflow: auto;
}

.twitters ul {
  /*list-style: none;*/
  padding: 0;
  margin: 0;
  /*white-space: nowrap;*/
}

.twitters ul li {
  width: 213px;
  float: left;
  list-style: none outside none;
  padding: 0;
  margin: 0px 10px 0 5px;
}

.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  color: #c5c5c5;
}

.twitters span.status {
  font-style: italic;
}
.twit-bg{
  background-image: url('../images/bg.gif');
  border: 1px solid #e5e5e5;
  border-right:0;
  border-left:0;
  padding: 5px;
  margin: 0px 0 0px 0;  
}

#contenttab {
float:left;
height:auto;
width:647px;
}
#contenttabinner {
float:left;
height:auto;
width:647px;
}
.contenttabinner {
float:left;
height:auto;
width:647px;
}
.contenttabtxt {
color:#000000;
font-family:Arial,"Myriad Pro",Verdana;
font-size:20px;
font-weight:normal;
line-height:35px;
text-decoration:none;
border-bottom:1px dotted #CCC;
}
.contenttabtxt-blue {
color:#0888B6;
font-family:Arial,"Myriad Pro",Verdana;
font-size:20px;
font-weight:normal;
line-height:22px;
text-decoration:none;
}
.content-ourclienttxt {
color:#000000;
font-family:Arial,"Myriad Pro",Verdana;
font-size:20px;
font-weight:normal;
text-decoration:none;
}
.content-ourclienttxt-blue {
color:#0888B6;
font-family:Arial,"Myriad Pro",Verdana;
font-size:20px;
font-weight:normal;
text-decoration:none;
}
#tabcontentleft {
float:left;
height:auto;
width:324px;
}
.tabcontentleft {
float:left;
height:auto;
width:324px;
}
#tabcontentright {
float:left;
height:auto;
width:322px;
}
.tabcontentright {
float:left;
height:auto;
width:322px;
}
#tabcontentleft-icon {
float:left;
height:auto;
width:60px;
}
.tabcontentleft-icon {
float:left;
height:auto;
width:60px;
}
#tabcontentright-icon {
float:left;
height:auto;
width:62px;
}
.tabcontentright-icon {
float:left;
height:auto;
width:62px;
}
.content-tabtxt {
color:#000000;
float:left;
font-weight:normal;
line-height:17px;
text-decoration:none;
width:264px;
}
.content-tabtxt_bold {
color:#000000;
font-family:Arial,"Myriad Pro",Verdana;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.contentright-tabtxt {
color:#000000;
float:left;
font-weight:normal;
line-height:17px;
text-decoration:none;
width:260px;
}
.content-tabh1 {
color:#107EA5;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
height:28px;
text-decoration:none;
width:260px;
}
.content_tabh1_txt {
color:#107EA5;
font-size:15px;
font-weight:bold;
font-family:Arial,"Myriad Pro",Verdana;
line-height:15px;
text-decoration:none;
}
.content_tabh1_txt:hover {
font-family:Arial,"Myriad Pro",Verdana;
color:#107EA5;
font-size:15px;
font-weight:bold;
line-height:15px;
text-decoration:underline;
}