body {
	background: #3A4152;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.navigationoutside {
	background: url(../images/topnav.jpg) repeat-x left bottom !important;
	height: 34px;
}
.navigationinside {
	width: 970px;
	padding: 0 7px;
	margin: 0 auto;
}


.subnavigationoutside {
	background: #7E89A5 !important;
	height: 35px;
}
.subnavigationinside {
	width: 970px;
	padding: 0 7px;
	margin: 0 auto;
}
ul.subnavigation {
	margin: -40px 0 0 230px !important;
	padding: 0 !important;
	list-style: none !important;
	position: absolute !Important;
	width: 730px !important;
}
ul.subnavigation li {
	float: right;
}
ul.subnavigation li a:link, ul.subnavigation li a:visited {
	padding: 6px 8px 14px 8px;
	color: #A7A9B6;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em!Important;
}
ul.subnavigation li.down a:link, ul.subnavigation li.down a:visited, ul.subnavigation li.down a:hover {
	padding: 6px 8px 14px 8px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: .8em !Important;
	background:  url(../images/arrowup.gif) no-repeat center bottom;
}
ul.subnavigation li a:hover {
	color: #fff;
}
.greyitalic {
	color: #999999;
	font-weight: bold;
	font-style: italic;
	font-size: .8em;
	margin-top: 10px;
	position: absolute;
	width: 700px;
	text-align: right;
	margin: 60px 0 0 210px;
}

.logoinside {
	width: 970px;
	padding: 0 7px;
	margin: 0 auto;
	height: 73px;
	background: url(../images/grain2.jpg) no-repeat center top;
}
ul.navigation {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
ul.navigation li {
	float: left;
}
ul.navigation li a:link, ul.navigation li a:visited {
	padding: 8px 40px 11px 39px;
	color: #9398A7;
	display: block;
	text-decoration: none;
	border-left: 1px solid #1E222D;
	border-right: 1px solid #1E222D;
	font-size: .8em !Important;
}
ul.navigation li.down a:link, ul.navigation li.down a:visited, ul.navigation li.down a:hover {
	padding: 8px 40px 11px 39px;
	color: #fff;
	display: block;
	background: url(../images/buttonover.jpg) no-repeat center bottom;
	text-decoration: none;
	border-left: 1px solid #1E222D;
	border-right: 1px solid #1E222D;
	font-size: .8em !Important;
}
ul.navigation li a:hover {
	background: url(../images/buttonover.jpg) no-repeat center bottom;
	color: #fff;
}
.logooutside {
	height: 79px;
	background: url(../images/logobackground.jpg) repeat-x left top;
}
.bodyoutside {
	background: url(../images/tile.jpg) repeat center top;
	padding-bottom: 20px;
}
.footerinside {
	width: 970px;
	padding: 0 7px;
	margin: 12px auto 0 auto;
}
.footeroutside {
	padding-top: 15px;
	background: #3A4152 url(../images/bluebird.jpg) repeat-x left top;
	border: 4px solid #3A4152;
}
.toptrans { height: 14px; background: url(../images/toptrans.jpg) no-repeat left bottom; position: relative; }
.bottomtrans { height: 14px; background: url(../images/bottomtrans.jpg) no-repeat left top; position: relative;}
.bodytrans { padding: 0 7px 0 7px; background: url(../images/shadside.jpg) repeat-y left top; }
.bodyinside {
	width: 984px;
	margin: 0 auto;
}
.caseright {
	width: 624px;
	padding: 20px 20px 20px 20px;
	float: right;
}
.caseleft {
	width: 232px;
	background:url(../images/graphic-area.jpg) no-repeat left top;
	position: absolute;
	margin: -50px 0 0 5px;
	padding: 24px 23px 0px 24px;
}
.private { float: right; _float: none !Important; font-size: .5em!Important; color: #999999; position: relative !Important; _position: absolute !important; _right: 30px; _top: 13px; }
.private a:link, .private a:visited {
	background: #fff;
	color: #000;
	padding: 8px 12px;
	text-decoration: none;
	display: block;
	position: relative !Important;
	
}
.bold { font-weight: bold;}
.caseright_colright ul { margin: 0px; padding: 0px; list-style: none !Important; }
.caseright_colright ul li { background: url(../images/whitebullet.gif) no-repeat left top; padding: 5px 8px 8px 25px;}
.caseright_colleft {width: 300px;}
.caseright_colright { width: 300px; float: right;}
.clearright { clear: right;}
.eachcase h1 { background: #323848 !important; color: #fff !important; font-weight: normal !important; font-size: 1.6em!important; padding: 15px 15px 15px 300px !important; margin: 0 !Important; position: relative !Important;}
.eachcase { padding: 15px; }
.whitebox { background: #fff; padding: 25px 0px 5px 35px;}
.whitebox3 { background: #fff; padding: 25px 15px 15px 15px;}
.whitebox2 { background: #fff !important;}
.whiteboxborder { background: #fff; border-bottom: 7px solid #313746; }
.colfooter { float: left; width: 225px; padding: 8px; height: 110px;}
.colfooter .heading { margin-bottom: 8px; font-size: 1.3em; padding-bottom: 4px;}
.fldownload {
	float: left;
	width: 300px;
	padding: 30px 30px 30px 110px;
	border-top: 1px solid #ccc;
	margin-left: 20px;
	height: 160px;
}
.fldownload a:link, .fldownload a:visited {
	color: #35404D;
	font-weight: bold;
}
.colfooter .heading a:link, .colfooter .heading a:visited { font-weight: bold; color: #fff; text-transform: uppercase;  text-decoration: none; font-size: .8em;}
.colfooter ul li a:hover { color: #fff !Important;}
.colfooter ul { margin: 0 0 0 8px; padding: 0; list-style: none;}
.colfooter ul li { padding: 2px 0; }
.colfooter ul li a:link, .colfooter ul li a:visited { color: #ADAFAF; text-decoration: none; text-decoration: none; font-size: .8em;}
.clearleft {
	clear: left;
}
.whatwedo {
	background: #EB8310 url(../images/glowworm.jpg) no-repeat right top;
	padding: 12px;
	font-size: 1.7em; color: #fff;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.mintext {
	padding: 22px 0 44px 0;
	font-size: .8em;
	color: #95A1B8;
}
.colhome { float: left; width: 190px; padding: 25px; border-left: 1px solid #ccc; position: relative; font-size: .8em; height: 225px; }
.colhome img { float: left; margin: 0 6px 4px 0; border: 2px solid #fff;}
.colhome .heading { margin-bottom: 6px; font-size: 1.9em; font-family: Arial, Helvetica, sans-serif;}
.colhome .heading a:link, .colhome .heading a:visited { font-weight: bold; color: #313747; text-transform: uppercase;  text-decoration: none; font-size: .9em;}
.colhome .heading a:hover { text-decoration: underline; }
.colhome ul li a:hover { color: #000 !Important;}
.colhome ul { margin: 0 0 0 8px; padding: 0; list-style: none;}
.colhome ul li { padding: 2px 0; }
.colhome ul li a:link, .colhome ul li a:visited { color: #666; text-decoration: none; text-decoration: none; font-size: .8em;}
.stffulldiv {
	background: #fff url(../images/sliver.jpg) repeat-x left bottom;
	padding: 0px 0px 0px;
	position: relative;
	margin: 0px;
	height: 288px;
	height: _174px !important;
	border-bottom: 1px solid #888;
}
.coownerhold {
	
}
.contactinf { position: absolute; margin: 44px 0 0 335px; width: 400px; text-align: left; color: #A1A8B9; font-size: .8em;}
.hideme img { display: none !Important;}
.hideme  { display: none !Important;}
.aboutemerciv_left {
	padding: 12px 15px 25px 22px;
	background: #FFFFFF;
	border-top: 8px solid #393F53;
	border-right-color: #393F53;
	border-left-color: #393F53;
	border-bottom: 8px solid #393F53;
	position: relative;
}
.tab1_contenta {
	padding: 12px;
}
.inconstaff {
	padding: 17px 35px 0px 245px;
	font-size: 0.85em;
	color: #333;
	width: 520px;
	line-height: 1.3em;
	color: #666666;
}
.inconstaff div.fz{
	padding: 0 42px 0 0;
	color: #666;
	font-size: 1em;
}
.greyish {
	color: #666666 !Important;
	font-size: .8em !Important;
}
.oj  {
	color: #FF9900 !Important;
}
.scrollbio {
	height: 180px;
	overflow: hidden;
	padding-right: 12px;
}
img.picmarg {
	margin: 0 18px 18px 0; float: left;
	padding: 8px; border: 1px solid #ccc;
}
.tab2_contenta {
	padding: 12px;
}
.tab3_contenta {
	width: 754px;
	height: 288px;
	position: absolute;
	margin-left: 179px;
	background:url(../images/dstrimpel_back.jpg) no-repeat right bottom;
}
.tab4_contenta {
	width: 754px;
	height: 288px;
	position: absolute;
	margin-left: 179px;
	background:url(../images/bthomas_back.jpg) no-repeat right bottom;
}
.tab5_contenta {
	width: 754px;
	height: 288px;
	position: absolute;
	margin-left: 179px;
	background: url(../images/rvandaele_back.jpg) no-repeat right bottom;
}
.floatstaffnav {
	width: 180px;
	height: 170px;
	margin-top: 0px;
	padding: 10px 0px 0px 12px;
}
floatcoowners {
	float: left;
	height: 25px;
}
.tc_staff_hover {
	background: url(../images/bluearrow.gif) no-repeat left center;
	text-transform: uppercase;
	font-size: 0.72em;
	color: #FFFFFF;
	padding: 4px 6px 5px;
	font-weight: bold;
	cursor: pointer;
	width: 170px;
}
.tc_staff {
	text-transform: uppercase;
	font-size: 0.72em;
	color: #616367;
	padding: 4px 6px 5px;
	font-weight: bold;
	border-bottom: 1px solid #E1E2EA;
	cursor: pointer;
	width: 170px;
}

.co_staff_hover {
	background: url(../images/bluearrow6.jpg) no-repeat left center;
	text-transform: uppercase;
	font-size: 0.72em !important;
	color: #FFFFFF;
	padding: 4px 6px 5px;
	font-weight: bold;
	cursor: pointer;
	width: 80px;
	float: right;
	text-align: center;
}
.co_staff {
	text-transform: uppercase;
	font-size: 0.72em !important;
	color: #616367;
	padding: 4px 6px 5px;
	font-weight: bold;
	cursor: pointer;
	width: 80px;
	float: right;
	text-align: center;
}
.ownernames {font-size: 1.1em; color: #333; font-weight: bold; padding-bottom: 8px;}

.tc_tab {
	text-transform: uppercase;
	font-size: 0.72em;
	color: #616367;
	padding: 4px 6px 5px;
	font-weight: bold;
	border-bottom: 1px solid #E1E2EA;
	cursor: pointer;
	width: 170px;
}
.inconstaff div.fz h1 {
color:#313747 !important;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.6em !important;
font-weight:normal;
margin:0 !important;
padding:0 !important;
}
.clearboth {
	clear: both;
}

.staffbio {
	margin: 15px 0 0 40px;
}
.demo {
	padding: 5px;
	height: 800px;
}
#adaware {
	margin-left: 0 !Important;
	background: url(../images/adaware.jpg) no-repeat left top;
}
#norton {
	background: url(../images/norton.jpg) no-repeat left top;
}
#microsoftfirewall {
	background: url(../images/firewall.jpg) no-repeat left top;
}
#hijack {
	margin-left: 0 !Important;
	background: url(../images/hijack.jpg) no-repeat left top;
}
#googletoolbar {
	margin-left: 0 !Important;
	background: url(../images/googletoolbar.jpg) no-repeat left top;
}
#ie8 {
	background: url(../images/ie8.jpg) no-repeat left top;
}
#chrome {
	margin-left: 0 !Important;
	background: url(../images/chrome.jpg) no-repeat left top;
}
#firefox {
	background: url(../images/firefox.jpg) no-repeat left top;
}
#imgcompany {
	padding-right: 470px !Important;
}
#imgcareers {
	padding-right: 510px !Important;
}
#imgmm {
	padding-right: 490px !Important;
}
#imgvirus {
	padding-right: 490px !Important;
}
#imgwebdev {
	padding-right: 590px !Important;
}
#imgwyci {
	padding-right: 320px !Important;
}
.careersformpad { padding: 20px 35px 40px 35px; background: #fff; border-top: 8px solid #232939; border-bottom: 8px solid #232939; }
.careersformpad label { float: left; width: 160px; padding-right: 8px; font-size: .8em; }
.careersformpad .hld { padding: 6px 0;}
.careersformpad input, .careersformpad select {
	width: 218px; background: #eee; border: 1px solid #ccc; padding: 6px;
}
.tinytim {
	font-size: .7em;
	padding-bottom: 6px;
}
.aoright {float: left;}
.careersformpad input.aobutton {
	width: auto !Important;
}
.careersformpad textarea {
	width: 218px; background: #eee; border: 1px solid #ccc; padding: 6px; font-family: Arial, Helvetica, sans-serif !important; font-size: 1em; height: 60px;
}
.careersformpad h1 { color: #232939; !important; font-size: 1.8em; margin-bottom: 20px !important;}
.companygraphic {
	background:url(../images/bulb2.jpg) no-repeat right top !Important;
	height: 322px;
}
.careersgraphic {
	background:url(../images/jobs.jpg) no-repeat right top !Important;
	height: 305px;
}
.contactgraphic {
	background:url(../images/cwicontact.jpg) no-repeat right top !Important;
	height: 375px;
}
.monthlymanagementgraphic {
	background:url(../images/monthlymonitoring.jpg) no-repeat right top !Important;
	height: 305px;
}
.protectiongraphic {
	background:url(../images/protection.jpg) no-repeat right top !Important;
	height: 365px;
}
.spamgraphic {
	background:url(../images/spam.jpg) no-repeat right top !Important;
	height: 305px;
}
.putersgraphic {
	background:url(../images/puters.jpg) no-repeat right top !Important;
}
.backupgraphic {
	background:url(../images/backup.jpg) no-repeat right top !Important;
	height: 365px;
}
.whatwedographic {
	background:url(../images/staff_members3.jpg) no-repeat right bottom !Important;
	height: 350px;
}
.whenyoucomeingraphic {
	/*background:url(../images/whenyoucomein.jpg) no-repeat right top !Important;*/
}
h1 { font-size: 2.0em; margin: 0px 0 14px -10px!Important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif; font-weight: normal !important; color: #343A49;text-transform: uppercase; }

.ablightbulb {
	width: 217px;
	height: 54px;
	position: absolute;
	margin: -19px 0 0 612px;
}
h3 a { color: #fff;}
.abjobs {
	width: 157px;
	height: 59px;
	position: absolute;
	margin: -59px 0 0 675px;
}
.abmm {
	width: 233px;
	height: 32px;
	position: absolute;
	margin: -32px 0 0 693px;
}
.abprotection {
	width: 233px;
	height: 32px;
	position: absolute;
	margin: -32px 0 0 693px;
}
.pushlogodown {
	padding-top: 15px;
}
h4 {
	color: #727D9A;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 24px 0; 
	padding: 0 !Important;
	font-size: 1.5em;
	line-height: 1.1em;
}
.tableholder {padding: 25px 25px 60px 25px;}
.th_col1 { float: left; width: 300px; margin-right: 5px;}
.th_col2 { float: left; width: 300px; margin-right: 5px; }
.th_col3 { float: left; width: 300px; margin-right: 5px; }
.dcgo {
	padding: 2px 8px 4px 25px;
	background: url(../images/greengo.gif) no-repeat left top;
	margin-left: 15px;
	font-size: .8em;
	color: #444;
}
.dcno {
	padding: 2px 8px 4px 25px;
	background: url(../images/greyno.gif) no-repeat left top;
	margin-left: 15px;
	font-size: .8em;
	color: #999;
}
.dcso {
	padding: 2px 8px 4px 25px;
	background: url(../images/bluego.gif) no-repeat left top;
	margin-left: 15px;
	font-size: .8em;
	color: #444;
}
.dcheading {
	padding: 25px 8px 6px 8px;
	font-weight: bold;
	font-size: .9em;
	color: #000;
}
.dcheadingdisabled {
	padding: 25px 8px 6px 8px;
	font-weight: bold;
	font-size: .9em;
	color: #999;
}
.dcsilver {
	background: #222;
	color: #7D7D7D;
	font-weight: normal;
	padding: 8px 8px 3px 8px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.itsmini { font-size: .7em;}
.dcplatinum {
	background: #222;
	color: #9B9B9B;
	font-weight: normal;
	padding: 8px 8px 3px 8px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.dcgold {
	background: #222;
	color: #837543;
	font-weight: normal;
	padding: 8px 8px 3px 8px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.dcgrey {
	background: #E3E4EC;
	padding: 2px 4px;
	border-bottom: 4px solid #fff;
}
.spacergif {background: url(../images/spacergif.gif) repeat-x left top; height: 2px!important;}
.b4 { border-right: 4px solid #fff;}
.didyouknow {
}
.didyouknow h2 { font-weight: normal !Important; color: #666 !important; font-size: 1.8em !Important; padding: 15px 15px 5px 15px !Important; margin: 0px 0 0 0 !Important;  }
.textputright {
	
}
.dykcolor { 
background: #fff; padding: 12px; height: 160px;
border-top: 6px solid #313746;
	}
	.darkblue { color: #313746;}
.dykcol1 {
	color:#666;
	width: 252px;
	float: left;
	padding: 15px 30px 20px 30px;
	border-left: 2px solid #fff;
	border-right: 1px solid #ccc;
	height: 85px;
}
.dykcol2 {
	color:#666;
	width: 252px;
	float: left;
	padding: 15px 30px 20px 30px;
	border-left: 2px solid #fff;
	height: 85px;
}
.white { background: #fff;}
.hr {
	background: url(../images/dottedline.jpg) repeat-x left top;
	height: 1px;
}
.blusy {
	background: #232939 url(../images/youblusyyou.jpg) no-repeat right top; 
	height: 330px;
	padding: 0 18px;
}
.blusy h3 {
	color: #fff;
	margin: 0px 5px 15px 5px;
	padding: 25px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.9em;
}
.certitle { color: #fff; font-weight: bold; font-size: 1.1em; margin-bottom: 8px; margin-left: -4px;}
.blusy1 {
	float: left;
	width: 190px;
	padding: 10px 20px;
	color: #A7AEBE;
	font-size: .8em;
}
.blusy2 {
	float: left;
	width: 190px;
	padding: 10px 20px;
	color: #A7AEBE;
	font-size: .8em;
}
.blusy3 {
	float: left;
	width: 190px;
	padding: 10px 20px;
	color: #A7AEBE;
	font-size: .8em;
}
.orange {
	color: #FF9933;
}
.blusy4 {
	float: left;
	width: 190px;
	padding: 10px 20px;
	color: #A7AEBE;
	font-size: .8em;
}
.tab1_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/ipad.jpg) no-repeat right bottom;
}
.tab2_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/webdevelopment2.jpg) no-repeat right bottom;
}
.tab3_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/dartback2.jpg) no-repeat right bottom;
}
.tab4_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/projectmanagement2.jpg) no-repeat right bottom;
}
.tab5_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/branding2.jpg) no-repeat right bottom;
}
.tab6_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/phpmysql2.jpg) no-repeat right bottom;
}
.tab7_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/printdesignback2.jpg) no-repeat right bottom;
}
.tab8_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/phpmysql2.jpg) no-repeat right bottom;
}
.tab9_content {
	width: 713px;
	height: 208px;
	position: absolute;
	margin-left: 199px;
	background:url(../images/printdesignback2.jpg) no-repeat right bottom;
}
.technologies {
	background: #232938 url(../images/blueb.jpg) no-repeat right top;
	padding: 20px 30px 60px 35px;
	color: #B8BFD3;
	border-bottom: 6px solid #393F53;
	font-size: 0.8em;
	position: relative !Important;

}
.techs {
	color: #293656;
	font-weight: normal;
	font-size: 1.6em;
	color: #fff;
	margin-left: -11px;
	font-family: Arial, Helvetica, sans-serif!Important;
	position: relative;
}
.t4 {
	padding: 23px 14px 23px 0px;
	color: #8692B4;
	position: relative;
	font-weight: normal;
	font-size: 1.4em;

}
.floatservicesnav {
	width: 180px;
	height: 200px;
	margin-top: 0px;
	padding: 10px 0px 4px 12px;
}
.servicesfulldiv {
	background: #fff url(../images/sliver.jpg) repeat-x left bottom;
	padding: 0px 0px 0px;
	position: relative;
	margin: 0px;
	height: 208px;
}
.tc_tab_hover {
	background: url(../images/bluearrow.gif) no-repeat left center;
	text-transform: uppercase;
	font-size: 0.72em;
	color: #FFFFFF;
	padding: 4px 6px 5px;
	font-weight: bold;
	cursor: pointer;
	width: 170px;
}
.whatwedo2 {
	background: #fff;
	color: #293656;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.incon {
	padding: 37px 35px 0px 305px;
	font-size: 0.85em;
	color: #333;
	width: 330px;
	line-height: 1.3em;
	color: #666666;
}
.technologies ul {
	width: 33%;
	float: left;
	margin: 0px !important;
	padding: 0px !important;
	list-style: none !important;
	position: relative;

}
.technologies ul li {
	padding: 4px 4px 4px 22px;
	background: url(../images/whitebullet.gif) no-repeat left top;

}
.serv1 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}
.serv2 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}
.serv3 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-top: 5px solid #fff;
}
.serv4 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}
.serv5 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}
.serv6 {
	float:left;
	width: 255px;
	height: 150px;
	padding: 20px;
	background: #eee;
	border-top: 5px solid #fff;
}
.servholder ul {
	margin: 0 8px 0px 8px;
	padding: 0 8px 0px 8px;
	font-size: .8em;
}
.servholder {
	width: 900px;
}
.servholder .bold { margin-bottom: 10px; color: #000; font-size: 1.8em; font-weight: normal;}
.isntit {
	position: absolute;
	width: 180px;
	margin: 350px 0 0 640px;
	font-size: .9em;
	font-weight: bold;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container {
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:0px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:372px;width:608px;
	background:#383E4C url(../images/dropformback.jpg) no-repeat right bottom; 
	padding:18px 346px 15px 15px; 
	color:#fff;
	margin-top: 0px;
	display:none;
	} 
.givecall {
	background:#383E4C url(../images/giveuscall.jpg) repeat-x left bottom;
	padding: 15px;
} 
.contactinfo { margin-left: 120px; margin-bottom: 18px; color: #ABB0BE; padding: 24px 2px 2px 2px; font-size: .8em;}
#contactForm h1 {
	padding: 12px 0 0 10px !important;
	margin: 0 !important;
}
/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin:35px 0px 0px 15px ; 
	height:60px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}
.thecontainer {
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color: #990000;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:37px; width:153px;
	position:absolute; 
	left:802px; bottom:-37px; 
	cursor:pointer;
	background:url(../images/contactgraphicup.gif) no-repeat left top;
	}
#contactFormContainer .xmarksspot {
	background: url(../images/x.jpg) no-repeat left top;
	height: 28px !important;
	width: 28px !important;
	position: absolute !important;
	margin: 0 0 0 0px !important;
	border: 0 !Important;
	right: 8px !Important;
	top: 8px !Important;
	left: auto !important;
	bottom: auto !Important;
}
#contactFormContainer .xmarksspot .contact {
	position: relative !Important;
	height: 28px !important;
	width: 28px !important;
	margin: 0 0 0 0 !important;
	left: 0 !important;
	bottom: 0 !Important;
	border: 0 !Important;
}
#contactFormContainer .xmarksspot .contact img {
	border: 0 !Important;
}
#contactFormContainer .contact:hover {
	}			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100% !important; width:100% !important; _width: 3000px; _height: 3000px;
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
.poplogo { padding-bottom: 6px; border-bottom: 2px solid #fff; width: 600px;}	
.instructions { padding: 8px; color: #666 !important;}
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px;  
	color:#333; 
	background: #eee;
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:68px; font-family: Arial, Helvetica, sans-serif; overflow: auto;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background: #2C3745; 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold; 
	padding:4px 16px 7px 14px; 
	height:27px; width:76px; 
	cursor:pointer; 
	float:left; 
	margin-top:160px;
	}
	
.contactcol1 {
	width: 200px; padding: 10px;
	float: left;
	height: 200px;
}
.contactcol2 {
	width: 200px; padding: 10px;
	float: left;
	height: 200px;
}
.contactcol1 label strong {color: #990000;}
.contactcol2 label strong {color: #990000;}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:0px; font-weight:bold; color: #314257; padding-top: 3px;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}
#mail_response { 
	margin: 15px; color: #333;
}
#mail_response h3 { 
	margin: 0 0 0 0!Important;
	color: #009900 !Important;
	padding: 20px 0 6px 0px;
}
.blackhome {
	height: 325px;
	text-align: left;
	position: relative;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	clear: left;
}

.fd1 {display:none; position:absolute; left:245px; top:0px; width: 726px; height: 325px; color: #999; background: #fff url(../images/pcsales.jpg) no-repeat right bottom; padding: 0;}
.fd2 {display:none; position:absolute; left:245px; top:0px; width: 726px; height: 325px; color: #999; background: #fff  url(../images/homepagecwi.jpg) no-repeat right bottom; padding: 0;}
.fd3 {display:none; position:absolute; left:245px; top:0px; width: 726px; height: 325px; color: #999; background: #fff url(../images/networking.jpg) no-repeat right top; padding: 0;}
.fd4 {display:none; position:absolute; left:245px; top:0px; width: 726px; height: 325px; color: #999; background: #fff url(../images/webd.jpg) no-repeat right bottom; padding: 0;}
.fd5 {display:none; position:absolute; left:245px; top:0px; width: 726px; height: 325px; color: #999; background: #fff url(../images/programming.jpg) no-repeat right bottom; padding: 0;}
.flrep_right {
	float: left;
	width: 270px;
	padding: 180px 20px 0px 35px;
	color: #fff;
	font-size: .8em;
}
.flrep_right ul a:hover {
	font-weight: normal;
	color: #111C2C !important;
	background: url(../images/arping.png) no-repeat left top;
}
.flrep_right div.thisarea { font-size: .8em; color: #000; font-weight: bold; text-transform:uppercase; margin-left: 8px; margin-bottom: 8px;}
.flrep_right ul { margin: 0 0 0 15px !Important; padding: 0 !Important; list-style: none !important; font-size: 1.0em; }
.flrep_right ul li a:link, .flrep_right ul a:visited { display: block; padding: 3px 6px 3px 10px;   text-decoration: underline;font-weight: normal; text-transform: uppercase; color: #56697E;}
.flrep_right h1 { color: #DCCCAD; font-weight: bold; margin: 12px 0 0 0; padding: 0;  font-size: 1.3em;}
.flmovingnav {
	float: left;
	margin-top: 0px;
	
}
#hide {
	position:absolute;
	top:30px;
	left:-190px;
}
ul#sliding-navigation
{
	list-style: none;
	font-size: 1.1em;
	margin: 0px 0 0px 0px;
	padding: 0;
	line-height:28px;
	text-transform: uppercase;
}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 210px;
	padding: 26px 5px 26px 25px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0px;
}
ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background: url(../images/buttonback.jpg) no-repeat left bottom;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}
ul#sliding-navigation li.sliding-element a:hover { color: #45506B;  }
ul#sliding-navigation li.sliding-element a.current-slnav 
{
  padding-left: 25px !important;
  color: #45506B; 
  background: url(../images/buttonback.jpg) no-repeat left bottom;
}
.downloadbeanywhere {
	position: absolute;
	margin: 40px 0 0 731px;
	width: 230px;
	color: #fff;
	height: 30px;
	font-size: .8em;
	font-weight: bold;
}
.jobsfloatedleft {
	float: left;
	width: 50%;
}
.jobsfloatedright {
	float: left;
	width: 50%;
}
.jobsfloatedright2 {
	float: left;
	width: 50%;
	margin-top: -50px;
}
.hide {display: none !Important;}
.hidethemap {display: none !important;}
#directionsform { margin: 0px 0 0px 0; background: #232939 !Important; padding: 12px; width: 876px; color: #fff;}
#directions {width: 883px!important; padding-bottom: 35px !important;}
.jobsfloatedright2 table td { font-size: .8em !important;}
.pru { float: right; margin-top: 4px; font-size: 1.2em; padding-right: 8px;}
.black { color: #000;}
.jobtypes {  margin-bottom: 17px;}
.jtp { padding: 0px 8px 8px 8px; font-size: .8em;}
.jtp h3 { margin: 0 0 0 0!Important; padding: 0 !Important; color: #232939 !important; font-weight: bold; text-transform: uppercase; font-size: 1.3em;}
.note { font-weight: bold; font-style: italic; margin-top: 8px; font-size: .8em;}
.error { color: #333; background: #FFCCCC; border: 1px solid #990000; padding: 12px; margin: 0 0 12px 0;}
.successful { color: #333; background: #D8EFC9; border: 1px solid #006600; padding: 12px; margin: 0 0 12px 0;}
span.rq { font-size: .5em !important; color: #666 !Important;}
.colleftpress {
	float: left;
	width: 410px;
	margin-right: 40px;
}
.ctiny { float: left; margin-bottom: 25px; margin-right: 7px;}
.colrightpress {
	float: left;
	width: 480px;
	margin-top: 0px;
}
.colrightpress h1 {margin: 0 0 15px 0 !important; color: #293656;
	font-weight: normal;
	padding: 0 !Important;
	font-size: 1.4em;}
.colleftpress h1 {margin: 0 0 15px 0 !important; color: #293656;
	font-weight: normal;
	font-size: 1.4em;
	padding: 0 !Important;
	_position: relative !Important;
	}
	#directionsform input { background: #eee; border: 1px solid #ccc;}
input.directionsbutton { background: #fff !important; border: 1px solid #fff !important;}
.c3po { background: #fff url(../images/pdficon.jpg) no-repeat left top; width: 230px; margin: 4px; height: 80px; float: left; }
.c3po a:link, .c3po a:visited { color: #344D69 !important; text-decoration: none;}
.c3po a:hover { text-decoration: underline;}
.c3pad {
	padding: 12px 12px 12px 65px;
}
.pressandstaff { background: url(../images/greymon.gif) repeat-y right top;}
.stp1 { float: left; width: 220px; margin-right: 5px; background: #eee; height: 320px;}
.stp2 { float: left; width: 220px; margin-right: 5px; background: #eee; height: 320px;}
.stp3 { float: left; width: 220px; margin-right: 5px; background: #eee; height: 320px;}
.stp4 { float: left; width: 220px; background: #eee; height: 320px;}
.stppad { padding: 15px;}
.bluesquare { background: #383D49; color: #fff; font-weight: normal; padding: 6px 8px; font-size: 1.2em;}
.toptextrp { width: 600px; padding-bottom: 30px; height: 170px;}