/*
COLS

#0000C2 back of card
#1CEEFF back of card, cyan bright
#000020 v dark blue
#000099 blue circ board front
#7AB3FF light blue

00beff

banner gaps

width = 3975
3180
2385
1590
795

*/

body {
	/*background: #000 url("../images/bits/grad.gif") top left repeat-x; dotty like menu?*/
	/*margin: 0 auto;
	text-align: center;*/
	background-color: #000;
	margin: 0;
	font-size: 12px;
	font-family: "Tahoma", "Verdana", Geneva, Arial, sans-serif;
	color: #fff;
}
a, link, active, visited { color: #00adef; text-decoration: none; }
a:hover { color: #64d4ff; text-decoration: underline; }
p { margin: 0; padding: 0; position: absolute; background: transparent; }
form { padding: 0; margin: 0; }

#dots { list-style: disc; }
#bullet { list-style-image: url("../images/icons/bullet.gif"); margin: 0px 0px 0px 25px; padding: 0; }
#bullet li { padding: 2px 0px 2px 0px; margin: 0; }

hr { border: 1px solid #666; }
.hideme { visibility: hidden; display: none; }

/*MENU*/
#menu { margin: 0px auto; width: 800px; height: 25px; padding: 10px 0px 0px 0px; }
#nav { list-style: none; padding: 0; margin: 0; float: left; }
#nav a { text-decoration: none; display: block; }
#nav ul  { list-style: none; padding: 0; margin: 0; }
#nav li a { 
	display: block; 
	width: 85px;
	min-height: 20px;
	background-color: #fff;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	margin: 0px 2px 0px 1px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-top: 5px solid #000033;
	color: #000033;
}
#nav a:hover { 
	background-color: #fff;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	text-decoration: none;
}
#nav li { float: left; padding: 0; margin: 0; }
#nav li>ul {
	display: none;
	position: absolute;
	list-style-type: none;
	margin: 0; /* all browsers including Mac IE */
	*margin: 20px 0 0 -165px; /* IE 7 and below */
	_margin: 20px 0 0 -165px; /* IE 6 and below */
}
#nav li:hover>ul { display: block; width: 110px; z-index: 100; }
#nav li>ul>li a { display: block; width: 160px; }

#menu2 { margin: 0px auto; width: 800px; height: 25px; padding: 181px 0px 0px 0px; }
#nav2 { list-style: none; padding: 0; margin: 0; float: left; }
#nav2 a { text-decoration: none; display: block; }
#nav2 ul  { list-style: none; padding: 0; margin: 0; }
#nav2 li a { 
	display: block; 
	width: 65px;
	min-height: 20px;
	background-color: #fff;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	margin: 0px 2px 0px 1px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #000066;
	border-top: 5px solid #000066; 
}
#nav2 a:hover { 
	background-color: #fff;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	text-decoration: none;
}
#nav2 li { float: left; padding: 0; margin: 0; }
#nav2 li.long a { width: 130px; }
#nav2 li>ul {
	display: none;
	position: absolute;
	list-style-type: none;
	margin: 0; /* all browsers including Mac IE */
	*margin: 20px 0 0 -165px; /* IE 7 and below */
	_margin: 20px 0 0 -165px; /* IE 6 and below */
}
#nav2 li:hover>ul { display: block; width: 110px; z-index: 100; }
#nav2 li>ul>li a { display: block; }
/*MENU*/

#msiitbannerhold { background: #000 url("../images/bits/grad.gif") top left repeat-x; width: 100%; height: 260px; margin: 0 auto; position: fixed; }
#msiitbanner00 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner00.jpg") top left no-repeat; }
#msiitbanner01 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner01.jpg") top left no-repeat; }
#msiitbanner02 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner02.jpg") top left no-repeat; }
#msiitbanner03 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner03.jpg") top left no-repeat; }
#msiitbanner04 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner04.jpg") top left no-repeat; }
#msiitbanner05 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner05.jpg") top left no-repeat; }
#msiitbanner06 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner06.jpg") top left no-repeat; }
#msiitbanner07 { margin: 0 auto; width: 800px; height: 260px; z-index: 100; background: #000 url("../images/layout/banner07.jpg") top left no-repeat; }

#titlehome { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/home.gif") top left no-repeat; }
#titlehome_profile { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/home_profile.gif") top left no-repeat; }
#titlehome_mission { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/home_mission.gif") top left no-repeat; }
#titleservices { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services.gif") top left no-repeat; }
#titleservices_support { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services_support.gif") top left no-repeat; }
#titleservices_it { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services_it.gif") top left no-repeat; }
#titleservices_supplies { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services_supplies.gif") top left no-repeat; }
#titleservices_networks { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services_networks.gif") top left no-repeat; }
#titleservices_video { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/services_video.gif") top left no-repeat; }
#titlewebdesign { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign.gif") top left no-repeat; }
#titlewebdesign_design { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_design.gif") top left no-repeat; }
#titlewebdesign_content { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_content.gif") top left no-repeat; }
#titlewebdesign_host { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_host.gif") top left no-repeat; }
#titlewebdesign_seo { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_seo.gif") top left no-repeat; }
#titlewebdesign_ecom { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_ecom.gif") top left no-repeat; }
#titlewebdesign_esms { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/webdesign_esms.gif") top left no-repeat; }
#titlesoftware { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/software.gif") top left no-repeat; }
#titlesoftware_sws { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/software_sws.gif") top left no-repeat; }
#titlesoftware_spin { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/software_spin.gif") top left no-repeat; }
#titletestimonials { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/testimonials.gif") top left no-repeat; }
#titlecontact { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/contact.gif") top left no-repeat; }
#titlefindus { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/findus.gif") top left no-repeat; }
#titlesitemap { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/sitemap.gif") top left no-repeat; }
#titleusefullinks { margin: 5px 5px 5px 5px; height: 40px; z-index: 100; background: #000 url("../images/titles/usefullinks.gif") top left no-repeat; }

.titleglance { background: url("../images/titles/ataglance.gif") top center no-repeat; width: 100%; height: 26px; padding: 0px 0px 5px 0px; }
.titlecontact_address { background: url("../images/titles/officeaddress.gif") top center no-repeat; width: 100%; height: 28px; padding: 0px 0px 5px 0px; }
.titlecontact_details { background: url("../images/titles/contactdetails.gif") top center no-repeat; width: 100%; height: 28px; padding: 0px 0px 5px 0px; }
.titlecontact_find { background: url("../images/titles/findus2.gif") top center no-repeat; width: 100%; height: 28px; padding: 0px 0px 5px 0px; }
.titlecontact_enquire { background: url("../images/titles/enquire.gif") top left no-repeat; width: 100%; height: 28px; padding: 0px 0px 10px 25px; }

#column { margin: 0 auto; width: 100%; height: 100%; }
#all{ margin: 0 auto; padding-top: 260px; width: 800px; }
#content { background: url("../images/bits/bottom.jpg") bottom left repeat-x; margin: 0 auto; width: 800px; }
#footer{ clear: both; margin: 0px auto 5px auto; width: 800px; border-top: 5px solid #000; background-color: #000; /*background-color: #121212;*/ }

#box1 { float: left; /*width: 255px;*/ margin: 10px 0px 0px 1px; text-align: center; }
#box2 { float: left; /*width: 255px;*/ margin: 10px 0px 0px 8px; text-align: center; }
#box3 { float: left; /*width: 255px;*/ margin: 10px 0px 0px 8px; text-align: center; }

#boxc1 { float: left; margin: 10px 0px 0px 0px; }
#boxc2 { float: left; margin: 10px 0px 0px 3px; }
#boxc3 { float: right; margin: 10px 0px 0px 0px; }

#boxleft { float: left; /*width: 540px;*/ margin: 10px 0px 0px 0px; }
#boxright { float: right; /*width: 261px;*/ margin: 17px 0px 0px 0px; }
#boxleftc { float: left; /*width: 540px;*/ margin: 0px 0px 0px 0px; }
#boxrightc { float: right; /*width: 261px;*/ margin: 7px 0px 0px 0px; }
.boxlefty { float: left; /*width: 540px;*/ margin: 10px 0px 0px 0px; }
.boxrighty { float: right; /*width: 255px;*/ margin: 17px 0px 0px 0px; }

.qm66 { margin: 0; padding: 0; width: 50px; height: 40px; background: url("../images/icons/66.gif") bottom left no-repeat; }
.qm99 { margin: 0; padding: 0; width: 50px; height: 40px; background: url("../images/icons/99.gif") top right no-repeat; }
.qm6699 { margin: 0; padding: 0; width: 261px; height: 300px; background: url("../images/stock/msiitsupplies.jpg") top left no-repeat; }

.blackyt261 { background: url("../images/layout/blackyt261.gif") bottom center no-repeat; width: 261px; height: 30px; margin: 0 auto; }
.blackym261 { background: url("../images/layout/blackym261.gif") center repeat-y; width: 261px; margin: 0 auto; vertical-align: top; }
.blackyb261 { background: url("../images/layout/blackyb261.gif") top center no-repeat; width: 261px; height: 30px; margin: 0 auto; }

.blackyt268 { background: url("../images/layout/blackyt268.gif") bottom center no-repeat; width: 268px; height: 30px; margin: 0 auto; }
.blackym268 { background: url("../images/layout/blackym268.gif") center repeat-y; width: 268px; margin: 0 auto; vertical-align: top; }
.blackyb268 { background: url("../images/layout/blackyb268.gif") top center no-repeat; width: 268px; height: 30px; margin: 0 auto; }

.blackyt538 { background: url("../images/layout/blackyt538.gif") bottom center no-repeat; width: 538px; height: 30px; margin: 0 auto; }
.blackym538 { background: url("../images/layout/blackym538.gif") center repeat-y; width: 538px; margin: 0 auto; vertical-align: top; }
.blackyb538 { background: url("../images/layout/blackyb538.gif") top center no-repeat; width: 538px; height: 30px; margin: 0 auto; }

.blackyt800 { background: url("../images/layout/blackyt800.gif") bottom center no-repeat; width: 800px; height: 30px; margin: 0 auto; }
.blackym800 { background: url("../images/layout/blackym800.gif") center repeat-y; width: 800px; margin: 0 auto; vertical-align: top; }
.blackyb800 { background: url("../images/layout/blackyb800.gif") top center no-repeat; width: 800px; height: 30px; margin: 0 auto; }

.mainleft { text-align: left; padding: 0px 25px 0px 25px; margin: 0; }
.mainmiddle { text-align: center; margin: 0 25px 0px 25px; }
.alltextmiddle { text-align: center; padding: 3px 0px 3px 0px; font-size: 10px; }
.padbase { padding: 0px 0px 10px 0px; text-align: left; }
.skinnygrey { background-color: #121212; padding: 0px 5px 0px 0px; text-align: right; height: 19px; }
.grey { background-color: #121212; padding: 3px 5px 3px 5px; vertical-align: top; }
.tdtl { vertical-align: top; text-align: left; border-bottom: 1px solid #121212; padding: 5px 0px 5px 0px; }

.nolink { text-decoration: none; border: 0; }
.nolinkmiddle { text-decoration: none; border: 0; text-align: center; margin: 0 auto; }
/*.clearit150 { clear: both; height: 150px; } bottom clear - height allows for binary to show*/
.clearit { clear: both; height: 65px;/*100px;*/ }
.clearitsmall { clear: both; }
.spacer5 { height: 5px; }
.spacer10 { height: 10px; }
.spacer13 { height: 13px; }
.spacer17 { height: 17px; }

.minhighdiv { min-height: 130px; }
.minhighdivhp { min-height: 280px; }
.inputy { padding: 2px 2px 2px 2px; background-color: #121212; border: 1px solid #13b9ee; color: #13b9ee; font-size: 11px; font-family: "Tahoma", "Verdana", Geneva, Arial, sans-serif; }

/*lead ins within mainleft div so no need for padding*/
h1 { text-align: left; margin: 0; font-size: 16px; letter-spacing: 1px; font-style: italic; line-height: 26px; color: #e4f8ff; }
/*headers*/
h2 { text-align: left; margin: 0; font-size: 16px; }
/*sub headers*/
h3 { text-align: left; margin: 0; font-size: 14px; padding: 0; }
/*quotes*/
h4 { color: #33ffff; margin: 0; letter-spacing: 1px; font-size: 14px; /*line-height: 26px;*/ font-weight: bold; font-style: italic; text-indent: 50px; text-align: left; }
/*quotes2*/
h5 { color: #fff; letter-spacing: 2px; font-size: 21px; line-height: 38px; font-weight: bold; font-style: italic; text-indent: 85px; margin: 0; padding: 75px 25px 25px 25px; }
/*client names*/
h6 { background-color: #121212; margin: 0; padding: 0px 5px 0px 0px; text-align: right; height: 17px; letter-spacing: 2px; color: #00f6ff; }