/* CSS Document */
html, body{
height: 100%;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
body *{
outline: none;
}
body{
margin: 0px;
padding: 0px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
font-weight: normal;
color: #494848;
line-height: 17px;
text-align: justify;
}
div, h1{
margin: 0px;
padding: 0px;
}
#wrap{
width: 1024px;
margin: 0 auto;
position: relative;
height: 100%;
background-color:#FFFFFF;
}
#header{
width: 1024px;
float: left;
}
#logo{
width: 267px;
float: left;
}
#header ul{
font-family:Verdana,Arial,sans-serif;
float: right;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#header ul li{
line-height: 30px;
float: left;
border-right: 1px solid #878787;
border-left: 1px solid #ffffff;
cursor: pointer;
}
#header ul li a:link{
float: left;
color: #494848;
background: url(webmax_bg_topnav.jpg) left top repeat-x;
display: block;
height: 98px;
padding: 0px 23px;
text-decoration: none;
}
#header ul li a:visited{
float: left;
color: #494848;
background: url(webmax_bg_topnav.jpg) left top repeat-x;
display: block;
padding: 0px 23px;
height: 98px;
text-decoration: none;
}
#header ul li a:hover{
float: left;
color: #015688;
background: url(webmax_bg_topnav_h.jpg) left top repeat-x;
display: block;
padding: 0px 23px;
height: 98px;
text-decoration: none;
}
#header ul li a:active{
float: left;
color: #084264;
background: url(webmax_bg_topnav.jpg) left top repeat-x;
display: block;
padding: 0px 23px;
height: 98px;
text-decoration: none;
}
#websitedesign{
position: absolute;
background: url(webmax_websitedesign.gif) center top no-repeat;
width: 62px;
height: 54px;
left: 305px;
top: 25px;
}
.logodesign{
position: absolute;
background: url(webmax_webdevelopment.gif) center top no-repeat;
height: 62px;
width: 68px;
height: 60px;
left: 550px;
top: 26px;
z-index:-1;
}
#webdevelopment{
position: absolute;
background: url(webmax_webdevelopment.gif) center top no-repeat;
height: 62px;
width: 68px;
height: 60px;
left: 450px;
top: 26px;
}
#webpromotion{
position: absolute;
background: url(webmax_webpromotion.gif) center top no-repeat;
height: 54px;
width: 54px;
height: 54px;
left: 610px;
top: 28px;
}
#ecommercesolution{
position: absolute;
background: url(webmax_ecommerce.gif) center top no-repeat;
width: 38px;
height: 39px;
height: 54px;
left: 784px;
top: 30px;
}
#portfolio{
background: url(portfolio.gif) center top no-repeat;
width: 268px;
height: 190px;
float: left;
text-align:center;
}
#header_img{
background: url(home.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_domain{
background: url(headers/domain.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_payment_gateway{
background: url(headers/payment_gateway.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_3d_graphix{
background: url(headers/3d_graphix.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_flash_application{
background: url(headers/flash_application.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_shopping_cart{
background: url(headers/shopping_cart.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_offshore_development{
background: url(headers/offshore_development.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_customized_ecommerce{
background: url(headers/customized_ecommerce.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_link_bulding{
background: url(headers/link_bulding.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_hosting{
background: url(hosting.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_software-development{
background: url(headers/software-development.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_technology{
background: url(headers/technology.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_common{
background: url(headers/common.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_common1{
background: url(headers/common1.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_testimonial{
background: url(headers/testimonial.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_ppc{
background: url(headers/ppc.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_multimedia{
background: url(header/logodesign.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_hosting{
background: url(headers/hosting.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_web-development{
background: url(headers/web-development.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_logodesign{
background: url(headers/logodesign.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_contact_us{
background: url(headers/contact_us.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_about{
background: url(about.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_open_source{
background: url(header/open_source.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_outsource{
background: url(headers/outsource.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_request_a_quote{
background: url(headers/request_a_quote.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_partner{
background: url(headers/partner.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
#header_content{
background: url(headers/content_writing.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
vertical-align:middle;
}
.header_img_text{
font-family:"Swis721 Th BT";
font-size:34px;
color:#FFFFFF;
}
#header_seo{
background: url(headers/seo.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_seo_content{
background: url(headers/seo_content.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_website_redesigning{
background: url(headers/website_redesigning.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_custom_web_design{
background: url(headers/custom_web_design.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_inc_special
{
background: url(headers/inc_special.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_ecommerce{
background: url(headers/ecommerce.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_ecommerce2{
background: url(ecommerce2.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_ecommerce1{
background: url(ecommerce1.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_career{
background: url(headers/career.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#header_software{
background: url(software.jpg) center top no-repeat;
width: 754px;
height: 190px;
float: right;
}
#body_text{
width: 1024px;
margin: 0 auto;
background: url(nav.gif) left top repeat-x ;
background-color:#FFFFFF;
float: left;
}
#body_left{
width: 268px;
margin: 0px;
background: url(left_border.gif) left repeat-y ;
padding:0px;
float: left;
}
#call_us{
background: url(call_us.gif) left top no-repeat;
width: 267px;
height: 139px;
}
.services{
background: url(services.gif) left top repeat;
position:relative;
left: 4px;
padding-top:4px;
height:26px;
width: 255px;
font-family: Verdana,arial;
font-size:16px;
color:#ffffff;
float:left;
text-align: center;
}
.services_link{
padding:5px;
margin:4px;
width: 250px;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#666666;
}
.services_link ul{
float: Left;
margin: 0px;
padding: 0px;
list-style-type: none;
line-height:18px;
}
.services_link ul li{
float: left;
margin-top:3px;
margin-bottom:3px;
border-bottom:dotted #666666 1px;
/*border-bottom:dotted #666666 1px;
*/
width:250px;
cursor: pointer;
}
.services_link ul li a:link{
float: left;
padding: 0px 13px;
font-size:14px;
color: #000033;
text-decoration: none;
}
.services_link ul li a:visited{
float: left;
padding: 0px 13px;
color: #000033;
font-size:14px;
text-decoration: none;
}
.services_link ul li a:hover{
float: left;
padding: 0px 13px;
font-size:14px;
color: #f33f00;
text-decoration: none;
}
.services_link ul li a:active{
float: left;
padding: 0px 13px;
font-size:14px;
color: #f33f00;
text-decoration: none;
}
.left_block{
text-align:left;
margin-left:0px;
width: 250px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
border-right:dotted #0000CC 1px;
border-bottom:dotted #0000CC 1px;
background: url(instant_chat.gif) right bottom no-repeat;
}
.left_block a:link{
color:#333333;
text-decoration: none;
}
.left_block a:visited{
color:#333333;
text-decoration: none;
}
.left_block a:hover{
color:#333333;
text-decoration: none;
}
.left_block a:active{
color:#333333;
text-decoration: none;
}
.left_block_news{
text-align:left;
margin-left:0px;
width: 249px;
height:170px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
border-right:dotted #0000CC 1px;
border-bottom:dotted #0000CC 1px;
}
.left_block_network{
text-align:left;
margin-left:0px;
width: 249px;
height:110px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
border-right:dotted #0000CC 1px;
border-bottom:dotted #0000CC 1px;
line-height:23px;
}
.left_block_network a:link{
color:#333333;
text-decoration: none;
}
.left_block_network a:visited{
color:#333333;
text-decoration: none;
}
.left_block_network a:hover{
color: #f33f00;
text-decoration: none;
}
.left_block_network a:active{
color: #f33f00;
text-decoration: none;
}
.spacer{
font-size:12px;
text-align: left;
}
#body_right{
width: 756px;
margin: 0 auto;
float: right;
background: url(nav1.gif) left top no-repeat;
}
#body_right_right{
width: 216px;
margin: 0 auto;
height: 100%;
float: right;
}
#body_right_left{
text-align:justify;
width: 500px;
padding:10px;
margin: 4px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
float: left;
border:solid #666666 1px;
}
#nav {
color: #494848;
font-family:verdana;
font-size:12px;
}
#nav ul{
float: Left;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#nav ul li{
line-height: 22px;
float: left;
border-left: 1px solid #FFFFFF;
cursor: pointer;
}
#nav ul li a:link{
float: left;
padding: 0px 13px;
display: block;
color: #ffffff;
text-decoration: none;
}
#nav ul li a:visited{
float: left;
padding: 0px 13px;
color: #ffffff;
text-decoration: none;
}
#nav ul li a:hover{
float: left;
padding: 0px 13px;
color: #015688;
text-decoration: none;
}
#nav ul li a:active{
float: left;
padding: 0px 13px;
color: #084264;
text-decoration: none;
}
.orange{
background: url(orange.gif) left top repeat-x;
padding-top:4px;
height:26px;
width: 214px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
float:right;
text-align: center;
}
.right_block{
width: 213px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
border-right:dotted #fb5f02 1px;
border-bottom:dotted #fb5f02 1px;
border-left:dotted #fb5f02 1px;
float:right;
}
.frameright_block{
width: 213px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
/* border-right:dotted #fb5f02 1px;
border-bottom:dotted #fb5f02 1px;
border-left:dotted #fb5f02 1px;
*/
float:right;
}
.contact
{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
float:left;
text-align:right;
}
.contact_text
{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
padding:3px;
float:left;
text-align:right;
width:70px
}
.contact_textfield
{
padding:3px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
float:right;
text-align:left;
}
.footer
{
width:1024px;
padding:3px;
border-top:#333333 solid thick;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-image:url(footer_bg.jpg);
}
.why_us{
width:208px;
text-align:justify;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:13px;
margin-right:4px;
color:#666666;
}
.why_us ul{
list-style:url(webmax_top_nav_bullet.gif);
}
.why_us ul li{
margin-top:10px;
margin-bottom:10px;
text-decoration:none;
}
.testimonial{
width:204px;
padding-left:4px;
padding-right:3px;
text-align:justify;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
color:#666666;
}
.text_body{
padding-left:4px;
padding-right:3px;
text-align:justify;
/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif; */
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:13px;
color:#333333;
}
.text_body a:link{
padding-left:4px;
padding-right:3px;
text-align:justify;
/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif; */
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:13px;
color:#333333;
}
.text_body a:hover{
padding-left:4px;
padding-right:3px;
text-align:justify;
/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif; */
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:13px;
color:#333333;
}
.text_body a:active{
padding-left:4px;
padding-right:3px;
text-align:justify;
/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif; */
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:13px;
color:#333333;
}
.text_body a:visited{
padding-left:4px;
padding-right:3px;
text-align:justify;
/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif; */
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:13px;
color:#333333;
}
.text_body ul{
margin:5px;
padding-left:30px;
}
.text_body ul li{
margin-top:3px;
margin-bottom:3px;
}
.text_body ul li a:link{
font-size:12px;
color: #000033;
text-decoration:none;
}
.text_body ul li a:visited
{
color: #000033;
font-size:12px;
text-decoration:none;
}
.text_body ul li a:hover{
color: #f33f00;
font-size:12px;
text-decoration:none;
}
.text_body ul li a:active{
color: #f33f00;
font-size:12px;
text-decoration:none;
}
.article ul{
margin:5px;
padding-left:30px;
list-style-type:none;
}
.article ul li{
margin-top:3px;
margin-bottom:3px;
}
.article ul li a:link{
font-size:12px;
color: #000033;
text-decoration:none;
}
.article ul li a:visited{
color: #000033;
font-size:12px;
text-decoration:none;
}
.article ul li a:hover{
color: #f33f00;
font-size:12px;
text-decoration:none;
}
.article ul li a:active{
color: #f33f00;
font-size:12px;
text-decoration:none;
}
.logo_image1{
float:left;
padding-left:4px;
padding-right:3px;
text-align:justify;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
color:#666666;
}
.logo_image2{
float:right;
padding-left:4px;
padding-right:3px;
text-align:justify;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
color:#666666;
}
.page_image{
float:left;
padding-left:4px;
padding-right:3px;
text-align:justify;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
color:#666666;
}
.page_text{
padding-left:4px;
padding-right:3px;
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#333333;
}
.page_text a:link {
text-decoration: none;
color:#333333;
}
.page_text a:visited {
text-decoration: none;
color:#333333;
}
.page_text a:hover {
text-decoration: none;
color:#333333;
}
.page_text a:active {
text-decoration: none;
color:#333333;
}
.header_text{
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:600;
color:#0F1B68;
}
.header_text a:link{
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:600;
color:#0F1B68;
}
.header_text a:hover{
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:600;
color:#0F1B68;
}
.header_text a:visited{
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:600;
color:#0F1B68;
}
.header_text a:active{
text-align:justify;
font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:600;
color:#0F1B68;
}
.bottom{
text-align:justify;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:9px;
font-weight:600;
color:#999999;
}
.bottom a:link{
text-align:justify;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:9px;
font-weight:600;
color:#999999;
}.bottom a:active{
text-align:justify;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:9px;
font-weight:600;
color:#999999;
}.bottom a:hover{
text-align:justify;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:9px;
font-weight:600;
color:#999999;
}.bottom a:visited{
text-align:justify;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:9px;
font-weight:600;
color:#999999;
}
.footer_link{
font-family:Verdana,Arial,sans-serif;
padding-left:2px;
padding-right:2px;
font-size:12px;
color:#CCCCCC;
}
.footer_link a:link{
padding-left:2px;
padding-right:2px;
color: #333;
text-decoration: none;
cursor: pointer;
}
.footer_link a:visited{
padding-left:2px;
padding-right:2px;
color: #333;
text-decoration: none;
cursor: pointer;
}
.footer_link a:hover{
color: #333;
padding-left:2px;
padding-right:2px;
text-decoration: none;
cursor: pointer;
}
.footer_link a:active{
padding-left:2px;
padding-right:2px;
color: #333;
text-decoration: none;
cursor: pointer;
}
.footer_link1{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
color: #CCCCCC;
}
.footer_link1 a:link{
padding-left:2px;
padding-right:2px;
color: #CCCCCC;
text-decoration: none;
cursor: pointer;
}
.footer_link1 a:visited{
padding-left:2px;
padding-right:2px;
color: #CCCCCC;
text-decoration: none;
cursor: pointer;
}
.footer_link1 a:hover{
color:#CCCCCC;
padding-left:2px;
padding-right:2px;
text-decoration: none;
cursor: pointer;
}
.footer_link1 a:active{
padding-left:2px;
padding-right:2px;
color:#CCCCCC;
text-decoration: none;
cursor: pointer;
}
.hierachy{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:16px;
color:#FF0000;
border-bottom:dashed #666666 1px;
text-decoration:none;
}
.hierachy a:link{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:16px;
color:#FF0000;
text-decoration:none;
}
.hierachy a:visited{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:16px;
color:#FF0000;
text-decoration:none;
}
.hierachy a:hover{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:16px;
color:#FF0000;
text-decoration:none;
}
.hierachy a:active{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:16px;
color:#FF0000;
text-decoration:none;
}
.news_text
{
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
float:left;
text-align:right;
width:200px;
height:30px;
}
.news_textfield
{
height:30px;
padding-right:20px;
font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
float:right;
text-align:left;
}
.textfield
{
background-color:#FBF9D7;
}
.button
{
background-color:#BCEBFA;
}
.skype{
background: url(skype.jpg) left top no-repeat;
line-height: 27px;
padding-left: 40px;
display: block;
}
.skypehover{
background: url(skype.jpg) left top no-repeat;
line-height: 27px;
padding-left: 40px;
display: block;
}
.msn{
background: url(msn.jpg) left top no-repeat;
line-height: 32px;
padding-left: 40px;
display: block;
}
.msnhover{
background: url(msn.jpg) left top no-repeat;
line-height: 32px;
padding-left: 40px;
display: block;
}
.yahoo{
background: url(yahoo.jpg) left top no-repeat;
line-height: 28px;
padding-left: 40px;
display: block;
}
.yahoohover{
background: url(yahoo.jpg) left top no-repeat;
line-height: 28px;
padding-left: 40px;
display: block;
}
.more {
color: #FF0000;
font-weight: bold;
}
.more a:link{
color: #FF0000;
font-weight: bold;
}
.more a:visited{
color: #FF0000;
font-weight: bold;
}
.more a:hover{
color:#333333;
font-weight: bold;
}
.more a:active{
color:#333333;
font-weight: bold;
}