* {font-family: Arial, Helvetica, sans-serif;  margin: 0; padding: 0;}
body {background: url(../images/background.jpg) repeat-x center top; background-color: #fff; height: 100%; margin: 0;text-align: center; } 

.wrapper {
		text-align: left;
		vertical-align: top;
		width:981px;
		/*border: 1px solid #ccc;*/
		padding: 4px;
		margin: 0px;
		margin-left: auto; 
		margin-right: auto;

}
#contentrightwrapper {
	width:975px;
	margin-left: auto; 
		margin-right: auto;
		
}
#quotewrapper {
	text-align: left;
	margin-left: auto; 
		margin-right: auto;
		width: 975px;
		margin-top: 4em;
		position: relative;
		left: 2em;
}

/* GLOBAL  TAGS */

a {text-decoration: none; color: /*#FF6200; */#007539; font-weight: normal;  }

a:hover {text-decoration: underline;}

b, strong {font-weight: bold;}


#contentinside p {
	clear: both
}

p.aftertable {
	/*margin-top: 2em;*/
}
img {border: 0; display: inline; margin: 0; padding: 0;}
#contentinside ul {
	margin: 0em 0 1.5em 0;
}
li {
	font-size: .8em; line-height: 1.5em; margin-left: 1em; color: #464645;
}
p, table {margin: .5em 0 1.5em 0; padding: 0px; font-size: .8em; line-height: 1.5em; color: #464645;}

p.footnote {font-size:.6em; color: #464645; font-style: italic;}
i {color: #007539; font-style: normal; font-family: Arial Narrow,Arial,sans-serif;}



/* === clear start here === */
.clear {clear: both; float: left; font-size: 1px; height: 1px; margin: 0; padding: 0; width: 100%;}

/* LOGO */
.logoheader { float: left; width: 100%; }
#logo {margin: 5px 0 0 25px; float: left; }

#footer {width: 100%; float:left;  }
#footermenu p {
	color: #fff;
	float: right;
	font-size: .8em;
 height:34px;
 line-height:34px;
}


/* === Rest start here === */
.menuimgcontainer img {float: left;}
#content {float: left; margin: 0 0 0 2em;  padding: 0 1em 30px 0;  width: 65%; text-align: left; /*border-right: 1px solid #D8D8D8;*/} /* To change the space after the main content and before the footer */
#contentinside {float: left; margin: 0 0 0 2em;  padding: 0 1em 30px 0;  width: 65%; text-align: left; /*border-right: 1px solid #D8D8D8;*/} /* To change the space after the main content and before the footer */
#contentwhole {float: left; margin: 0 0 0 2em;  padding: 0;  width: 100%; text-align: left; /*border: 1px solid #D8D8D8;*/}
#rightbar {float: left; margin: 0em 0 0 0em; padding: 1em 1em 0 1em;  text-align: left;  width: 25%; /*background-color: #E7E7DE;*/ }
#rightbar p {font-size: .8em;}
#rightbar h3, #rightbarinside h3 {font-size: .8em; border: 1px solid #C7C6C6; color: #797975; padding: 2px 2px 2px 5px; background-color: #FAFAFA}
#rightbarinside {float: left; margin: 0em 0 0 0em; padding: 1em 1em 0 1em;  text-align: left;  width: 20%; /*background-color: #E7E7DE */}

#container {min-height:100%;  position:relative;}
#leftbar {float: left; margin: 0em 0 0 .75em; padding: 0em 1em 0 1em;  text-align: left;  width: 18%; /*background-color: #E7E7DE;*/ }
#leftbar h3 {font-size: .8em; border: 1px solid #C7C6C6; color: #797975; padding: 2px 2px 2px 5px; background-color: #FAFAFA}
.header {margin: 0 auto 0 auto; width: 981px;}

.headerimg {}


#maincontent { position: relative; top: .1em; background-position: top; background-repeat: repeat-x; float: left; margin: 0; padding: 0; width: 100%; z-index: 0;}
.phoneicon {
	float: right;
	margin: 1.6em 1em 0 0;
	/*width: 25%;*/
	/*border: 1px solid #ccc;*/
	padding:0;
	
}
.phoneicon p {
	font-family: arial,sans-serif;
	letter-spacing: 0px;
	font-size: .9em;
	font-weight: bold;
	color: #000;
	margin: 0.5em 0 0;
	float: left;
	clear: both;
}
.phoneicon p a {
color: #000;
/*text-decoration: underline;*/
}

p.closingpara {
	font-size: 1.5em;
	line-height:1.25em;
	font-weight:100;
}
.phoneicon img {float: left; margin-right: .5em; margin-top: 0em;}
h1.phone {
    position: relative;
    padding: 0;
    margin: 0;
    width: 190px; /* image width */
    height: 30px; /* image height */
    overflow: hidden;
	
	float: left;
	font-size: 1.6em;
	
	
}
h1, h2 {font-size: 1.35em;
	margin: .75em  0 0em 0;}

h1.phone span.phonenumber {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 190px; /* image width */
    height:30px; /* image height */
    background: url(../images/PhoneNumber.gif) top left no-repeat;
	/*border: 1px solid #ccc;*/
}
h2, h3 {
	font-family: Arial Narrow, Verdana, sans-serif;
	
}

#links #contentrightwrapper h1 {
		font-size: 1.35em;
	margin: .75em  0 1em 0;
	padding-bottom: .25em;
	border-bottom: 1px solid #007539;

}
#links #contentrightwrapper h1 i {color: #007539; font-style: normal; font-family: Arial Narrow,Arial,sans-serif;}
h3 {
	font-size: 1.15em;
	color: #007539;
	margin: 1.5em  0 0.1em 0;
}
h3.top {
	margin: 1.5em  0 .5em 0;
}
h2.lineabove {
margin: 0;
	padding-top: 0;
	border: 1px solid #D8D8D8;
	width: 100%;
	display: block;
}
hr {
 border-color: #d8d8d8;
  border-style: solid;
  border-width: 1px 0 0 0;
  clear: both;
  margin: 0em 0 0em 0;
  height: 0;

}
.greeting {
	
	color: #fff;
		
}


.footerbottom img { margin-top:1em; margin-left: 2em;}
.footerbottom p {color: #fff; font-size: .65em; line-height: 1.25em;margin:1.25em 0 0 2.5em}
.footerbottom a {
	color: #fff;
}
.leftcol {
	float: left;
	width: 48%;
	border-right: 1px solid #D8D8D8;
	margin: 1em 1em 1em 0;
	
	padding-right: .65em;
}
.leftcolumn {
	
	width: 45%;
	float: left;
	margin-right: 1em;
}
.threecolumn {
	width: 32%;
	float: left;
	margin-right:.25em;
}
.leftcolnoborder {
	float: left;
	width: 48%;
	/*border-right: 1px solid #D8D8D8;*/
	margin: 1em 1em 1em 0;
}
.leftcol p, .intro, .banner p, #footermenu p {
	margin: 0;
}
.banner p {
	width: 95%;
}
.rightcol {
	float: left;
	width: 45%;
	margin: 1em 0em 1em 0;
	
}
.rightcol h2, .leftcol h2 {
	
	margin: 0em  0 0em 0;
	
}
.column {
	margin: 0 2em 0 0;
	width: 25%;
	float: left;
}
blockquote {
  background: transparent url(../images/QuoLeft.png) left top no-repeat;
  margin: 0 0 0em 0;
  font-size: .8em;
  line-height: 1.5em;
}
blockquote div {
  padding: 0 20px;
  background: transparent url(../images/QuoRight.png) right bottom no-repeat;
  width: 80%;
}

.logoswrapper {
	display: block;
	margin:2em 0 1.5em 1.5em;
	clear: both;
 height:70px;
 line-height:70px;
 background:#fff;	
}
.logoswrapper img {
	margin-right: 1.25em;
	vertical-align:middle;
}
.infotext {

}
.infotext p {margin: 1em 0 0 0; padding: 0px; font-size: .75em; line-height: 1.5em; color: #ccc;}

/* === button styles === */
.buttonwrapper {
	margin-top: .5em;
	float: right;
}
.clearalso { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/button_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 23px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	
}

a.button span {
    background: transparent url('../images/Button.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 4px 8px;
	
}

a.button:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 4px 8px; /* push text down 1px */
} 

/* == Image replacement ==*/
h3.title {
    position: relative;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    overflow: hidden;
	
	
}


h3.title span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_FullSupport.jpg) top left no-repeat;
	cursor: pointer;
}

h3.title span.titleii {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_ComplementrySupport.jpg) top left no-repeat;
	cursor: pointer;
}

h3.title span.titleiii {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_PayAsYouGo.jpg) top left no-repeat;
	cursor: pointer;
}
h3.title span.titleiv {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_ProjectDelivery.jpg) top left no-repeat;
	cursor: pointer;
	}
h3.title span.titlev {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_ManagedSolutions.jpg) top left no-repeat;
	cursor: pointer;
}
h3.title span.titlevi {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_TelephonyServices.jpg) top left no-repeat;
	cursor: pointer;
}
h3.title span.titlevii {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_ManagedItSupportBanner.jpg) top left no-repeat;
	cursor: pointer;
}
h3.title span.titleviii {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 308px; /* image width */
    height: 30px; /* image height */
    background: url(../images/Title_VoiceData.jpg) top left no-repeat;
	cursor: pointer;
}



div.bannerwrapper {
	margin: 1em 0 .5em 0;
}
div.banner {
	background: url(../images/BannerBg.png) bottom left no-repeat;
	width:308px;
	height: 69px;
	padding: 0  8px 0 8px;
	margin: 0;
}

#environmentalpolicy #contentinside p {
	clear: both;
}

/* table styles start here */

table {
	
	width:525px;
	text-align: left;
	padding: 0;
	clear: both;
	display:block
}
caption {
	text-align: left;
	font-style: italic;
	margin: 0 0 0em 0;
	padding-bottom: .5em;
}

th{

	background: #000 url(/content/images/backgrounds/bg_tablehead.gif) repeat-x;

	border-top:1px solid #FFFFFF;

	padding:4px 8px 4px 8px;

	line-height:14px;

	vertical-align:top;

	text-align:center;

	color:#FFFFFF;
}
td {border-right:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
	padding:2px 2px 2px 2px;
 }
 tr.lightGrey{

	background-color:#ecebeb; }
	td.alternate{

	border-left:1px solid #B3B3B3;

	border-bottom:1px solid #B3B3B3;

	padding:2px 2px 2px 10px;

	line-height:18px;

	vertical-align:top;

	text-align:left;

	font-weight:bold;

}
td.left{

	border-left:1px solid #B3B3B3;



	border-bottom:1px solid #B3B3B3;

	padding:2px 2px 2px .5em;

	line-height:18px;

	vertical-align:top;

	text-align:left;

}
td.center {
	text-align: center
}
#rightbarinside  { /*To hide the right bar on all inside pages */
	/*display: none;*/
	
}

/* call to action styles start here */
.calltoaction {
	
		
		margin: 0 ;
		padding: 0;
		
}

.calltoaction a {text-decoration: none;

}
.calltoaction img {}
h4.calltoaction {
	   position: relative;
    padding: 0;
    margin: 0;
    width: 175px; /* image width */
    height: 35px; /* image height */
    overflow: hidden;
	border: none;
}
h4.calltoaction span.contactform {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 178px; /* image width */
    height: 35px; /* image height */
    background: url(../images/CalltoAction_ContactForm.png) top left no-repeat;
	cursor: pointer;
	border: none;
}
h4.calltoaction span.livechat {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 178px; /* image width */
    height: 35px; /* image height */
    background: url(../images/CalltoAction_LiveChat.png) top left no-repeat;
	cursor: pointer;
	border: none;
}
h4.calltoaction span.caphone {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    width: 178px; /* image width */
    height: 35px; /* image height */
    background: url(../images/CalltoAction_Phone.png) top left no-repeat;
	
}

/* call to action style end here */

.rightbarbutton {
	margin:1em 0 0 3em;
}

p.dotted  {
	/*border-bottom: 1px dotted #666;
	font-style: italic;*/
	font-weight:bold;
	text-align:left;
	padding-bottom: 4px;
	margin-left: 25em;
	margin-bottom: 16px;

}
#links #rightbarinside {
	display:none;
	visibility:hidden
}
#testimonials blockquote {
	
	font-size: 1em;
	margin-top:1em;
}
ul.bulletspace li {
	margin-bottom: 1em;
	margin-top: .5em;
}
#thankyou #contentinside p {
	min-height: 20em;
}

/* === To hide home content on the inside === */

#home #homecontent  {	
display:block;
visibility:visible
}