* {
margin:0pt;
padding:0pt;
}
body {
background:#FFFFFF url(header_background.gif) repeat-x scroll left top;
color:#333333;
font-family:'lucida sans unicode','lucida grande','Verdana',sans-serif;
_font-family:'Arial'!Important;
font-size:75%;
line-height:1.4em;
text-align:center;
}
input, select {
font-family:'lucida sans unicode','lucida grande','Verdana',sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family:'lucida sans unicode','Verdana',sans-serif;
_font-family:'Arial'!Important;
line-height:1.6em;
margin:0pt;
padding:0pt;font-weight:normal;text-transform:uppercase
}
h1 {
font-size:120%;
margin-bottom:10px;
}
h2 {
text-transform:capitalize;font-weight:600;font-size:110%;
}
h3 {
font-size:100%;margin-bottom:5px
}
h4 {
font-size:130%;
}
h5 {
font-size:120%;
}
h6 {
font-size:110%;
}
a {
color:#FF3399;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
p {
margin-bottom:13px;
}


img {
border-width:0pt;
}
ul {
margin:7px 0pt 15px 5px;
padding:0pt;
}
ul li {
margin:0pt 0pt 7px;
padding:0pt 0pt 0pt 13px;
}
ul li {
background:transparent url(arrows_double.gif) no-repeat scroll 0pt 6px;
list-style-type:none;
}

div.clear {
clear:both;
}


tbody tr td {
margin:0pt;
padding:5px;
}


#wrapper {
clear:both;
height:auto;
margin:auto;
text-align:left;
width:914px;
}
#content {
margin:25px 0pt 0pt;
width:936px;
}
#header {
height:148px;
text-align:left;
width:100%;
}
#logo {
background:transparent url(logo.png) no-repeat scroll left top;
float:left;
height:70px;
margin:15px 0pt 0pt;
width:225px;
}
#account {
float:right;
margin:41px 0pt 0pt;
text-align:right;
}
#account {
background:transparent url(call.png) no-repeat scroll left center;
height:50px;
margin:45pt 0pt 22 px;
width:214px;
}
#account div.login {
text-align:right;
}
#account div.login a {
}
#account span, #logo img {
display:none;
}
#primaryNavigation {
float:left;
font-size:100%;
margin:0px 0pt 0pt;
text-transform:uppercase;
width:100%;
}
#primaryNavigation ul {
margin:0pt;
padding:0pt;
}
#primaryNavigation ul li {
background:transparent url(tab_right.gif) no-repeat scroll right top;
display:inline;
float:left;
margin:0pt 1px 0pt 0pt;
padding:0pt;
}
#primaryNavigation ul li a {
background:transparent url(tab_left.gif) no-repeat scroll left top;
color:#FFFFFF;
display:block;
float:left;
padding:7px 24px;
text-decoration:none;
}
#primaryNavigation ul li a:hover {
background:transparent url(tab_left.gif) no-repeat scroll 0pt -200px;
_background:transparent;_color:#afafaf;
}
#primaryNavigation ul li:hover {
background:transparent url(tab_right.gif) no-repeat scroll right -200px;
_background:none;_color:#afafaf;
}
#primaryNavigation ul li.active a {
background:transparent url(tab_left.gif) no-repeat scroll 0pt -100px;
color:#FFFFFF;
}
#primaryNavigation ul li.active {
background:transparent url(tab_right.gif) no-repeat scroll right -100px;
}
#primaryNavigation ul li.green1 a {
background:transparent url(tab_left.gif) no-repeat scroll 0pt -300px;
color:#FFFFFF;
}
#primaryNavigation ul li.green1 {
background:transparent url(tab_right.gif) no-repeat scroll right -300px;
}
#secondaryNavigation {
margin:0pt 20px 0px 2px;float:left
}
#secondaryNavigation ul {
font-size:120%;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#secondaryNavigation ul li {
background:transparent url(../images/icons/arrows_double.gif) no-repeat scroll 2px 8px;
margin:0pt 0pt 8px;
padding:0pt 0pt 0pt 15px;
}
#secondaryNavigation ul li a:link {
color:#333333;
}
#secondaryNavigation ul li a:hover {
background-color:transparent;
color:#CC0000;
}
#secondaryNavigation ul li.active a {
color:#FF3399;
font-weight:bold;
}
#secondaryNavigation ul li.nonActive a {
color:#333333;
font-weight:normal;
}
#secondaryNavigation ul ul {
font-size:100%;
list-style-type:none;
margin:7px 0pt 10px;
padding:0pt;
}
#secondaryNavigation ul  li {
background:transparent url(dotted_line.gif) no-repeat scroll left bottom;
margin:0pt;
padding:3px 0pt 7px;
}
#secondaryNavigation ul  li a {
color:#333333;
display:block;
font-size:75%;
padding:0pt 0pt 0pt 10px;
}
#secondaryNavigation ul  li.active a {
background:transparent url(../images/icons/arrow_single.gif) no-repeat scroll 0pt 6px;
}
#secondaryNavigation ul li.nonActive a {
background:transparent url(arrow_single_red.gif) no-repeat scroll 0pt 6px;
}


#footer {
clear:both;
margin:0pt 0pt 10px;
padding:15px 0pt 0pt;
}
#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
background-color:transparent;
color:#666666;
}
#footer p.copyright {
clear:both;
font-size:80%;
text-align:center;
}

#footerNavigation {
background-color:#A6A6A6;
color:#FFFFFF;
font-size:80%;
margin:0pt 0pt 10px;
padding:5px 0pt 3px;
}
#footerNavigation p.credits {
color:#FFFFFF;
float:right;
margin:0pt;
padding:0pt 10px 0pt 0pt;
text-align:right;
width:190px;
}
#footerNavigation ul {
float:left;
margin:0pt;
padding:0pt 2px 2px;
width:600px;
}
#footerNavigation ul li {
background-image:none;
display:inline;
margin:0pt 15px 0pt 5px;
padding:0pt;
}
#banners {
padding:3px 0pt 0pt 16px;
}
.adbanner {
margin-bottom:15px;
}


#midcolhome{float:left;width:700px}
#rightcolhome{float:right;width:23%}
#leftcol{float:left;width:16%}
#midcol{float:left;width:81%}
#rightcol{float:left;width:60%}
#rightcol2{float:right;width:30%}



.quote {
background:transparent url(quotebox.gif) no-repeat scroll left top;
float:left;
height:205px;
width:66%
}
.quoteInfo {
float:left;
width:230px;
}
.quoteInfo input {
margin-bottom:10px;
}
.quoteInfo h3 {
margin:35px 0pt 0pt 30px;
padding:0pt;
}
.quoteInfo p {
margin:10px 0pt 0pt 30px;
padding:0pt;
}
.quoteInfo img {
margin:20px 0pt 5px 30px;
padding:0pt;
}


div.advice h3 a {
display:block;
height:205px;
width:241px;
}
div.advice h3 a:hover {
background-color:transparent;
}




.brandingsharepoint {
background:transparent url(test.gif) no-repeat scroll right top;
float:right;
height:205px;
width:57%
}


.mspartner {
background:transparent url(mspartner.gif) no-repeat scroll right top;
float:right;
height:300px;
width:55%
}


.pagecontents{float:left;width:64%;margin-left:5px;margin-right:10px}

.port {
float:left;
margin-bottom:10px;
margin-right:20px;
margin-top:10px;
width:28%;
}
.portwrap {
float:right;
margin-bottom:20px;
margin-left:15px;
width:50%;
}

.readmore {
background:transparent url(page.gif) no-repeat scroll left center;
margin:0pt;
padding-left:20px;
}


.contact {
background:transparent url(contact.gif) no-repeat scroll right top;
float:right;
height:205px;
width:60%
}

.txtbox{margin-bottom:4px;font-family:'Trebuchet','Verdana',sans-serif;font-size:10pt;}


.pad{padding-bottom:80px}

.page{border-color:white}




/*topbanners*/


.homebanner {
background:transparent url(home.jpg) no-repeat scroll left top;
float:left;
height:204px;
text-align:right;margin-bottom:20px;width:100%

}


.homebanner h1 {
font-weight:normal;
padding:30px 20px 0;
color:#FFFFFF;
}
.homebanner p {
background:transparent none repeat scroll 0%;
padding:10px 20px 0 350px}



.sharepointad {background:transparent url(homeright.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:204px;text-align:right;width:100%
}

.sharepointad h1 {
color:#FFFFFF;
font-weight:normal;
padding:30px 10px 0 10px;
width:90%;
text-align:right;}


.sharepointad p {
font-weight:normal;
padding-right:20px;padding-left:20px}

.sharepointad a {padding-right:20px;}

.rightbannerhome2 {background:transparent url(sbw.gif) no-repeat scroll right top;
float:right;margin:0px 0 20px 0px;height:204px;text-align:right;width:100%
}

.solutionsbanner {
background:transparent url(solutions.jpg) no-repeat scroll left top;
float:left;
height:204px;
text-align:right;width:760px;margin-bottom:20px
}

.solutionsbanner h1 {
font-weight:normal;
padding:30px 20px 0 40px; width:40%;
color:#FFFFFF;
}

.crmad {background:transparent url(crm.gif) no-repeat scroll right top;
/*float:right;*/
margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.crmad h1 {
color:#FFFFFF;
font-weight:normal;
padding-right:20px; padding-left:15px;padding-top:10px}


.crmad p {
font-weight:normal;
padding-right:20px;padding-left:20px}

.crmad a {padding-right:20px}

.advice {
background:transparent url(advise.gif) no-repeat scroll left top;
/*float:left;*/
height:210px;
width:232px;
}



.advice h1 {
color:#FFFFFF;
font-weight:normal;
padding-right:10px; padding-left:15px;padding-top:10px}

.tecbanner {
background:transparent url(techbanner.jpg) no-repeat scroll left top;
float:left;
height:204px;
text-align:right;width:760px;margin-bottom:20px
}

.tecbanner h1 {
font-weight:normal;
padding:30px 20px 0 40px; width:40%;
color:#FFFFFF;
}


.clientbanner {
background:transparent url(clients.jpg) no-repeat scroll left top;
float:left;
height:204px;
text-align:right;width:760px;margin-bottom:20px
}

.clientbanner h1 {
font-weight:normal;
padding:20px 20px 0 40px; width:40%;
color:#FFFFFF;
}


.secondlevelcontent{float:left;width:40%}
.contactcontent{float:left;width:37%}


.webdev {background:transparent url(webdev.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.webdev h1 {
color:#FFFFFF;
font-weight:normal;
padding-right:20px; padding-left:10px;padding-top:10px}


.webdev p {
font-weight:normal;
padding-right:20px;padding-left:20px;text-align:right;width:50%;float:right;}

.webdev a {padding-right:5px;float:right;}

.bi {background:transparent url(internet.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.bi h1 {
font-weight:normal;
padding-right:10px; padding-left:15px;padding-top:10px}


.bi p {
font-weight:normal;
padding-right:10px;padding-left:20px;text-align:right;width:50%;float:right;}

.bi a {padding-right:20px}

.projects{
background:transparent url(bi.gif) no-repeat scroll left top;
float:left;
height:205px;
width:66%;padding:20px
}


.ipres {background:transparent url(internet.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.ipres  h1 {
font-weight:normal;
padding-right:10px; padding-left:15px;padding-top:10px}


.ipres  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:40%;float:right;}

.ipres  a {padding-right:5px;float:right;}

.projects{
background:transparent url(projects.gif) no-repeat scroll left top;
float:left;
height:205px;
width:66%;padding:20px
}



.projects p{

width:66%
}


.team {background:transparent url(team.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.team  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.team  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:50%;float:right;}

.team  a {padding-right:10px;float:right}


.aboutus {background:transparent url(aboutus.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.aboutus  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.aboutus  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:50%;float:right;}

.aboutus a {padding-right:10px;float:right}


.green {background:transparent url(green.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.green  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.green  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:50%;float:right;}

.green  a {padding-right:10px;float:right}



.money {background:transparent url(money.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.money  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.money  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:50%;float:right;}

.money  a {padding-right:10px;float:right}


.social {background:transparent url(social_media.png) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.social  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.social  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:70%;float:right;}

.social  a {float:right;}


.partner {background:transparent url(partner.gif) no-repeat scroll right top;
float:right;margin:0px 0px 20px 0px;
height:207px;text-align:right;width:232px
}

.partner  h1 {
font-weight:normal;
padding-right:10px; padding-left:45px;padding-top:10px}


.partner  p {
font-weight:normal;
padding-right:10px;padding-left:10px;text-align:right;width:50%;float:right;}

.partner  a {padding-right:10px;float:right}


.primaryLISelected 
{background:transparent url(tab_right.gif) no-repeat scroll right -200px;
display:inline;
float:left;
margin:0pt 1px 0pt 0pt;
padding:0pt;	
	}

.primaryAselected
{background:transparent url(tab_left.gif) no-repeat scroll 0pt -200px;
color:#FFFFFF;
display:block;
float:left;
padding:7px 24px;
text-decoration:none;
	}
	
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightgrey;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}