/* CSS Document */

html,body {
margin:0px;
padding:0px;
background-color:#CCCCCC;

}

#wrapper {
width:938px;
margin-left:auto;
margin-right:auto;
}

#header {
width:938px;
background-image:url(../images/new-header.jpg);
background-repeat:no-repeat;
height:102px;
background-color:#FFFFFF;
float:left;
}

#innerhead {
width:625px;
height:20px;
margin-top:80px;
float:right;
}

#innerwrap {
width:938px;
background-color:#FFFFFF;
float:left;
border-top:3px solid #99cc99;

}

#navigation {
width:170px;
float:left;
background-color:#FFFFFF;
}

#content {
width:597px;
float:left;
background-color:#FFFFFF;
margin-top:10px;
}

#rightside {
width:170px;
float:left;
background-color:#FFFFFF;
}

#footer {
width:938px;
height:68px;
float:left;
background-color:#99ccff;
background-image:url(../images/baseback.png);
background-repeat:no-repeat;
border-top:3px solid #99cc99;
}


/* *********** Navigation Styling **************/

#navigation ul {
list-style-type:none;
margin-left:5px;
padding-left:5px;
margin-top:10px;
}

#navigation li {

}

#navigation a {
display:block;
width:124px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
vertical-align:middle;
padding-top:4px;
font-weight:bold;
}

#navigation a:link,#navigation a:visited { 
color:#000;
background-image:url(../images/naviup.gif);
background-repeat:no-repeat;
}

#navigation a:hover { 
color:#000;
background-image:url(../images/naviover.gif);
background-repeat:no-repeat;
}

#navigation a:active { 
color:#000;
}

#navigation ul.subnav {
margin:2px 0px 5px 0px;
}

#navigation ul.subnav a{
display:block;
width:124px;
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
}

#navigation ul.subnav a:link, #navigation ul.subnav a:visited{
color:#666;
background-image:none;
}
#navigation ul.subnav a:hover {
color:#9c9;
font-size:11px;
background-image:none;
}

/******************** Rightside styling *************************/

.specialbox {
width:150px;
text-align:center;
margin-top:10px;
float:right;
margin-right:4px;
margin-bottom:10px;
}

.dealboxtop {
width:150px;
background-image:url(../images/dealboxtop.png);
background-repeat:no-repeat;
height:27px;
}

.dealboxstuff {
width:150px;
background-image:url(../images/stuffback.png);
background-repeat:repeat-y;
}

.imagetop5 {
margin:5px 0px 3px 0px;
}

.dealboxbase {
width:150px;
background-image:url(../images/boxbase.png);
background-repeat:no-repeat;
height:27px;
}

/******************** text styling *************************/

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
}

.maintext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
}

.greenp {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#9c9;
}

.formgreenback {
background-color:#9c9;
line-height:8px;
}

#content ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

#content a {
}

#content a:link, #content a:visited{
color:#333;
}
#content a:hover, #content a:active{
color:#333;
}

.break {
clear:both;
}

/********************* footer styling ***********************/

#subfoot {
width785px;
margin-left:50px;

}

#footer ul {
list-style-type:none;
margin-top:10px;
}

#footer ul li{
float:left;
}

#footer a {
text-decoration:none;
display:block;
width:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#336699;
text-align:center;
}

#footer a:link, #footer a:visited{
color:#fff;
}
#footer a:hover, #footer a:active{
color:#999;
}

#footer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-align:center;
}

/********************* widebox styling ***********************/

.contentbox {
width:280px;
text-align:center;
margin-top:10px;
float:left;
margin-right:4px;
margin-bottom:10px;
margin-left:8px;
margin-right:5px;
}

.wideboxtop {
width:280px;
background-image:url(../images/wideboxtop.png);
background-repeat:no-repeat;
height:20px;
}

.wideboxstuff {
width:272px;
background-image:url(../images/widestuffback.png);
background-repeat:repeat-y;
background-position:center;
padding:2px 4px 0px 4px;
text-align:justify;
height:155px;
}


.wideboxbase {
width:280px;
background-image:url(../images/widebase.png);
background-repeat:no-repeat;
height:20px;
}

.webservices {
width:130px;
height:80px;
background-image:url(../images/net-services.png);
margin-left:8px;
margin-top:5px;
padding:15px 2px 0px 2px;
}

.business-services {
width:130px;
height:80px;
background-image:url(../images/business-services.png);
margin-left:8px;
margin-top:5px;
padding:15px 2px 0px 2px;
}

/* *********** Innerhead Navigation Styling **************/

#innerhead ul {
list-style-type:none;
margin-left:5px;
padding-left:5px;
margin-top:0px;
}

#innerhead li {
float:right;
}

#innerhead a {
display:block;
width:100px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
vertical-align:middle;
font-weight:bold;
padding-top:4px;
}

#innerhead a:link,#innerhead a:visited { 
color:#000;
background-image:url(../images/linkback.png);
background-repeat:no-repeat;
}

#innerhead a:hover { 
color:#000;
background-image:url(../images/linkback-over.png);
background-repeat:no-repeat;
}

#innerhead a:active { 
color:#000;
}

#navigation ul.subnav {
margin:2px 0px 5px 0px;
}

#navigation ul.subnav a{
display:block;
width:124px;
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
}

#navigation ul.subnav a:link, #navigation ul.subnav a:visited{
color:#666;
background-image:none;
}
#navigation ul.subnav a:hover {
color:#9c9;
font-size:11px;
background-image:none;
}

/********************** Portfolio Styles **********************************/

.portfolio {
width:274px;
margin:10px 0px 0px 13px;
float:left;
height:215px;
border:1px solid #ccc;
padding:3px;
}

.portfolio h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
}

.portfolio p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

.portfolio pixentral {
text-align:center;
}