html, body {

margin:0;
padding:0;
text-align:center;
background-color:#ffffff;
}

.floatLeft{float:left;}

.floatRight{float:right;}

a img 
{
border:0px;
}

.clear 
{
clear:both;
}

#pagewidth {

width:930px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

/*======== header ========*/

#topbg
{
height:347px;
background:url(../images/top-bg.jpg) no-repeat;
}

#header 
{
position:relative;
height:127px;
width:930px;
}

#logo 
{
float:left;
width:325px;
}

#topnav 
{
float:left;
/*background:url(../images/top_ng.gif) no-repeat;*/
height:47px;
width:605px;
padding-top:80px;
}

#topnav a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
padding-top:45px;
font-weight:bold;
}

#topnav a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e5e5e;
text-decoration:none;
padding-top:45px;
font-weight:bold;
}

.space1 
{
padding-left:23px;
}

.space2 
{
padding-left:44px;
}

.space3 
{
padding-left:41px;
}

.space4 
{
padding-left:37px;
}

.space5 
{
padding-left:45px;
}

.space6 
{
padding-left:33px;
}

.space7 
{
padding-left:18px;
}

#header1 
{
position:relative;
height:220px;
background-repeat:no-repeat;
width:930px;
/*background-image: url(../images/menu_bg.gif);*/
}

/*====== mid part ====*/

#wrapper 
{
background-image:url(../images/content_bg.gif);
}

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

.clearfix 
{
display: block;
}

* html .clearfix 
{
height: 1%;
}

#portfolio_area1 
{
float:left;
position:relative;
padding-left:17px;
}


/*======== left part ======*/

#leftcol 
{
width:257px;
float:left;
position:relative;
}

#leftcol p 
{
margin:0px;
padding:0px;
}

#mainheading 
{
background:url(../images/our_services.gif) no-repeat;
height:25px;
width:235px;
padding:8px 0px 0px 22px;
}

#mainheading b 
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#bd4313;
}

#sub_left 
{
margin:0px 0px 0px 0px;
width:243px;
float:left;
}

#sub_left b 
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin-top:4px;
padding:5px 0px 0px 8px;
}

.subheading 
{
background-image:url(../images/sub_heading_bg.gif);
height:25px;
width:227px;
margin:0px 0px 0px 15px;
padding-top:6px;
}

.subheading a 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1E1E1E;
text-decoration:none;
}

.subheading a:hover 
{
/*color:#bd4313;*/
color:#5e5e5e;
}

.outer_border 
{
border:1px #b7f7f8 solid;
margin:0px 0px 0px 15px;
width:225px;
}

* html .outer_border 
{
width:218px;
}

.button 
{
width: 218px;
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color: #1E1E1E;
}

* html .button
{
width:206px;
margin-right:8px;
}


.button ul 
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.button li 
{
border-bottom: 1px solid #b7f7f8;
margin: 0;
list-style: none;
list-style-image: none;
}

.button li a 
{
display: block;
padding: 5px 5px 5px 0.5em;
color: #1E1E1E;
text-decoration: none;
width: 100%;
}

html>body .button li a 
{
width: auto;
}

.button li a:hover 
{
/*color: #bd4313;*/
color:#5e5e5e;
text-decoration: none;
}

.button li a.active
{
/*color: #bd4313;*/
font-weight:bold;
color:#5e5e5e;
text-decoration: none;
}

/*======== container ==========*/

#maincol 
{
	float: right;
	display:inline;
	position: relative;
	width:673px;
}

.headertxt1 
{
background:url(../images/heading_bg.gif) repeat-x;
height:26px;
margin:0px 3px 0px 3px;
}

.headertxt1 b 
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#bd4313;
padding:0px 0px 0px 10px;
margin:10px 0px 0px 3px;
}

.spacer 
{
padding-top:8px;
}

.content22 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1E1E1E;
padding:0px 8px 0px 17px;
margin:10px 10px 0px 0px;
line-height:20px;
}

.content22 strong 
{
color:#1E1E1E;
}

.readmore 
{
float:right;
}

#ad_bg 
{
background-image:url(../images/ad_bg.gif);
width:603px;
height:70px;
padding: 13px 15px 0px 15px;
margin:10px 10px 0px 20px;
line-height:20px;
}

#ad_bg_content 
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#2C2C2C;
}

.contact_us {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:visited {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:hover {

background-color:#3d6cc6;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

.contact_us:active {

background-color: #CC3300;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#ffffff;
}

/*========== footer =======*/

#footer1 
{
height:32px;
background-image:url(../images/footer1.gif);
width:100%
}

#footer 
{
background:url(../images/footer.gif) repeat-x;
height:35px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
clear:none;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
clip: rect(auto,auto,auto,auto);
margin:0px 2px 0px 4px;
}

#footer a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
text-decoration:none;
}

#footer a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6969;
text-decoration:none;
}

/*======== quote page =========*/

.bluetextbold
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1E7EB8;
font-weight:bold;
text-decoration:none;
}

.mandatory
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: Red;
text-decoration:none;
}

.footerlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
font-weight:bold;
text-decoration:none;
}

input
{
width:auto; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#545454; 
border:#ABD0D6 solid 1px;
}

TEXTAREA 
{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
width:auto;
height:auto;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
color:#545454;
}

select 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color:#545454; 
margin: 1px;
background-color: #FFFFFF;
border: 1px solid #ABD0D6;
width:auto;
}

.errormessage
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

/*======== sitemap page =========*/

#sitemap_link 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
line-height:20px;
}

#sitemap_link a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
line-height:20px;
}

#sitemap_link a:hover 
{
color:#014da2;
line-height:20px;
}

/*======== portfolio page =========*/

#portfolio_area 
{
float:left;
position:relative;
padding:0px 27px;
}

#portfolio_area a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
text-decoration:none;
}

#portfolio_area a:hover 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014da2;
text-decoration:none;
}

#portfolio_area a.port 
{
text-decoration:underline;
border-bottom:1px solid #FFFFFF;
}

.portfolio_text3 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
padding-top:10px;
}

.portfolio_text7 
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#014da2;
font-size:12px;
width:616px;
}

.portfolio_box
{
width:168px;
margin-right:57px;
}

.layer1
{
clear:both;
}

.backbut
{
width:55px;
padding-left:26px;
float:left;
}

.naxtbut
{
width:30px;
float:right;
padding-right:18px;
} 

.portbigview
{
width:570px;
padding:0px 18px 0px 26px;
}
/*====== hosting =====*/

.common-hosting
{
width:205px;
margin-right:12px;
}

#starter-bg
{
height:151px;
background:url(../images/starter-bg.jpg) no-repeat;
padding-left:7px;
padding-top:10px;
}

#starter-bg ul
{
margin:0px;
padding:0px;
}

#starter-bg ul li
{
list-style:none;
background:url(../images/green-arrow.gif) no-repeat top left;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:5px;
}

#starter-corbg
{
height:32px;
background:url(../images/starter-corbg.jpg) no-repeat;
padding-left:25px;
}

#deluxe-bg
{
height:151px;
background:url(../images/deluxe-bg.jpg) no-repeat;
padding-left:7px;
padding-top:10px;
}

#deluxe-bg ul
{
margin:0px;
padding:0px;
}

#deluxe-bg ul li
{
list-style:none;
background:url(../images/red-arrow.gif) no-repeat top left;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:5px;
}

#deluxe-corbg
{
height:32px;
background:url(../images/deluxe-corbg.jpg) no-repeat;
padding-left:25px;
}

#premium-bg
{
height:151px;
background:url(../images/premium-bg.jpg) no-repeat;
padding-left:7px;
padding-top:10px;
}

#premium-bg ul
{
margin:0px;
padding:0px;
}

#premium-bg ul li
{
list-style:none;
background:url(../images/blue-arrow.gif) no-repeat top left;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:5px;
}

#premium-corbg
{
height:32px;
background:url(../images/premium-corbg.jpg) no-repeat;
padding-left:25px;
}