/* the bit that does the work */
body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
	max-height:100%;
	font-family:tahoma, verdana, arial;
	font-size:11px;
	overflow: auto;
	background: #fff;
  }

/* for internet explorer */
* html body {
	padding:78px 0 50px 0;
	  }
#container {
	font-family:"times new roman", serif;
	font-size: 1.2em;
	top:78px;
	left:0;
	bottom:50px;
	right:0;
	overflow:auto;
	background:#fff;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	background-image: url(../img/vision/vision_insert_back.jpg);
	background-repeat: repeat-y;
	background-position: 50%;
	background-attachment: fixed;
  }
* html #container {
	height:100%;
	width:100%;
  }  
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:74px;
	background:#017EBE;
	background-image: url(../img/vision/header_bg.jpg);
	border-bottom:4px solid #06213E;
	text-align: center;
  }
#header img {
	float: left;
	padding-left: 5px;
	padding-top: 2px;
  }  
  
* html #header {
	height:78px;
	z-index: 1;
}

#footer {
	position:absolute;
	bottom:0;
	left:-1px;
	width:100%;
	height:45px;
	text-align:right;
	background:#017EBE;
	border-top:5px solid #06213E;
  }
* html #footer {height:50px;}

#footer p {
  color:#FFFFFF; 
  margin:5px 10px 0 10px;
  }
#footer a {color:#111;}  
  
#subcontainer {
	border-left: solid #06213E 4px;
	border-right: solid #06213E 4px;
	width: 700px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	overflow: auto;
	min-height: 100%;
}

#left_column {
	background-image: url(../img/vision/vision_left.gif);
	height: 500px;
	width: 163px;
	font-size: 11px;
	padding: 0px;
	float: left;
	vertical-align: text-bottom;
	border-bottom-color: #06213E;
}
#main_column {
	background-image: url(../img/vision/vision_main.gif);
	height: 500px;
	width: 293px;
	float: left;
}
#right_column {
	
	height: 400px;
	width: 200px;
	float: left;
}
* html #subcontainer {height:100%}

/*BEGIN MAIN NAV BAR  Drop Down Menus Courtesyt Stu Nichols, CSS PLAY */

#navbar {
	height: 24px;
	width: 695px;
	margin-top: 48px;
	margin-left: auto;
	margin-right: auto;
}

* html #navbar {
	height:24px;
	width: 695px;
}

.menu {
	width:333px;
	height:24px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	float: left;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	height:24px;
	position:relative;
	width: auto;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	width:inherit;
	height:24px;
	background:#E6E6DF;
	line-height:29px;
	
}
.menuContact {
	width:84px;
	height:24px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	float: left;
}
/* remove all the bullets, borders and padding from the default list styling */
.menuContact ul {
padding:0;
margin:0;
list-style-type:none;
}
.menuContact ul ul {
width:84px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menuContact positon */
.menuContact li {
	float:left;
	height:24px;
	position:relative;
	width: 84px;
	z-index: 100;
}
/* style the links for the top level */
.menuContact a, .menuContact a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	width:inherit;
	height:24px;
	background:#E6E6DF;
	line-height:29px;
	
}

#thome a  {
	width: 63px;
	height:24px;
	background: url(../img/vision/home.gif) top left no-repeat;
	background-color: #017EBE;
	background-image: url(../img/vision/home.gif);
	}
#thome a:hover  {
	width: 63px;
	height:24px;	
	background: url(../img/vision/home_over.gif) top left no-repeat;
	background-color: #E6E6DF;
	}
#thome a span {
	display: none;
	}	
#tportfolio a  {
	width: 91px;
	height:24px;
	background: url(../img/vision/portfolio.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tportfolio a:hover  {
	width: 91px;
	height:24px;
	background: url(../img/vision/portfolio_over.gif) top left no-repeat;
	background-color: #E6E6DF;
	}
#tportfolio span {
	display: none;
	}	
#tvision a  {
	width: 67px;
	height:24px;
	background: url(../img/vision/vision.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tvision a:hover  {
	width: 67px;
	height:24px;
	background: url(../img/vision/vision_over.gif) top left no-repeat;
	background-color: #E6E6DF;
	}
#tvision span {
	display: none;
	}
#tresources a  {
	width: 112px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/resources.gif) top left no-repeat;
	}
#tresources a:hover  {
	width: 112px;
	height:24px;
	background: url(../img/vision/resources_over.gif) top left no-repeat;
	background-color: #E6E6DF;
	}
#tresources span {
	display: none;
	}		
#tweb a  {
	width: 125px;
	height:24px;
	background: url(../img/vision/web.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tweb a:hover  {
	width: 125px;
	height:24px;
	background: url(../img/vision/web_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tweb span {
	display: none;
	}	
#tprint a  {
	width: 125px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/print.gif) top left no-repeat;
	}
#tprint a:hover  {
	width: 125px;
	height:24px;
	background: url(../img/vision/print_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tprint span {
	display: none;
	}
#taudio a  {
	width: 125px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/audio.gif) top left no-repeat;
	}
#taudio a:hover  {
	width: 125px;
	height:24px;
	background: url(../img/vision/audio_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#taudio span {
	display: none;
	}		
#tvideo a  {
	width: 125px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/video.gif) top left no-repeat;
	}
#tvideo a:hover  {
	width: 125px;
	height:24px;
	background: url(../img/vision/video_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tvideo span {
	display: none;
	}		
#tdatabase a  {
	width: 125px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/database.gif) top left no-repeat;
	}
#tdatabase a:hover  {
	width: 125px;
	height:24px;
	background: url(../img/vision/database_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tdatabase span {
	display: none;
	}		
#thosting a  {
	width: 159px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/hosting.gif) top left no-repeat;
	}
#thosting a:hover  {
	width: 159px;
	height:24px;
	background: url(../img/vision/hosting_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#thosting span {
	display: none;
	}		
#tdedicated a  {
	width: 159px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/dedicated.gif) top left no-repeat;
	}
#tdedicated a:hover  {
	width: 159px;
	height:24px;
	background: url(../img/vision/dedicated_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tdedicated span {
	display: none;
	}				
#te-commerce a  {
	width: 159px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/e-commerce.gif) top left no-repeat;
	}
#te-commerce a:hover  {
	width: 159px;
	height:24px;
	background: url(../img/vision/e-commerce_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#te-commerce span {
	display: none;
	}				
#tdomain a  {
	width: 159px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/domain.gif) top left no-repeat;
	}
#tdomain a:hover  {
	width: 159px;
	height:24px;
	background: url(../img/vision/domain_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tdomain span {
	display: none;
	}	
#tcontact a  {
	width: 84px;
	height:24px;
	background-color: #017EBE;
	background: url(../img/vision/contact.gif) top left no-repeat;
	}
#tcontact a:hover  {
	width: 84px;
	height:24px;
	background: url(../img/vision/contact_over.gif) top left no-repeat;
	background-color: #017EBE;
	}
#tcontact span {
	display: none;
	}	
										
#twhatwedo ul  {
	width: 125px;
	background-color: #017EBE;
	}
#twhatwedo a  {
	width: 125px;
	background-color: #017EBE;
	}
#twhatwedo a:hover  {
	width: 125px;
	background-color: #017EBE;
	}
#twhatwedo span {
	display: none;
	}
#twebsolutions ul  {
	width: 125px;
	background-color: #017EBE;
	}
#twebsolutions a  {
	width: 125px;
	background-color: #017EBE;
	}
#twebsolutions a:hover  {
	width: 125px;
	background-color: #017EBE;
	}
#twebsolutions span {
	display: none;
	}


.menu2 {
	width:125px;
	font-size:0.85em;
	position:relative;
	background-color: #017EBE;
	height: 24px;
	float: left;
	z-index: 900;
		
}

* html .menu2 {
	height:26px;
	width:125px;
	
  } 
.menu2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	background-color: #017EBE;
}

* html .menu2 ul {
	height:26px;
	width:125px;
  } 
.menu2 ul ul {
	width:125px;
	background-color: #017EBE;
}

* html .menu2 ul ul{
	height:26px;
	width:125px;
  } 
.menu2 li {
	float:left;
	width:125px;
	position:relative;
	background-color: #017EBE;
	background-repeat: no-repeat;
	height: 26px;
	z-index: 1000;
}
* html .menu2 li{
	width:125px;
  } 
.menu2 a, .menu2 a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	width:125px;
	height:24px;
	line-height:23px;
	background-image: url(../img/vision/whatwedo.gif);
	background-repeat: no-repeat;
	border-width: 1px 1px 0 0;
	border-bottom-width: 1px;
}
* html .menu2 a, * html .menu2 a:visited {
	width:125px;
	w\idth:125px;
}
.menu2 ul ul a.drop, .menu2 ul ul a.drop:visited {
	background-image: url(../img/vision/whatwedo_over.gif);
	background-repeat: no-repeat;
	background-color: #017EBE;
}
.menu2 ul ul a.drop:hover {
	background-image: url(../img/vision/whatwedo_over.gif);
	background-repeat: no-repeat;
	background-color: #017EBE;
}
.menu2 ul ul :hover > a.drop {
	background-image: url(../img/vision/whatwedo_over.gif);
	background-repeat: no-repeat;
	background-color: #017EBE;
}
.menu2 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:-4px;
	width:125px;
	background-color: #017EBE;
}

.menu2 ul li:hover ul li {
	display:block;
	color:#000;
	width:125px;
	clear:both;
	background-color: #017EBE;
	border-left: solid #06213E 4px;
	border-right: solid #06213E 4px;
}

* html .menu2 ul ul {
	top:26px;
	t\op:26px;
	background-color: #017EBE;
}
.menu2 table {

	position:absolute;
	top:0;
	left:0;
}
.menu2 ul ul a, .menu2 ul ul a:visited {
	height:26px;
	line-height:1em;
	padding:0 0 0 0;
	width:125px;
	font-family: Tahoma, Verdana, Arial;
	background-image: url(../img/vision/whatwedo.gif);
	background-repeat: no-repeat;
	background-color: #017EBE;
}
* html .menu2 ul ul a {
	width:125px;
	w\idth:125px;
	background-color: #017EBE;
}
.menu2 a:hover, .menu2 ul ul a:hover {
	color:#fff;
	background:#017EBE;
	width: 125px;
	background-image: url(../img/vision/whatwedo_over.gif);
}

.menu2 ul ul a:hover {
	color:#017EBE;
	background:#017EBE;
	width: 153px;
}

.menu2 :hover > a, .menu2 ul ul :hover > a {
	color:#fff;
	background:#017EBE;
	background-image: url(../img/vision/whatwedo_over.gif);
}
.menu2 ul li:hover ul, .menu2 ul a:hover ul {

visibility:visible;
}
.menu2 span {
	display: none;
} 

.menu3 {
	width:153px;
	font-size:0.85em;
	position:relative;
	z-index:1000;
	background-color: #017EBE;
	height: 24px;
	float: left;
}
.menu3 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	background-color: #017EBE;
}
.menu3 ul ul {
	width:159px;
	background-color: #017EBE;
}
.menu3 li {
	float:left;
	width:153px;
	position:relative;
	background-color: #017EBE;
	background-repeat: no-repeat;
	height: 26px;
}
.menu3 a, .menu3 a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	width:153px;
	height:24px;
	line-height:23px;
	background-image: url(../img/vision/websolutions.gif);
	background-repeat: no-repeat;
	border-width: 1px 1px 0 0;
	border-bottom-width: 1px;
}
* html .menu3 a, * html .menu3 a:visited {
	width:153px;
	w\idth:153px;
	background-color: #017EBE;
}
.menu3 ul ul a.drop, .menu3 ul ul a.drop:visited {
	background-image: url(../img/vision/websolutions_over.gif);
	background-repeat: no-repeat;
	width: 159px;
	background-color: #017EBE;
}
.menu3 ul ul a.drop:hover {
	background-image: url(../img/vision/websolutions_over.gif);
	background-repeat: no-repeat;
	width: 159px;
	background-color: #017EBE;
}
.menu3 ul ul :hover > a.drop {
	background-image: url(../img/vision/websolutions_over.gif);
	background-repeat: no-repeat;
	width: 159px;
	background-color: #017EBE;
}
.menu3 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:-4px;
	width:159px;
	background-color: #017EBE;
}
* html .menu3 ul ul {
	top:26px;
	t\op:26px;
	background-color: #017EBE;
}
.menu3 table {
	position:absolute;
	top:0;
	left:0;
}
.menu3 ul ul a, .menu3 ul ul a:visited {
	height:26px;
	line-height:1em;
	padding:0 0 0 0;
	width:159px;
	font-family: Tahoma, Verdana, Arial;
	background-image: url(../img/vision/websolutions.gif);
	background-repeat: no-repeat;
	background-color: #017EBE;
}
* html .menu3 ul ul a {
	width:159px;
	w\idth:159px;
	background-color: #017EBE;
}
.menu3 a:hover, .menu3 ul ul a:hover {
	background:#017EBE;
	width: 153px;
	background-image: url(../img/vision/websolutions_over.gif);
}
.menu3 ul ul a:hover {
	background:#017EBE;
	width: 153px;
}

.menu3 :hover > a, .menu3 ul ul :hover > a {
	background:#017EBE;
	background-image: url(../img/vision/websolutions_over.gif);
}
.menu3 ul li:hover ul li {
	display:block;
	color:#000;
	width:159px;
	clear:both;
	background-color: #017EBE;
	border-left: solid #06213E 4px;
	border-right: solid #06213E 4px;
}
.menu3 ul li:hover ul, .menu3 ul a:hover ul {
	visibility:visible;
	background-color: #017EBE;
	width: 159px;
}
.menu3 span {
	display: none;
} 

#flashcontent {
	height: 350px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.strike {text-decoration:line-through;}

.rgt{float:right;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.lft {
	float:left;
}
.lft a:link {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console";
	font-size: 11px;
	color: #333333;
}
.lft a:hover {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console";
	font-size: 11px;
	color: #06213E;
	text-decoration: underline;
}
.lft a:visited {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console";
	font-size: 11px;
	color: #333333;
}
.lft a:active {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console";
	font-size: 11px;
	color: #333333;
}
.lft a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #06213E;
}

h1 {
	margin:0.25em 0 0 0.25em;
	text-align:left;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console";
	font-size: 22px;
	color: #FFFFFF;
	text-transform: lowercase;
	font-weight: normal;
	line-height: normal;
}

h2 {
	text-align:left;
	font-family: "Trebuchet MS", "Lucida Sans", Tahoma;
	font-size: 16px;
	color: #FFCC33;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: -11px;
	letter-spacing: -1px;
}
p {
	padding: 0px 5px 5px 15px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	line-height: normal;
}

a:link,
a:visited {
	font-weight:bold;
	text-decoration:underline;
	color: #FFFFFF;
}
a:focus,
a:hover {
	text-decoration: none;
	color: #FFCC33;
}

.print_e-form {
	font-family: "Lucida Sans", Tahoma, Verdana;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #DE7E3B;
	border: 1px solid #06213E;
	border-color: #666666;
	float: left;
	margin-top: 4px;
	margin-right: 3px;
}

.print_e-form2 {
	font-family: "Trebuchet MS", "Lucida Sans", Tahoma;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-color: #efefef;
	border: 3px solid #06213E;
	border-color: #0C668B;
	float: none;
	margin-top: 4px;
	margin-right: 3px;
	padding: 3px;
}
.print_e-form2_send {
	font-family: "Trebuchet MS", "Lucida Sans", Tahoma;
	font-size: 11px;
	font-style: normal;
	color: #0C668B;
	background-color: #FFCC33;
	border: 3px solid #06213E;
	border-color: #086996;
	padding: 2px;
	font-weight: bold;
	margin-top: 3px;
}