@charset "utf-8";
/* CSS Document */
/*blue: #004368 */

/********** CSS Rest to ensure cross-browser compatability ***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
option, optgroup, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
/*	vertical-align: middle;*/
	background: transparent;
}
li {
	list-style: none;
}

html,body{
	margin: 0;
	padding: 0;
	border: 0;
/*	background:url("../images/bgbrochure5.jpg");*/
	/*background: #d9e2ea;*/
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:arial;
	font-size:12px;
	line-height:30px;
}
html{
/*	background-image:url("../images/backgroundImage.jpg");*/
/*	background-image:url("../images/bg5.png");
	background-color:#e7f2f9;*/
	background-repeat:repeat-x;
	background-position:0 0px;
/*	background-color:#348fcf;*/
	background-color:#e2e2ef;
	height:100%;
}
body{
	min-width:1014px;
	background: white url('/images/blue-fade.png') repeat-x top;
	background: white  url('/images/blueTgrad.png') repeat-x top;
}

#topDiv{
	width:970px;
	margin:auto;
	padding: 0 22px;
	clear:both;
}
#phoneNumber{

	float:left;
	font-size:14px;
	font-weight:bold;
	color:white;
}
form{

	float:right;
}
form input{
	height:19px;
	margin-bottom:1px;
}
.search{
	border:1px black solid;
	color:gray;
	font-style:italic;
	height:17px;
	margin-bottom:0px;
	font-size:12px;
	line-height:17px;
	padding-left:3px;
}
body{
}

div,a,h1,h2,h3,h4,h5,h6,ul, li{
	margin:0;
	border:0;
	outline:0;
}
a{
	text-decoration:none;
	color:#9a1c1f;
}

html *{
	margin:0;
	border:0;
	outline:0;
}

body{
/*	background:url("../images/soft.jpg") no-repeat top right;*/

}
#center{
	border:0;
	border-collapse: collapse;
	padding:0;
	clear:both;
/*	height:100%;*/
	width:100%;
/*	vertical-align:middle;*/
}
table{
	border-collapse: collapse;;
}
#center table{
	width:1014px;
	margin:auto;
	border-collapse: collapse;

}
#corner1,#corner2{
	background-image: url("../images/corners2.gif");
/*	background-color: #6dafdd;*/
	background-color: #20475c;
	background-repeat: no-repeat;
	display:none;
	
}

#corner3,#corner4{
/*	background-color:#e7f2f9;*/
	background-image: url("../images/corners2.gif");
	background-color: #DDD;
	background-repeat: no-repeat;
	display:none;
}

#scorner1,#scorner2{
	background-image: url("../images/scorners.gif");
/*	background-color: #6dafdd;*/
	background-repeat: no-repeat;
	display:none;
}

#scorner3,#scorner4{
/*	background-color:#e7f2f9;*/
	background-image: url("../images/scorners.gif");
	background-repeat: no-repeat;
	display:none;
}

#corner1{
	height:5px;
	width:5px;
	float:left;
	position:relative;
	left:-216px;
	top:-1px;
}
#corner2{
	height:5px;
	width:5px;
	float:right;
	position:relative;
	background-position: top right;
	left:6px;
	top:-1px;
}
#corner3{
	height:5px;
	width:5px;
	float:left;
	position:relative;
	background-position: bottom left;
	left:-6px;
	top:80px;
}
#corner4{
	height:5px;
	width:5px;
	float:right;
	position:relative;
	background-position: bottom right;
	left:6px;
	top:80px;
}

#scorner1{

	background-repeat: no-repeat;
	height:5px;
	width:5px;
	float:left;
	position:relative;
	left:-235px;
	top:-3px;
}
#scorner2{
	height:5px;
	width:5px;
	float:right;
	position:relative;
	background-position: top right;
	left:30px;
	top:-3px;
}
#scorner3{
	height:5px;
	width:5px;
	float:left;
	position:relative;
	background-position: bottom left;
	left:-26px;
	top:89px;
}
#scorner4{
	height:5px;
	width:5px;
	float:right;
	position:relative;
	background-position: bottom right;
	left:30px;
	top:89px;
}


#content{
	margin:auto;
	width:1000px;
	overflow:hidden;
	border:1px gray solid;
/*	border-bottom:2px #e7f2f9 solid;*/
/*	border-top:2px #e7f2f9 solid;*/
/*	border-bottom:2px black solid;*/
/*	vertical-align:middle;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:79px;
	background-color:#fafcfc;
	background-image:url("../images/logos3.jpg");
	background-repeat:no-repeat; 
	background-position: -10px bottom;
	background-color:white;
}
table td{
/*	height:100%;*/
}
table{
	border-collapse: collapse;
/*	height:100%;*/
	
}

#center{
	background: url('/images/blue-fadeInv.png') repeat-x bottom;
}


#tlShadow{
	vertical-align:top;
	background:url("/images/shadow.png") repeat-y 0px; 
}
#trShadow{
	vertical-align:top;
	background:url("/images/shadowR.png") repeat-y -4px; 
}


#tlShadow div{
	width:22px;
	height:110px;
	background: url("/images/btlShadow.png") no-repeat -11px -14px;
}
#trShadow div{
	height:110px;
	width:100%;
	background: url("/images/btrShadow.png") no-repeat -3px  -14px;
}
#brShadow div{
	height:120px;
	min-height:0;
	width:100%;
	background: url("/images/blShadow.png") no-repeat -4px  -53px;
}
#blShadow{
	vertical-align:bottom;
	background:url("/images/shadow.png") repeat-y 0px; 
	width:22px;
}
#brShadow{
	vertical-align:bottom;
	background:url("/images/shadowR.png") repeat-y -4px; 
	width:22px;
	
}
#blShadow div{
	height:120px;
	min-height:0;
	width:22px;
	background: url("/images/brShadow.png") no-repeat 0px  -53px;
}


#leftShadow{
	background:url("/images/shadow.png") repeat-y -3px; 


}
#rightShadow{
	background:url("../images/shadowR.jpg") -10px repeat-y;
	width:22px;

}


#bottom{
	clear:both;
	padding-top:5px;
/*	height:400px;
	padding:0;
	margin:0;
	width:1170px;
*/
}
.box{
	width:362px;
/*	border:1px solid black;*/
}
.box h3{
	margin-bottom:5px;
	color: #9a1c1f;
	font-size:14px;
	font-weight:100;
	line-height: 30px;
	height:30px;
	border-bottom: 1px gray solid;
}
h4{
	margin-bottom:5px;
	color: #9a1c1f;
	font-size:14px;
	font-weight:100;
	line-height: 30px;
	height:30px;
	border-bottom: 1px gray solid;
}

#inquireForm h3, #vCardBox h3,#summary .contact h2, #subContent h2{
	margin:0px;
	padding:0px;
	height: 29px;
	line-height: 29px;
	text-align:center;
	font-size: 14px;
	color:white;
	font-weight:normal;
	background: url("../images/bluefadebg.jpg") repeat-x 0 1px;
	color:#9a1c1f;
	border-bottom: 1px solid #ccc;
	background:none;
	border: 1px solid gray;
	background: #004368 url('/images/lightblue.png') repeat-x 0 15px;
	line-height: 20px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:white;
	padding-left:10px;
	font-weight:bold;


}

#subContent #detailedInfo{
	float:right;
	width: 725px;
	margin:auto;
	border:1px solid #ccc;
	background: url("../images/blue-fade.png") repeat-x 0 -10px;
}
#extraInfo{
	clear:both;
}
#subContent .cr{
	float:right;
	height:29px;
	width:15px;
	background: url("../images/blueHead4.jpg") -363px 1px no-repeat;

}
#subContent .cl{
	float:left;
	height:29px;
	width:15px;
	background: url("../images/blueHead4.jpg") 0 1px no-repeat;
}

.panel{
	float:left;
	padding:0 3px;
/*	width: 378px;
	height:280px;*/
}

#web{
	padding-left:1px;
}
#support{
	padding-right:0;
}




#quote{
	width:755px;

}
#quote p{
	line-height:25px;
	text-align:right;
	padding:0;
	padding-top:5px;
	margin: 0;
}

#logo{
	float:left;
	position:relative;
	left: -3px;
	background:url("../images/logoTop.jpg") -15px no-repeat;
	height:107px;
	width: 310px;
}
#middle{
	margin-left:0px;
	height:273px;
	width:100%;
	float:left;
	clear:left;
}
.background{
	background:url("../images/middleBg7.jpg") no-repeat;
}
.background2{
	background:url("../images/middleBg2.jpg") no-repeat;
}
#topRight{
	padding:0;
	margin:0;
	height: 1px;
	width:196px;
	background:white;
	float:right;
	clear:right;
	position:relative;
/*	left:5px;*/
	top:-29px;

}
.redEdge{
	background-image:url("../images/readHead.jpg");
	float:right;
	width:10px;
	height:100%;
	background-repeat:no-repeat;
	background-position: -367px -2px;
}
.redEdgeInv{
	background-image:url("../images/readHead2.jpg");
	float:right;
	width:10px;
	height:100%;
	background-position: -367px 0px;
}
.blueEdge{
	background-image:url("../images/blueHead4.jpg");
	float:right;
	width:10px;
	height:100%;
	background-position: -368px 1px;
	background-repeat:no-repeat;
}
#topRight h3{
/*	background-image:url("../images/readHead.jpg");
	background-repeat:no-repeat;
	background-position: 0 0px;*/
	border-bottom:1px solid #004368;
	color:#9a1c1f;
	line-height: 28px;
	height:28px;
	font-size:12px;
/*	margin-left:5px;
	margin-right:5px;*/
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	font-weight:normal;
	color:#9a1c1f;
	border-bottom: 1px solid #ccc;
/*	margin-left: 10px;*/
	background:none;
	border: 1px solid gray;

/*	background:#9a1c1f;*/
	color:white;
	
	line-height: 20px;
	padding-left:10px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:white;
	background-image:url("../images/readHead.jpg");
	background: #9a1c1f url('/images/lightred.png') repeat-x 0 5px;
	font-weight:bold;
}
#topRight h3.inv{
	background-image:url("../images/readHead2.jpg");
	background-repeat:no-repeat;
	packground-position: 0 0px;
	color:white;
	line-height: 28px;
	height:28px;
	font-size:12px;
	padding-left:15px;
	
}
.redPart, .redPartRight{
	height:5px;
	width:5px;
	background-image:url("../images/readHead.jpg");
	background-repeat:no-repeat;
	position:relative;
	zindex:99999999;
	top:-2px;
}
.redPart{
	left:-11px;
	float:left;
	background-position: 0 0px;
}
.redPartRight{
	float:right;
	background-position: right;

}
/*
#remote{
	background: url("../images/remoteSupport.jpg") no-repeat;
}
#contact{
	background: url("../images/contact.jpg") no-repeat;
	
}
#call{
	background: url("../images/call.jpg") 0 -1px no-repeat;
}
#chat{
	background: url("../images/chat.jpg") no-repeat;
}
*/

#topRight ul{
	border: 0px #004368 solid;
	border-right: 0px #004368 solid;
	border-left: 0px #004368 solid;
	
}
#topRight li{
	border: 1px #ccc solid;
/*	border-top: 1px #004368 solid;
	border-bottom: 1px #004368 solid;*/
	background-color:white;
	height:20px;
	line-height:20px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left:0px;
	margin: 10px 0;
	background: white url('/images/blue-fade.png') repeat-x 0 18px;
}
#topRight li:hover, #chatWindow:hover{
/*	border: 1px gray solid;*/
	background: white url('/images/blue-fade.png') repeat-x 0 15px;
}

#helpDesk a{
	color:#004368;
	font-weight:bold;
	display:block;
	height:20px;
}
#helpDesk a img{
	vertical-align:bottom;
	padding:0 5px;
	color:blue;
/*	display:none;*/
}
#chatWindow input{
	border:1px solid #ccc;
}
#chatWindow{
	padding:5px;
	border: 1px #ccc solid;
	height:68px;
	color:#004368;
	line-height:20px;
	background: white url('/images/blue-fade.png') repeat-x 0 75px;
}
#chatWindow:hover{

	background: white url('/images/blue-fade.png') repeat-x 0 75px;
}


#boxes{
	float:right;
	margin-right:20px;
	margin-top:5px;
	width: 100px;
}
#box1{
	background:#004368;
}
#boxes div{
	height:8px;
	width:8px;
	float:right;
	margin:4px;
	border: 1px solid black;
}

#summary{
	width:768px;
}
#summary ul{
	line-height:20px;
	list-style-position:inside;
	list-style-type:square;
	width:300px;
}
#area ul{
	line-height:20px;
	list-style-position:inside;
	list-style-type:square;
	width:145px;
	float:left;
}
#area li{
	list-style-position:inside;
	list-style-type:square !important; 
}
#summary #pag{
	text-align:left;
}
#summary li{
	list-style-position:inside;
	list-style-type:square !important; 
	font-weight:bold;
}

#summary .picture{
	width:370px;
	height:210px;
	float:left;

}

#summary #consultingPic,

#summary #consultingPic-vid,
#summary #consultingPic-webHosting,
#summary #consultingPic-cabling
{
	background: url("../images/2consultingImage3.png") no-repeat  20px bottom;
	float:right;

}
#summary #consultingPic-managedServices{
	background: url("../images/managedServices.png") no-repeat  20px top;
	float:right;
}
#summary #consultingPic-sharepoint{
	background: url("../images/sps.jpg") no-repeat  55px 30px;
	float:right;
}
#summary #consultingPic-networkConsulting{
	background: url("../images/managed4.png") no-repeat 20px 1px;
	float:right;
}



#summary #webPic,
#summary #webPic-customWebsites,
#summary #webPic-backend,
#summary #webPic-seo,
#summary #webPic-cms,
#summary #webPic-websitePackages,
#summary #webPic-graphicDesign,
#summary #webPic-websiteSupport
{
	background: url("../images/2webImage2.png") no-repeat  40px top;
	float:right;
}

#summary #infoPic-contact{
	float:right;
}



#summary #supportPic, 
#summary #supportPic-virusRemoval,  
#summary #supportPic-helpDesk
{
	background: url("../images/2supportImage5.png") no-repeat  0px -19px;
	float:right;
}
#summary #supportPic-helpDesk
{
	background: url("../images/helpDesk.png") no-repeat  25px 10px;
	float:right;
}
#summary #supportPic-computerRepair{
	background: url("../images/computerRepair3.png") no-repeat  13px bottom;
	float:right;
}

#summary #supportPic-dataRecovery
{
	background: url("../images/dataRecovery4.png") no-repeat  20px bottom;
	float:right;
}
#summary #supportPic-serverSupport
{
	background: url("../images/serverSupport.png") no-repeat -20px -10px;
	float:right;

}
#summary #supportPic-networkSupport{
	background: url("../images/managed4.png") no-repeat 20px 1px;
	float:right;
}

#picture1{
	display:none;
	background:url("../images/guyBg.jpg") no-repeat 0 1px;
}
#picture2{
	display:none;
	background:url("../images/goldHeadline.png") no-repeat center;
}
#picture3{
	display:none;
	background:url("../images/haiti.jpg") no-repeat center 1px;
}

#summary ul.box{
	
	float:left;
	height:150px;
	clear:none;
	text-align:justify;
	padding-right:35px;
	margin-top:20px;
	line-height:20px;
	font-weight:normal;
	color:#FC3;
/*	font-weight:bold;*/
}
#summary ul.box li{
	font-weight:normal;
	color:black;

}
#summary p{
	
	float:right;
	height:150px;
	clear:none;
	text-align:justify;
	padding-right:35px;
	margin-top:20px;
	line-height:20px;
/*	font-weight:bold;*/
}
br{
	line-height:10px;
}

#topicSummary{
	padding-top:8px;
	line-height:20px;
}
#summary #contactUS{
	font-size:15px;
}

#summary p span, #summary ul span{
	color: #9a1c1f;
	font-size:20px;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:20px;
	color:#004368;
	color: #9a1c1f;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}
#summary table span{
	color: #9a1c1f;
	font-size:14px;
	font-weight:bold;	
}
#summary p em{
	height:40px;
	line-height:40px;
	font-family:arial;
	display:block;
	font-size:14px;
	text-align:center;	
}
#summary p span.bigger{
	font-size:25px;
}

#summary table{
	width:350px;	
	float:left;
	height:130px;
	clear:none;
	text-align:justify;
	margin-left:45px;

	position:relative;
	left:-25px;

}
#summary table td, #summary table th{
	/*padding-left:22px;*/
}
br{
	line-height:10px;
}

#content #summary #contactTd{

	font-size:14px;
	font-weight:bold;
}
#contactBlock{
	font-weight:bold;
	font-size:14px;
	color:#004368;
}
.contactDiv{
	
	text-align:left;
	padding-left:25px;
	padding-top:0px;
	width:300px;
}
#topicSummary{
	padding-top:8px;
	line-height:25px;
}
#summary table th{
	padding-top:25px;
	/*height: 30px;*/
	color: #9a1c1f;
	border-bottom:0px solid #004368;
	font-size:14px;
	font-weight:bold;	
}
#summary table td{
	height:100px;
	vertical-align:top;
/*	font-weight:;*/
	line-height:20px;
}
#summary table em{
	height:40px;
	line-height:40px;
	font-family:arial;
	display:block;
	font-size:14px;
	text-align:center;	
}
#summary table th{
	font-size:20px;
	color:#004368;
	color: #9a1c1f;
	border-bottom:1px solid #CCC;
}

div#one{
	background: #004368;
}
#story1{
	display:none;
/*	background:url("../images/sps.jpg") no-repeat 120px 25px;*/
}

#story2{
	display:none;
/*	background:url("../images/sps.jpg") no-repeat 120px 25px;*/
}
#story3{
	display:none;
/*	background:url("../images/sps.jpg") no-repeat;*/
}
#summary p#topicSummary{
	margin-top:5px;
}
#summary p h1{
	color:red;
}
#consult{
	height:260px;
	width:792px;
	background:url('../images/consultingPanel.png');
}
#feature, #help{
	
}

#help a{
	color:black;
}
#feature{
	float:right;
	clear:right;
}
#feature div{
	margin-top:5px;
	height:114px;
	width:110px;
	float:left;
	background:url("../images/tmiplus.png") 0 -20px;
}
#feature p{
	line-height:24px;
	text-align:justify;
}

#header{
	float:left;
	clear:left;
	margin-left:3px;
	margin-top:5px;
	margin-bottom:0px;
	width:760px;
}
#header h1{
	font-size: 12px;
	font-weight:normal;
	line-height:25px;
	height:25px;
	background-color: #004368;
	background-image:url("../images/bluefadebg.jpg");
	background-position: center center;
	padding-left:10px;
	color: white;	
	margin-bottom:0;
/*	border-top: 1px #e8eaeb solid;
	border-bottom: 1px #e8eaeb solid;*/
}

#header .redBlock{
	margin-top: 7px;
	margin-right: 5px;
	float:left;
	background:#9a1c1f;
	height: 10px;
	width: 10px;
	display:block;
}

#help{
	float:right;
clear:right;
}

.navigation{
	/*border-bottom: solid 3px #004368;*/
	height:34px;
	width: 610px;
	float:right;
	margin-top:10px;
	margin-bottom:15px;
	/*position:absolute;*/

}


.navigation .topic{

/*	width:120px;*/
	height:34px;
	margin-left:15px;
	line-height:34px;
	float:right;
	font-weight:bold;

}
.navigation .topic a{
	padding-left:20px;
	display:block;
	float:left;
	height:34px;
	list-style:none;
	text-align:right;
}
.navigation .subTopic{
	font-weight:normal;
	position:relative;
	z-index: 10000;
	width:1px !important;
	display:none;
	float:left;
	clear:both;

/*	background:white;
	border: 2px solid #004368;*/
}


.navigation div:hover{
/*	background: no-repeat url('../images/menubg.png');*/

}
.navigation .topic:hover a{
/*	color:white;*/
	padding-left:0px;
}


.navigation .topic:hover .subTopic{
	position:relative;
	float:none;
	display:block;
	float:left;

}
.navigation div .redBlock{
	height: 10px;
	width: 10px;
	display:none;
	float:left;
	background:#9a1c1f;
	margin-top:12px;
	margin-right:10px;
    position: static;
	left:0;
}
.navigation div:hover .redBlock{
	display:block;
	float:left;

}



.navigation div:hover div:hover{
/*	background:white;
	color:#002438;*/
	color: white;
}
.navigation .topic:hover .subTopic:hover a:hover{
	color: white;
	background: #004368;
}
.navigation .topic:hover .subTopic a{
	color:#004368;
	padding-left:10px;
}
.navigation .subTopic a{
	text-align:left;
	margin-left:10px;
	clear:both;
	display:block;
	width: 155px;
	height:25px;
	line-height:25px;
	font-size: 12px;
	font-weight:normal;
	border: 1px solid #004368;
	background:white;
	background: white url('/images/blue-fade.png') repeat-x 0 13px;
}

.navigation a{
	text-align:left;
	float:left;
/*	width: 300px;*/
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004368;
	display:block;
	padding-left:20px;
/*	border: 1px solid black;*/
}




#nav-home #homeBlock{
	padding-left:0px;
}
#nav-home #homeBlock .redBlock{
	display:block;
}

#nav-consulting #consultingBlock {
	padding-left:0px;
}

#nav-consulting #consultingBlock .redBlock{
	display:block;
}
#nav-web #webBlock {
	padding-left:0px;
}

#nav-web #webBlock .redBlock{
	display:block;
}
#nav-support #supportBlock {
	padding-left:0px;
}

#nav-support #supportBlock .redBlock{
	display:block;
}
#nav-info #infoBlock {
	padding-left:0px;
}

#nav-info #infoBlock .redBlock{
	display:block;
}




/* blue: #004368 */
.panel .image{
	display:none;
	height:255px;
	width:377px;
}
.panel .svcBox{
	height:190px;
	width:314px;
	border: 1px gray solid;

/*	background-color:white;
	background-image:url("../images/servicesBg2.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;*/
	overflow:hidden;
/*	border: 2px #e7f2f9 solid;*/

	border-top: 0px #e7f2f9 solid ;

}
.panel h2{
	margin:0px;
	padding:0px;
	width: 304px;
	height: 29px;
	line-height: 29px;
	text-align:center;
	font-size: 14px;
	color:white;
	font-weight:normal;
	background: url("../images/blueHead4.jpg") 0 1px no-repeat;
	color:#9a1c1f;
	border-bottom: 1px solid #ccc;

	background:none;
	border: 1px solid gray;
	background: #004368 url('/images/lightblue.png') repeat-x 0 15px;
	line-height: 20px;
	padding-left:10px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:white;

}
.panel h2 div{
	display:none;
}

.panel .services{

	height:191px;
	width:316px;
	border: 1px #004368 solid;
	border-left: 0px #004368 solid;
	padding:0px;
	margin:0px;
	background-repeat: no-repeat;
	/*background-color:white;*/
	/*background-image:url("../images/servicesBg.jpg");*/

	background-repeat: no-repeat;
	

}
.panel .services ul{
	
	margin:0;
	margin:auto;
	margin-left: 135px;
/*	width:300px;*/
/*	list-style-type: katakana;*/
	list-style-position: inside;

}
.panel .services ul li{
	/*font-weight:bold;*/
	color: #9a1c1f;
	color: #004368;
	color: #9a1c1f;
/*	width:150px;*/
/*	float:left;*/
	line-height:18px;
	list-style-type: square;
	list-style-position: inside;
}
.panel .services ul li a{
	color: #004368;
}

.panel .services p{

	color:black;
	/*font-family:arial;*/
	font-weight:bold;
	margin-left:120px;	
	margin-top:35px;	
	margin-bottom:10px;
	line-height:15px;
/*	padding:10px;
	padding-left:0px;
	padding-bottom:0px;
	margin-left: 130px;
	margin-right: 10px;
	margin-bottom:13px;*/

}


#consulting .services{
	background-image: url("../images/2consultingImage2.png");
	background-position: -140px 0;
}
#web .services{
	background-image: url("../images/2webImage2.png");
	/*background-color:white;*/
	background-position: -140px 0;
}
#support .services{
	background-image: url("../images/2supportImage3.png");
	/*background-color:white;*/
	background-position: -140px 0;
}

#consulting .image{
	background: url("../images/2consultingImage.png") no-repeat  center top;

}
#web .image{
	background: url("../images/2webImage.png") no-repeat  center top;

}
#support .image{
	background: url("../images/2supportImage.png") no-repeat center top;

}
#learning .image{
	background: url("../images/learnImage.png");
}


#subContent{
	padding-top:5px;
	padding-right:8px;
	clear:both;
}
html>div#subContent{
	padding-top:10px;
}
#subContent #detailedInfo .redBlock{
	float:left;
	margin-right: 10px;
	margin-top: 5px;
	background:#9a1c1f;
	height: 10px;
	width: 10px;
	display:block;
}
#subContent p{
/*	margin-top: 10px;*/
	line-height:20px;
	text-indent:10px;
	text-align:justify;
	padding: 5px 5px;
	/*border:1px solid gray;*/
	margin-bottom: 5px;
}
/**** Page Specific content *****/
#overview-subMenu #overview,
#networkSupport-subMenu #networkSupport,
#dataRecovery-subMenu #dataRecovery,
#computerRepair-subMenu #computerRepair,
#virusRemoval-subMenu #virusRemoval,
#serverSupport-subMenu #serverSupport,
#helpDesk-subMenu #helpDesk,

#managedServices-subMenu #managedServices,
#networkConsulting-subMenu #networkConsulting,
#sharepoint-subMenu #sharepoint,
#vid-subMenu #vid,
#webHosting-subMenu #webHosting,
#cabling-subMenu #cabling,

#customWebsites-subMenu #customWebsites,
#websitePackages-subMenu #websitePackages,
#graphicDesign-subMenu #graphicDesign,
#backend-subMenu #backend,
#websiteSupport-subMenu #websiteSupport,
#seo-subMenu #seo,
#cms-subMenu #cms,

#contact-subMenu #contact
{
	/*border: 1px solid gray;*/
	background: white url('/images/blue-fade.png') repeat-x 0 15px;
}
#overview-subMenu #overview a,
#networkSupport-subMenu #networkSupport a,
#dataRecovery-subMenu #dataRecovery a,
#computerRepair-subMenu #computerRepair a,
#virusRemoval-subMenu #virusRemoval a,
#serverSupport-subMenu #serverSupport a,
#helpDesk-subMenu #helpDesk a,

#managedServices-subMenu #managedServices a,
#networkConsulting-subMenu #networkConsulting a,
#sharepoint-subMenu #sharepoint a,
#vid-subMenu #vid a,
#webHosting-subMenu #webHosting a,
#cabling-subMenu #cabling a,

#customWebsites-subMenu #customWebsites a,
#websitePackages-subMenu #websitePackages a,
#graphicDesign-subMenu #graphicDesign a,
#backend-subMenu #backend a,
#websiteSupport-subMenu #websiteSupport a,
#seo-subMenu #seo a,
#cms-subMenu #cms a
{
	color:black;
	padding-left:0;
}
#overview-subMenu #overview .redBlock,
#networkSupport-subMenu #networkSupport .redBlock,
#dataRecovery-subMenu #dataRecovery .redBlock,
#computerRepair-subMenu #computerRepair .redBlock,
#virusRemoval-subMenu #virusRemoval .redBlock,
#serverSupport-subMenu #serverSupport .redBlock,
#helpDesk-subMenu #helpDesk .redBlock,

#managedServices-subMenu #managedServices .redBlock,
#networkConsulting-subMenu #networkConsulting .redBlock,
#sharepoint-subMenu #sharepoint .redBlock,
#vid-subMenu #vid .redBlock,
#webHosting-subMenu #webHosting .redBlock,
#cabling-subMenu #cabling .redBlock,

#customWebsites-subMenu #customWebsites .redBlock,
#websitePackages-subMenu #websitePackages .redBlock,
#graphicDesign-subMenu #graphicDesign .redBlock,
#backend-subMenu #backend .redBlock,
#websiteSupport-subMenu #websiteSupport .redBlock,
#seo-subMenu #seo .redBlock,
#cms-subMenu #cms .redBlock,

#contact-subMenu #contact .redBlock
{
	display:block;
}
/********/
.subMenu{
	float:left;
	width:216px;
	margin-left:4px;
	background: white url('/images/blue-fade.png') repeat-x 0 15px;
	border: 1px solid #ccc;
/*	background-image: url("../images/servicesBg3.jpg");
	background-position: 50% 10px;*/
}
.subMenu ul{
	list-style-type:none;
	margin:auto;
	width:204px;
/*	border: 1px solid #004368;*/

}
.subMenu li{
	padding: 1px 0;
	padding-left:10px;
	background:#F3F6F9;
	background: #E5EBF1;
	background:#eee;
	border: 1px solid #ccc;
	line-height: 20px;
	height: 20px;
	margin: 10px 0;
	font-weight:bold;
	background: white url('/images/blue-fade.png') repeat-x 0 -90px;
}

.subMenu li:hover{
	/*border: 1px solid gray;*/
	background: white url('/images/blue-fade.png') repeat-x 0 15px;
}
.subMenu li a{
	display:block;
	padding-left:20px;

}
.subMenu .redBlock{
	float:left;
	margin-right: 10px;
	margin-top: 5px;
	background:#9a1c1f;
	height: 10px;
	width: 10px;
	display:none;
}
.subMenu li:hover .redBlock{
	display:block;
}

#subContent .subMenu h2{
	color:#9a1c1f;
	border-bottom: 1px solid #ccc;
	margin-left: 00px;
	background:none;
	border: 1px solid gray;
	background: #004368 url('/images/lightblue.png') repeat-x 0 15px;
	line-height: 20px;
	padding-left:10px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:white;
	font-weight:bold;
}
#subContent .subMenu h2 div{
	display:none;
}
#subContent .subMenu a{
	color:#004368;
}


#center #subContent .subMenu li:hover a{
	padding-left:0;
	color:black;
}
.details{
	float:right;
	
}

#footer{
	/*background:url("../images/logos.jpg") no-repeat 50px;;*/
	
	text-align:center;
	clear: both;
}

/***************** Managed Services ******************/
#center #plans, #center #services {
	width: 725px;
	padding: 2px;
	font-family:arial;
	font-size: 8pt;
}

#plans .darken th, #plans .darken td,
#services .darken th, #services .darken td {
	/*background: #E5EBF1;*/
	border-bottom: solid 1px #D4DDE6;
}
#plans .lighten th, #plans .lighten td,
#services .lighten th, #services .lighten td {
	/*background: #F3F6F9;*/
	border-bottom: solid 1px #D4DDE6;
}
#plans .planTitle, #services .serviceTitle {
	color: #004A84;
	padding: 0 10px;
}
#services .description {
	text-indent: -60px;
}

#plans th, #services th {
	font-weight: bold;
	padding: 2px;
	border-bottom: solid 1px #D4DDE6;
}
#services td, #services th {
	padding: 5px;
}

#plans th strong {
	font-size: 10pt;
}
.servicePrice {
	font-weight: bold;
	text-align: right;
}
#services td, #services th {
	padding: 8px;
}
#plans .yes, #plans .no {
	display: block;
	height: 28px;
	width: 28px;
	margin: 10px auto;
}
#plans .yes {
	background: transparent url(/images/icon-check.gif) no-repeat 50% 50%;
}

.selectedPlan  {
	outline: solid 2px #1b416a;
}
.selectedService {
	border-collapse: separate;
	border: solid 1px #1b416a;
	border-bottom: none;
	background: #F3F6F9;
}

#plans .blank:hover {
	background: transparent !important;
	border: none !important;
}
#services #totals {
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
	font-style: italic;
}
#plans .price, #services .price {
	font-style: italic;
}
.redacted {
	text-decoration: line-through;
	color: #ab3c3c;
}
#managedServicesContainer{
	width:500px;
	font-family: arial;
}


/** Hosting.php **/
#managedGroup {
padding: 35px 0 0;
overflow: hidden;
}

#managedGroup img {
float: left;
margin-right: 20px;
}

#managedGroup .bar {
clear: none;
}

#managedGroup p {
margin: 0;
float: left;
width: 480px;
}
#msos {
	float: right;
	border: solid 1px gray;
	margin: 0 10px 20px 0;
}
#center .product_table{
	width: 725px;
	margin:auto;
	float:none;
}
#center #extraInfo .product_table{
	width:930px;
	margin-left:0px;
	margin-right:0px;
}
#center #web-hosting, #center #email-hosting{
	width:323px;
	margin: 0 3px;
	float:left;
}
#center #web-hosting{
	width: 390px;
}
#center #web-hosting caption, #center #email-hosting caption{
/*	display:block;*/
}

.product_table th {
	display:none;
	font-weight: bold;
	background: #004368;
	background: url("../images/bluefadebg.jpg") repeat-x 0 1px;
	color: white;
	border-bottom: solid 0px #365B7B;
	padding: 0px;
	margin-top:7px;
	border-top: 7px solid white;
}
.product_table .darken td {
/*	background: #E5EBF1;*/
/*	background:white;
	background: white url('/images/blue-fade.png') repeat-x top;*/
/*	background:white;*/
}
.product_table .lighten td {
/*	background: #F3F6F9;*/
/*	background:white;
	background: white url('/images/blue-fade.png') repeat-x 0 bottom;*/
/*	background:white;*/
}
.product_table td {
	padding: 8px;
	border-bottom: solid 1px gray;
	vertical-align:top;

}
.product_table .product {
/*	color: #004A84;*/
	padding: 0 10px;
/*	border-right: solid 1px gray;
	border-left: solid 1px gray;*/
	font-weight: bold;
	font-family:arial;
	min-width: 150px;
	width: 160px;

}
.product_table{
/*	border-bottom: solid 1px gray;*/
}
.product_table .features {
/*	border-right: solid 1px gray;*/
	vertical-align:top;
	padding: 0 8px 8px 8px;
}


.product_table .features li {
	list-style-type: disc;
	margin: 2px 0 2px 12px;
	padding: 0px !important;
}
.managed_services ul {
	margin-bottom: 1.5em;
}
.managed_services ul li {
	margin: 4px 0 0 25px;
	list-style-type: disc;
}

caption{
	margin:0px;
	padding:0px;
	height: 29px;
	line-height: 29px;
	text-align:center;
	font-size: 14px;
	color:white;
	font-weight:normal;
	background: url("../images/bluefadebg.jpg") repeat-x 0 1px;

/*	display:none;*/
/*	padding-left:10px;
	background: #004368;
	text-align: left;
	padding-bottom:7px;
	margin-top:5px;
	color: white;
	font-size:14px;
	font-weight:normal;
	line-height: 30px;
	height:30px;*/
/*	border-bottom: 1px gray solid;
	border: 1px gray solid;*/
	color:#9a1c1f;
	border-bottom: 1px solid gray;
	margin-left: 10px;
	background:none;
	text-align:left;
	border: 1px solid gray;
	background: white url('/images/blue-fade.png') repeat-x 0 15px;
	line-height: 20px;
	padding-left:0px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:#9a1c1f;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	background:none;
	border: 1px solid gray;
	background: #004368 url('/images/lightblue.png') repeat-x 0 15px;
	line-height: 20px;
	padding-left:10px;
	height:20px;
	text-align:left;
	font-size:12px;
	color:#004368;
	color:white;
	font-weight:bold;

}

#plans caption, #services caption{
	display:block;
}


#pageTitle{
	
	color: #9a1c1f;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-left:190px;
	border:0;
}


.sectionTitle{
                   display:none;
}
.contentBox{
    width:200px !important;
	padding-left:10px;
}
#center .subMenu table{
    width:200px !important;
}
.bombgar{
 overflow:none;
}
#center .bomgar table{
    width:500px !important;
}

.contact{
	width:48%;
	height:120px;
	margin:0px 3px 3px 3px;
	float:left;
	line-height:20px;
	border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
}
/*#subContent p{
	border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
}*/
.contact b{
	float:left;
	color:#9a1c1f;

}
.contact strong{
	clear:left;
	float:left;
	color: #004368;
	line-height:12px;
	font-style:italic;
	text-align:left;

}
/*#subContent table{
		border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
}
#summary table{
	border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
	padding:6px;
	border-right:0px;
	border-bottom:0px;
}*/
.contact div{
	
	width:140px;
	float:right;
	text-align:right;
	margin-top:15px;
}
.contact .labels{
	width:50px;
	float:right;
	font-weight:bold;
	color:#9a1c1f;
	text-align:left;
}
.contact .name{
	margin-top: 20px;
	margin-left: 20px;
	float:left;
	width:auto;
	text-align:center;
}
.contact .name a{
	float:left;
	clear:left;
	line-height:12px;
}
#inquireForm h3, #vCardBox h3, #subContent .contact h2{
	border:0px;
}

#summary .contact h2{
	border:0px;
}
#summary .contact div{
	
	width:140px;
	float:right;
	text-align:right;
	margin-top:15px;
}
#summary .contact .labels{
	width:50px;
	float:right;
	font-weight:bold;
	color:#9a1c1f;
	text-align:left;
}
#summary .contact .name{
	margin-top: 20px;
	margin-left: 20px;
	float:left;
	width:auto;
	text-align:center;
}
#summary .contact{
	width:330px;
	height:120px;
	margin:0px 3px 3px 8px;
	float:left;
	line-height:20px;
	border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
}

#summary .contact .name a{
	float:left;
	clear:left;
	line-height:12px;
}
#vCardBox{
	float:none;
	border:1px solid #CCC;
	background: url("../images/blue-fade.png") 50% -50px repeat-x;
	margin-bottom:5px;
	margin-top:40px;
	height:120px;
}
#inquireForm{
	float:none;
}
 #vCardBox div{
	width:100%;
	padding: 3px 5px;
	height:28px;
}
#inquireForm div{
	width:100%;
	padding: 3px 3px;
	margin-top:0px;
	margin-left:10px;

}
#inquireForm input{
	border:1px solid #CCC;
	width:110px;
	float:left;
	margin-right:5px;
	margin-top:3px;
	

}
#inquireForm label{
	width:45px;
	display:block;
	float:left;
	text-align:left;
	height:30px;
	margin-left:8px;
}
#inquireForm #inquire{
	width:50px;
	float:right;
	margin-right:28px;
}
#infoPicText{
	padding-top:1px;
}
#vCardBox input, #vCardBox label{
	float:left;
}
#vCardBox input{
	border:1px solid #CCC;
		margin-top:3px;
		margin-left:5px;
		margin-right:5px;
		padding-left:5px;

}
#vCardBox #vCard{
	height:23px;
	padding-right:5px;
	margin-left:10px;
}
#infoPic-contact{
	position:relative;
	left:-15px;
}
#reason{
	width:170px;
	border:1px solid #CCC;
	height:23px;
	float:left;
}
#innerTable-contact #detailedInfo{
	border:none;
	background:white;
}
#vCardBox .instruct{
	line-height:14px !important;
	height:auto;
	margin:6px auto;
	padding:0px 10px;
}