/* ====================================
   = CIS Web site CSS - 2011          =
   ==================================== */

*       { margin:0; padding:0; border: none; }
A	{ font-weight: bold; text-decoration: none; }
B	{ font-weight: bold; }
STRONG	{ font-weight: bold; }
P	{ margin: 0.5em 0 0.5em 0; color: #303030; }
I	{ font-style: italic; }
EM	{ font-style: italic; }
A:hover { text-decoration: underline; }
BODY    { background-color: #DBDBE5; font: 10pt/1.1em verdana, helvetica, arial, sans-serif; }
OL	{ margin-left: 20px; }
UL	{ margin-left: 20px; }
LI	{ color: #505050; }
H2	{ margin: 15px 0 20px 0; color: #1833FD; font: 20pt/1.2em robotobold, Verdana, Arial, serif; }
H3	{ padding: 20px 0 5px 0; color: #1934FF; font: 18pt/1em robotobold, Verdana, Arial, serif; clear: left; }
H4	{ padding: 20px 0 5px 0; color: #4863FF; font: 16pt/1em robotobold, Verdana, Arial, serif; font-weight: normal; }
H5	{ padding: 20px 0 5px 0; color: #4863FF; font: 14pt/1em robotobold, Verdana, Arial, serif; }
PRE     { font: 8pt/1.1em monospace; padding-left: 10px; margin: 10px 10px; border-left: 3px solid #F9A101; }


.clearfix 	{ display: block; }
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#outer	{  margin: 0 auto 0 auto; background-color: #ffffff; }

#header		{ margin: 0 6%; position: relative; padding: 10px 0;}
#header P	{ position: absolute; bottom: 10px; left: 200px; margin: 0 250px 0 0; line-height: 1.5em; }
#header UL	{ list-style: none; position: absolute; bottom: 10px; right: 0; margin: 0 0 0 180px; text-align: right; }
#header UL LI 	{ line-height: 1.5em; padding-right: 20px; color: #0053F0; font-weight: bold; }
#header UL LI A	{ color: #0053F0; }
#tickerId       { position: absolute; top: -5px; background-color: #0053F0; height:1em; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;padding: 7px;font-size: 10px;color: #ffffff;}
#tickerId A     { color: #ffffff; font-size:9px;}

.email		{ background: transparent url(/contact-us/email.png) right center no-repeat; }
.telephone	{ background: transparent url(/contact-us/telephone.png) right center no-repeat; }

#nav		{ background: #ffffff url(/g/navMainbg.png) top repeat-x; list-style: none; margin: 0; padding: 0 6% 0 6%;}
#nav LI A	{ color: #ffffff; font-size: 9pt;}
#nav.wide LI	{ float: left; padding: 8px 11px 18px 11px; background: #ffffff url(/g/navMainbg.png) top repeat-x; }
#nav.wide LI.sel	{ background: #ffffff url(/g/sel.png) center bottom no-repeat; }
#nav.wide LI.sel A	{ color: #C11713; }

#nav.narrow             { background: #001BE6 url(/g/menu-mobile.png) top right no-repeat; }
#nav.narrow  		{ position: relative; padding: 0; height: 27px;}
#nav.narrow LI		{ line-height: 2em; background-color: #001BE6; padding: 0 6% 0 6%;}
#nav.narrow LI A      	{ display: none; }



#innerFlex	{ margin: 20px 6% 0 6%; }
#innerFlex P	{ line-height: 1.8em; margin-bottom: 1em; }
#innerFlex LI	{ line-height: 1.8em; }
#innerFlex #headId  	{ height: 64px; position: relative; }
#innerFlex #headId H2 	{ position: absolute; top: 0; left: 74px; margin: 0; }
#innerFlex #headId H2 SPAN	{ font-size: 20pt }
#innerFlex #headId DIV.sprite  	{ background: transparent url('/g/sprite-all.png') 0 0 no-repeat; height:64px; width:64px; padding:0 !important;}
.fltRightIMG	{ float: right; padding: 20px;}
.fltLeftIMG	{ float: Left; padding: 10px 20px 10px 0;}
.quote 		{ padding-left: 20px; border-left: 5px solid #DBDBE5; }
.err		{ color: #ff0000; }
.err LI		{ color: #ff0000; }

#innerFix	{ -moz-border-radius: 5px; border-radius: 5px; background: #DBDBE5 url(/g/innerFixbg.jpg) center bottom no-repeat; margin: 0 10px 20px 10px; padding: 10px 10px 20px 10px; float: right; width: 300px; height: 100%; }
#innerFix H3 	{ font-size: 1.1em; padding: 0; margin: 10px 0 0 -15px; }

#innerFixNarrowScreen 	{ width: 100%; clear: both; }
#innerFixNarrowScreen UL{ list-style: none; margin: 0; }

#LinkedInId { min-height: 85px; padding: 0px 10px; border: 2px solid #9190B0; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
#LinkedInId P, #LinkedInId strong	{ font-size: 7pt; }
#LinkedInId UL		{ list-style: none; height: 50px; }
#LinkedInId UL LI	{ margin: 0 10px 0 0; display: block; float: left; }
#LinkedInId UL LI A	{ display: block; }


.callToAction 	{ font: 1.0em/1.5em robotobold, helvetica, arial, sans-serif; letter-spacing: 0.05em; color: #ffffff; min-height: 100px; background: #121214 url(/g/hand-phone.jpg) right bottom no-repeat; padding: 10px 40px 25px 15px;  -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px;  }
.callToAction SPAN { font-size: 1em; }
.callToAction A { color: #ffffff; }
.testimonial	{ line-height: 1.2em !important; }
.testimonial H2	{ font-family: robotobold, serif; font-style: italic; }
.testimonial B	{ font-family: robotobold, serif; font-style: italic; }
.bulletedList	{ list-style: disc outside none !important; margin-left: 20px !important; }

/* *********** Footer ************ */

#footer		{ padding: 10px 6% 10px 6%; position: relative; background-color: #DBDBE5; border-top: 2px solid #0053F0; }
#footer P	{ line-height: 1.5em; }

#vbottomFooter		{ padding: 0 6%; position: relative; }
#vbottomFooter P 	{ font-size: 8pt; line-height: 1.4em;}
#vbottomFooter P A 	{ font-size: 8pt; }
#vbottomFooter DIV 	{ border: 1px solid #0053F0; -moz-border-radius: 10px; border-radius: 10px; float: left; width: 29%; font: 8pt/1.1em Times New Roman, serif; padding: 1%; margin: 0 1% 0 1%; line-height: 1.5em; height: 120px; }
#vbottomFooter DIV P 	{ clear: left; }
#vbottomFooter IMG 	{ float: left; padding: 0 10px 10px 0; }
#vbottomFooter IMG#qr_full	{ position: absolute; bottom: 150px; left: 100px; padding: 20px !important; border: 10px solid #0053F0; background-color: #ffffff; -moz-border-radius: 10px; border-radius: 10px; display: none; }


FORM LABEL 		{ position: relative; }
FORM LABEL INPUT	{ position: absolute; left: 220px; }
FORM INPUT 		{ border: 1px solid #9190B0; padding: 2px; margin: 2px; }
FORM TEXTAREA 		{ border: 1px solid #9190B0; }
FORM BUTTON 		{ padding: 2px; margin: 2px 2px 2px 0; color: #C11713;  background-color: #DBDBE5;  border:1px solid;  border-color: #9190B0 #6069CB #6069CB #9190B0; }
FORM INPUT.cms		{ background-color: #FDFFD0; }
FORM FIELDSET.cms	{ margin: 10px 0; position: relative; }
FORM FIELDSET.cms LABEL	{ float: left; padding: 5px; width: 150px; margin-left: 100px; }
FORM FIELDSET.cms INPUT	{ width: 50%; padding: 5px; background-color: #FDFFD0; }
FORM TEXTAREA.cms	{ height: 400px; }

#VPSComponentsID { list-style-type: none; }
#VPSComponentsID LI { margin-bottom: 10px; padding-left: 100px; position: relative; }
#VPSComponentsID LI UL { list-style-type: none; padding: 5px 0; }
#VPSComponentsID LI UL LI { border-left: 5px solid #DBDBE5; padding: 0 15px; }
#VPSComponentsID DIV { position: absolute; width: 90px; height: 80px; overflow: hidden; }
#VPSComponentsID DIV.bw  { background: transparent url('/g/sprite-peripherals.png') 1px 0 no-repeat; left: 13px; }
#VPSComponentsID DIV.ram { background: transparent url('/g/sprite-peripherals.png') -89px 0 no-repeat; left: 0px }
#VPSComponentsID DIV.cpu { background: transparent url('/g/sprite-peripherals.png') -179px 0 no-repeat; left: 5px; }
#VPSComponentsID DIV.hdd { background: transparent url('/g/sprite-peripherals.png') -269px 0 no-repeat; left: 12px; }

#Top10ThreatsID LI A	{ font-weight: normal; }

.num    { text-align: right; font-family: monospace;  white-space: nowrap; font-size: 1.1em;}
.totals TD { border: none; border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-weight:bold; }

TABLE.costs { margin: 0px; }
TABLE.costs TR.head     { background-color: #DBDBE5; }                                                         
TABLE.costs TR.head TD  { text-align: center; }
TABLE.costs TD  { border: 1px solid #DBDBE5; font: 8pt/1.5em verdana, helvetica, arial, sans-serif; line-height: 1.5em; }

#cookiesId	{ z-index: 99999; position: fixed; bottom: 0; background: #ffffff url(/g/headerbg.jpg) center center no-repeat; width: 100%; }
#cookiesId DIV	{ margin: 5px; border: 2px solid #555555; padding: 2px 5px; }
#cookiesId P	{ font-size: 0.8em; }







/* ====================
   = Home Page        =
   ==================== */

#homeServicesPanelId UL         { list-style: none; margin: 0; padding: 0; background: transparent url(/g/supermicro.jpg) right bottom no-repeat; }
#homeServicesPanelId UL LI      {
	display: block; 
	float: left; 
	width: 270px; 
	min-height: 160px; 
	margin: 0 15px 20px 0; 
        padding: 5px 25px 1px 20px;
	position: relative; 
        -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
        border: 1px solid #DBDBE5;
        background: transparent url(/g/opaque_90_FFFFFF.png) repeat;   
	cursor: pointer;
 }
#homeServicesPanelId UL LI.sel 		{ background-color: #EFEFFF; background-image: none; }
#homeServicesPanelId UL LI.sel H2	{ background-color: #0045B6; }
#homeServicesPanelId UL LI.sel H2 A	{ color: #EFEFFF; text-decoration: none; }
#homeServicesPanelId UL LI H2   	{ padding: 5px; margin: 10px 0 15px 0; color: #0045B6; font: 16pt/1em robotobold, Helvetica,Verdana,Arial,sans-serif;}
#homeServicesPanelId UL LI H2 A 	{ color: #001BE6; font: 16pt/0.5em robotobold, Helvetica,Verdana,Arial,sans-serif; letter-spacing: 0.01em; text-transform: uppercase;}
#homeServicesPanelId UL LI P SPAN	{ display: block; float:left; width:64px; height:64px; background: transparent url(/g/sprite-all.png) 0 0 no-repeat; margin: 0 10px 10px 0; }
#homeServicesPanelId UL LI P		{ line-height: 1.5em; }

.sprite.email-marketing 	{ background-position: 0px 0px; }
.sprite.IP-PBX-Asterisk 	{ background-position: -64px 0px !important; }
.sprite.web-hosting 		{ background-position: -128px 0px !important; }
.sprite.email-hosting 		{ background-position: -192px 0px !important; }
.sprite.virtual-private-servers { background-position: -256px 0px !important; }
.sprite.bespoke-solutions	{ background-position: -320px 0px !important; }
.sprite.email-marketing.sel     { background-position: 0px -64px !important; }
.sprite.IP-PBX-Asterisk.sel 	{ background-position: -64px -64px !important; }
.sprite.web-hosting.sel 		{ background-position: -128px -64px !important; }
.sprite.email-hosting.sel 		{ background-position: -192px -64px !important; }
.sprite.virtual-private-servers.sel { background-position: -256px -64px !important; }
.sprite.bespoke-solutions.sel	{ background-position: -320px -64px !important; }


.twitterSS 	{ display: block; float: left; height: 32px; width: 37px; background: transparent url(/g/social-sprite.png) -37px 0 no-repeat; }
.linkedinSS 	{ display: block; float: left; height: 32px; width: 38px; background: transparent url(/g/social-sprite.png) 0 0 no-repeat; }


#ixLatency
{
        -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
        border: 1px solid #DBDBE5;
        background: transparent url(/g/opaque_90_FFFFFF.png) repeat;   
	display: none;
	padding: 10px;
	position: absolute;
	top: 20px;
	left: 100px;
}
#ixLatency P { text-align: center; }
#ixLatencyGraph	{ width: 400px; height: 150px; }