@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6C7380;
	
	text-align:justify;
	
	background:url(../images/bgblocks.gif) repeat;
}

html {overflow-y: scroll;}

p{
	line-height:15px;
	margin-bottom:10px;
	text-align:justify;
}

p.errormessage{
	color:#F00;
}

p.center{
	text-align:center;
}

strong{
	font-weight:bold;
	color:#204080;
}

a{
	color:#204080;
	/*border-bottom:1px #204080 dotted;*/
	text-decoration:none;
}

a:hover{
	color:#204080;
	text-decoration:none;
	border-bottom:1px #204080 solid;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

a.noborder{
	color:#204080;
	text-decoration:none;
	border:none;
}

a.noborder:hover{
	color:#204080;
	text-decoration:none;
	border-bottom:none;
}

h1{
	font-size:18px;
	color:#204080;
	text-decoration:none;
	margin-bottom:10px;
}

h2{
	font-size:14px;
	color:#204080;
	margin-bottom:10px;
}

h3{
	font-size:12px;
	color:#204080;
	margin-bottom:10px;
}

ul{
	list-style-type:circle;
	text-align:justify;
}

ul li{
	margin-bottom:5px;
}

img{
	border:none;
}

img.right{
	float:right;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:0px;
}

img.left{
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
}

#wrapper1{
	height:100%;
	min-height:500px;
	width:770px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	
	padding-bottom:5px;
	
	background:#FFF;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	overflow:auto;
}

#wrapper2{
	padding-left:10px;
	padding-right:10px;
}

#headerbar{
	height:160px;
	width:auto;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	
	background:url(../images/exetech.png) bottom left no-repeat;
	background-color:none;

/*	border:#000 solid 1px;*/
}

#headerbar a span{
	float:left;
	width:360px;
	height:110px;
}

#promotion{
	height:160px;
	width:750px;
	
	margin:0px;
	padding:0px;
	
	background: #FFFFFF;
	/*border:#000 solid 1px;*/	
}


#promopic2{
	float:right;
	
	height:150px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:auto;
	
	border:#ADB8CC 5px solid;
}

#promopic1{
	float:left;
	height:150px;
	width:510px;
	margin-right:auto;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:auto;
	
	border:#ADB8CC 5px solid;
}


#navi{
	height:25px;
	width:750px;
	padding:0px;

	margin-bottom:10px;	
}

#navileft{
	float:left;
	height:25px;
	width:520px;
	
	padding:0px;
	margin:0px;
}

#naviright{
	
	height:25px;
	width:210px;
	
	margin-left:540px;
	padding:0px;
}

#navi li {
	float:left;
	list-style:none;

	padding:0px;
	font-size:10px;

	margin-right:5px;
	margin-top:0px;
	text-align:center;
	width:auto;
	height:auto;
}

#navi li a {
	display: block;
	padding:4px;
	color:#6C7380;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
	
	background:#FFF;
	
	border-bottom:1px #ADB8CC solid;
	border-right:1px #ADB8CC solid;
	border-left:1px #ADB8CC solid;
}

#navi li a.current {
	background:#ADB8CC;
	color:#FFF;
}

#navi li a:hover {
	background:#ADB8CC;
	color:#FFF;
	
	border-bottom:1px #ADB8CC solid;
	border-right:1px #ADB8CC solid;
	border-left:1px #ADB8CC solid;
}

#content{
	min-height:500px;
	height:100%;
	width:520px;
	
	overflow:auto;

	margin-bottom:10px;
}


#contentwide{
	min-height:500px;
	height:100%;
	overflow:auto;
	width:100%;
}

#contentwidecasestudy{
	min-height:500px;
	height:100%;
	overflow:auto;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #000;
}


#innercontent{
	float:right;
	min-height:500px;
	height:100%;
	width:220px;
	
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	
	border:#666666 solid 1px;
	
	background:url(../images/innercontentbg.png) repeat;
}

#innercontent h2{
	text-align:center;
}

#innercontentsite{
	text-align:center;
	margin-bottom:25px;
}

#innercontentsite h3{
	margin-top:10px;
}
	

#sidebar{
	float:right;
	min-height:500px;
	height:100%;
	width:200px;
	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

#lnews{
	margin-bottom:10px;
	text-align:left;
}

#lnews p{
	margin-bottom:5px;
}

#lnews p.date{
	color:#204080;
	font-size:9px;
	text-align:left;
}

#lnews p.newstitle{
	font-size:12px;
	color:#204080;
	margin-bottom:2px;
	font-weight:700;
}

#lnews p.newsdescription{
	text-align:justify;
}

#lnews ul{
	list-style-type:none;
}

#lnews ul li{
	margin-bottom:10px;
	border-top:1px #DDDDDD solid;
	border-bottom:1px #DDDDDD solid;
	border-left:1px #DDDDDD solid;
	border-right:1px #DDDDDD solid;
	padding:5px;
}

#quote{
  width:200px;
  height:auto;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:10px;
  padding:0px;
 
  }

#quote p{
	font-size:11px;
	font-style:italic;
	
	color:#204080;
	text-align: justify;
}

#testimonial{
	width:500px;
	padding:3px;
	margin-top:5px;
	
	border-bottom:1px dotted #6C7380;
	
	text-decoration:none;
}

#testimonial a{
	font-size:12px;
	color: #204080;
	text-decoration:none;
	font-weight:bold;
	border:none;
}

#testimonial a:hover{
	color:#204080;
	text-decoration:none;
}

#testimonial h2.testimonial{
	margin-bottom:0px;
	/*border:1px #000 solid;*/
	width:auto;
	line-height:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
}

#testnavi{
	float:right;
	text-align:right;
}

#testnavi a{
	font-size:10px;
	text-align:right;
	border:none;
	color:#8D95A6;
}

p.tperson{
	font-weight:bold;
}

p.tperson strong{
	color: #204080;
}

#glossary h3{
	color:#204080;
	text-align:left;
}

#glossary h3.top{
	margin-top:30px;
}

#glossary p{
	padding-left:25px;
}

#alphabet{
	padding:15px;
	background-color:;
	border:2px solid #ADB8CC;
}

#alphabet a{
	color:#204080;
	text-decoration:none;
	border:none;
	margin-right:5px;
}

#alphabet a.nolink{
	color:#CCC;
}

#alphabet a:hover{
	color:#ADB8CC;
}


#alphabetinner{
	padding:5px;
	border:1px solid #ADB8CC;
	
	margin-top:10px;
	margin-bottom:10px;
}

#alphabetinner h1{
	color:#ADB8CC;
	font-size:18px;
}


#alphabetinner a{
	color:#204080;
	text-decoration:none;
	margin-top:10px;
	border:none;
}

#alphabetinner a:hover{
	color:#ADB8CC;
}


#footer{
	height:40px;
	width:760px;
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	
	padding-right:5px;
	padding-left:5px;
	
	padding-top:10px;
	padding-bottom:10px;
	
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	
	
	background:#FFFFFF;
}

#otherlinks{
	float:right;
	width:auto;
	height:auto;
	
	/*border:1px #F00 solid;*/
}

#otherlinks ul li{
	list-style:none;
	margin-bottom:5px;
	display:block;
	
	text-align:right;
}

#otherlinks ul li a{
	text-decoration:none;
	border-bottom:none;
	color:#6C7380;
}

#copyright{
	height:auto;
	width:475px;
	padding:0px;
	
	margin-right:auto;
	margin-left:auto;
}

#copyright p{
	text-decoration:none;
	text-align:center;
	margin-bottom:5px;
}

#copyright p a{
	color:#6C7380;
	border-bottom:none;
	text-decoration:none;
}

#copyright p a:hover{
	color:#204080;

}

#copyright p.exetech{
	letter-spacing:2px;	
}

#copyright p.exetech a{
	text-decoration:none;
	color:#204080;
	border-bottom:1px #204080 dotted;
}

#copyright p.exetech a:hover{
	text-decoration:none;
	color:#204080;
	border-bottom:1px #204080 solid;
}

#backtotop{
	width:auto;
	height:auto;
	float:left;
}

#backtotop  ul li{
	list-style:none;
	margin-bottom:5px;
	margin-left:0px;
	display:block;
	
	text-align:left;
}

#backtotop  ul li a{
	text-decoration:none;
	border-bottom:none;
	color:#6C7380;
}

#backtotop  ul li a:hover{
	color:#204080;
}

#upgrade{
	width:auto;
	height:450px;
	padding:10px;
}

#upgrade ul {
	margin-left:30px;	
}



#fLeft{float:left;height:530px; width:740px;}
.iDance {
	float:left;
	position:relative;
	width:160px;
	margin: 0 -1px 0 0;
	overflow:hidden;
	height:502px;
}

	.iDance div {
		position:relative;
		display:block;
		z-index:5;
	}
	.iDance .open img{
		position:relative;
		float:right;
		border:none;
	}
	.iDance .open{
		position:absolute;
		top:0;
		right:0;
		border:0;
		z-index:1000;
		display:block;
		border:0;
		background-color: #FFF;
	}
	.iDance .interior 
	{	
		width:410px;
		height:500px;
	}
	
	#site1 {
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:10px;
		height:500px;
	}
	
	#site2 {
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:10px;
		height:500px;
		
	}
	
	#site3 {
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:10px;
		height:500px;
	}

.iDance p{
	font: 11px "Tahoma", verdana, geneva, sans-serif;
	font-size:11px;
	color:#6C7380;
	text-align:justify;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: auto;
height: 380px; /* Set height to be able to contain height of largest content shown*/
border: 4px solid #ADB8CC;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width:720px;
}

.glidecontent img{
	float:right;
	padding-right:2px;
	padding-left:2px;
	margin-right:5px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontent p.tperson a{
	font-weight:bold;
	text-align:right;
}


.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 720px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid #ADB8CC;
color: #204080;
padding: 1px 3px;
margin-right: 3px;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #204080;
}

.glidecontenttoggler a:hover{
background:#204080;
color: #FFF;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #204080;
color: white;
}

#portfolioimage{
	float:right;
	width:280px;
	height:420px;

	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}

#portfolioimage h3{
	margin-top:60px;
}

table{
	margin:0px;
	padding:0px;
}

table.table2{
	height:auto;
	margin-top:0px;
	margin-bottom:30px;
	margin-left:20px;
	border:#CCC 1px solid;
	background:#F0F0F0;
	padding:10px;
	width:450px;
}
	
table.table2 td{
	height:auto;
	color:#204080;
	border: 0px solid #000;
	}
	

textarea {
	width: 190px;
	height:80px;
	border: 1px solid #cccccc;
	
	margin:0px;
	padding:0px;
	
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:25px;
	
	font: 12px verdana, geneva, sans-serif;
	color:#204080;
	/*background-image: url(../images/textareabg.png);*/
	background-position: bottom right;
	background-repeat: no-repeat;
	
	resize:none;
}

textarea:hover
{
border:1px solid #204080;
	
}

table.table2 td.middle{
	text-align:center;
	padding:3px;
}

table.table2 tr{
	height:30px;
}

input.button{
	text-align:center;
}

td a{
	color:#204080;
}


ul.mosnet{
	list-style-type: circle;
	list-style-position:inside;
	text-align:justify;
	margin-bottom:10px;
}

ul.mosnet li{
	margin-top:5px;
	margin-bottom:5px;
}

ul.sitemap{
	list-style-type: circle;
	list-style-position:inside;
	text-align:justify;
	margin-bottom:20px;
	margin-top:20px;
}

ul.sitemap li{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
}

#services{
	width:auto;
	border:1px #CCC solid;
	padding:5px;
	margin-bottom:20px;
}

#services img{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}

#services ul{
	list-style-type:circle;
	list-style-position:inside;
	text-align:justify;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

#services ul li{
	margin-bottom:5px;
}

#tabholder
{
	margin-left:35px;	
	margin-top:20px;
}

.contacttabcurrent
{
	border-top:1px solid #ADB8CC;
	border-right:1px solid #ADB8CC;
	border-left:1px solid #ADB8CC;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:1px;
	margin-left:10px;
	margin-bottom:-10px;
	background-color:#F0F0F0;
}

.contacttabcurrent:hover
{
	border-top:1px solid #ADB8CC;
	border-right:1px solid #ADB8CC;
	border-left:1px solid #ADB8CC;
	border-bottom:0px solid #ADB8CC;
}
	
.contacttab
{
	border-top:1px solid #ADB8CC;
	border-right:1px solid #ADB8CC;
	border-left:1px solid #ADB8CC;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:0px;
	margin-left:10px;
	margin-bottom:-10px;
	background-color:#FFF;
}

.contacttab:hover
{
	border-top:1px solid #ADB8CC;
	border-right:1px solid #ADB8CC;
	border-left:1px solid #ADB8CC;
	border-bottom:0px solid #ADB8CC;
}	

.contactbutton
{
	border:1px solid #ADB8CC;
	color:#204080;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	background:#FFF;
}	

.contactbutton:hover
{
	border:1px solid #214081;
	color:#214081;
}	

#catchaoptions
{
		border:1px solid #214081;
		
		margin-top:-13px;
		float:right;
		height:40px;
		position:relative;
		top:1px;
}

#catchaoptionsphone
{
		border:0px solid #214081;
		margin-right:58px;
		margin-top:6px;
		float:right;
}

.contactformdropdown
{
width:200px;
margin-left:4px;
color:#204080;
	
}

.contactforminput
{
color: #204080;	
border:1px solid #CCC;

}

.contactforminput:hover
{
border:1px solid #204080;
}

/* SLIDE */

#top-panel{
	background:#FFF;
	border-bottom:2px solid #ADB8CC;
	padding:5px;
	text-align:right;
	width:auto;
	margin:0px;
}

#top-panel p{
	font-size:10px;
	text-align:right;
	color:#204080;
	margin:0px;
	padding:0px;
}

#top-panel p a{
	color:#204080;
	text-decoration:none;
}

#top-panel label{
}

#top-panel input{
	border:1px #CCC solid;
	color:#204080;
	background:#FFF;
	font-size:10px;
	padding:2px;
}

#top-panel input:hover{
	border:1px #204080 solid;
	
}
#top-panel input.button{
	border:1px #CCC solid;
	background:#FFF;
	font-size:10px;
	margin-left:5px;
}

#top-panel input.button:hover{
	border:1px #204080 solid;
	color:#204080;
	background:#FFF;
}

#sub-panel{
	text-align:center;
	font-size:10px;
	width:auto;
}
#sub-panel a{
	width:150px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:20px;
	font-weight:bold;
	background:url(../images/sub-left.png) bottom left no-repeat #ADB8CC;
	border:none;
}
#sub-panel a span{
	padding:6px;
	background:url(../images/sub-right.png) right bottom no-repeat;
	display:block;

}
/* Dynamic Tabs */



#ddtabs1.ddcolortabs{
padding: 0px;
width:500px;
height:auto;

margin-bottom:10px;
overflow:hidden;
}

#ddtabs1.ddcolortabs ul{
margin:0px;
padding:0px;
width:auto;
height:auto;
}

#ddtabs1.ddcolortabs ul li{
display:inline;
padding:0px;
margin-bottom:5px;
}

#ddtabs1.ddcolortabs ul li a{
float:left;
color:#6C7380;
margin-right:5px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;

text-decoration:none;

padding:3px;

border:1px solid #ADB8CC;
}

#ddtabs1.ddcolortabs a:hover{
background-color: #ADB8CC;
color:#fff;
}

#ddtabs1.ddcolortabs a.tabcurrent
{
background-color: #ADB8CC;
color:#fff;
}









.h3case{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.boxgrid{ 
  width: 325px; 
  height: 260px; 
  margin:10px; 
  float:left; 
  background:#161613; 
  border: solid 2px #8399AF; 
  overflow: hidden; 
  position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}
  
.boxcaption{ 
  float: left; 
  position: absolute; 
  background: #000; 
  height: 100px; 
  width: 100%; 
  opacity: .8; 
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260px;
left: 0;
}
.caption .boxcaption {
top: 220px;
left: 0;
}