@charset "utf-8";
/* CSS Document */


body {
padding : 0;
margin : 0;
background : #232323;
color : #fff;
font-family : Tahoma, sans-serif;
font-size : 11px;
line-height : 14px;
}
div, p, ul, h2, h3, h4, img {
padding : 0;
margin : 0;
}
ul {
list-style-type : none;
}
.clear {
clear : both;
margin : 0;
}
p a {
color : #f6ed0c;
font-weight : normal;
text-decoration : none;
font-family : Tahoma, sans-serif;
font-size : 11px;
line-height : 14px;
}
p a:hover {
color : #f6ed0c;
text-decoration : none;
background : #0fbec1;
}
p.bluetxt {
font : 10px/12px Tahoma, sans-serif;
color : #608d93;
font-weight : bold;
margin-bottom : 15px;
}
p.yellowtxt {
font : 10px/12px Tahoma, sans-serif;
color : #f6ed0c;
font-weight : bold;
text-align : right;
}
p.yellowtxt span {
font-weight : normal;
}
#topContainer {
margin : 0 auto;
background : #232323 url(../images/b_top.jpg) repeat-x top left;
}
#bottomContainer {
margin : 0 auto;
background : #2d2d2f url(../images/b_bottom.jpg) repeat-x top left;
}
#header {
height : 61px;
width : 715px;
margin : 0 auto;
background : url(../images/b_blue.jpg) repeat-x top;
position : relative;
}
#logo {
width : 227px;
height : 46px;
position : relative;
top : 15px;
left : 0;
float : left;
}
#header ul {
margin : 0 auto;
position : absolute;
top : 22px;
left : 277px;
}
#header ul li {
float : left;
margin-right : 11px;
}
#header ul li.home a {
width : 38px;
height : 20px;
display : block;
background : url(../images/btn_home.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.home a:hover {
width : 38px;
height : 20px;
background : url(../images/btn_home_over.gif) no-repeat 0 0;
}
#header ul li.about a {
width : 38px;
height : 20px;
display : block;
background : url(../images/btn_about.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.about a:hover {
width : 38px;
height : 20px;
background : url(../images/btn_about_over.gif) no-repeat 0 0;
}
#header ul li.services a {
width : 56px;
height : 20px;
display : block;
background : url(../images/btn_services.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.services a:hover {
width : 56px;
height : 20px;
background : url(../images/btn_services_over.gif) no-repeat 0 0;
}
#header ul li.prices a {
width : 54px;
height : 20px;
display : block;
background : url(../images/btn_prices.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.prices a:hover {
width : 54px;
height : 20px;
background : url(../images/btn_prices_over.gif) no-repeat 0 0;
}
#header ul li.support a {
width : 49px;
height : 20px;
display : block;
background : url(../images/btn_support.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.support a:hover {
width : 49px;
height : 20px;
background : url(../images/btn_support_over.gif) no-repeat 0 0;
}
#header ul li.contacts a {
width : 50px;
height : 20px;
display : block;
background : url(../images/btn_contacts.gif) no-repeat 0 0;
text-indent : -20000px;
}
#header ul li.contacts a:hover {
width : 50px;
height : 20px;
background : url(../images/btn_contacts_over.gif) no-repeat 0 0;
}
#header ul li.bullet {
width : 4px;
height : 20px;
background : url(../images/bullet.gif) no-repeat 0 11px;
}
#mainimg {
height : 270px;
width : 723px;
margin : 0 auto;
background : url(../images/main_img.jpg) no-repeat 0 0;
position : relative;
}
#presentation {
width : 238px;
height : 15px;
position : absolute;
top : 27px;
left : 62px;
}
#call {
width : 213px;
height : 70px;
position : absolute;
top : 94px;
left : 120px;
}
#content {
width : 715px;
margin : 0 auto;
background : url(../images/b_content.gif) repeat-y 0 0;
}
#leftPan {
width : 216px;
float : left;
margin-top : 26px;
}
#news {
width : 428px;
padding-left : 0px;
}
#news h2 {
width : 428px;
height : 20px;
background : url(../images/h_news.gif) no-repeat 0 0;
padding-bottom : 12px;
}
#news ul {
width : 425px;
border-bottom : 1px solid #353535;
padding-left : 0px;
}
#news ul li {
width : 420px;
padding-left : 21px;
background : url(../images/bullet2.gif) no-repeat 1px 4px;
padding-bottom : 2px;
}
#news ul li p span {
color : #0fbec0;
}
#testimonials {
width : 216px;
}
#testimonials h2 {
width : 99px;
height : 20px;
background : url(../images/h_testimonials.gif) no-repeat 0 0;
padding : 0 0 11px 0;
margin : 21px 0 0 19px;
}
#testimonials h3 {
width : 112px;
height : 159px;
background : url(../images/img_testimonials.gif) no-repeat 0 0;
float : left;
margin : 0;
}
#testimonials p.bluetxt {
margin-top : 20px;
}
#testimonials p.yellowtxt {
margin : 10px 5px 0 0;
}
#rightPan {
width : 428px;
float : left;
margin-left : 45px;
margin-top : 26px;
}
#welcome {
border-bottom : 1px solid #353535;
}
#welcome h2 {
width : 191px;
height : 20px;
background : url(../images/h_welcome.gif) no-repeat 0 0;
}
#welcome img {
width : 120px;
height : 88px;
border : 3px solid #252525;
float : left;
margin : 15px 10px 0 6px;
}
#welcome p.bluetxt {
margin-top : 10px;
margin-bottom : 10px;
}
#welcome p {
margin-bottom : 30px;
}
#services h2 {
width : 96px;
height : 20px;
background : url(../images/h_services.gif) no-repeat 0 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
}
#aboutus {
border-bottom : 1px solid #353535;
}
#aboutus h2 {
width : 191px;
height : 20px;
background : url(../images/h_aboutus.gif) no-repeat 0 0;
}
#aboutus img {
width : 165px;
height : 100px;
border : 3px solid #252525;
float : left;
margin-top : 15px;
margin-right : 10px;
margin-bottom : 0;
margin-left : 6px;
}
#aboutus p.bluetxt {
margin-top : 10px;
margin-bottom : 10px;
}
#aboutus p {
margin-bottom : 30px;
}
#services ul {
width : 210px;
margin-left : 3px;
float : left;
border-bottom : 1px solid #353535;
}
#services ul li {
height : 20px;
width : 200px;
}
#services ul li a {
color : #939393;
font-weight : normal;
text-decoration : none;
background : url(../images/arrow.gif) no-repeat 0 6px;
padding : 0 0 0 16px;
display : block;
font-family : Tahoma, sans-serif;
font-size : 11px;
line-height : 20px;
}
#services ul li a:hover {
text-decoration : underline;
color : #fff;
}
#webdesigning h2 {
width : 133px;
height : 20px;
background-image : url(../images/h_Website-Designing.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#webprogramming h2 {
width : 133px;
height : 20px;
background-image : url(../images/h_web-programming.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#flashwebsite h2 {
width : 146px;
height : 20px;
background-image : url(../images/h_flash-website.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#flashdevelopment h2 {
width : 146px;
height : 20px;
background-image : url(../images/h_flashdevelopment.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#corporateidentity h2 {
width : 146px;
height : 20px;
background-image : url(../images/h_corporateidentity.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#seo h2 {
width : 194px;
height : 20px;
background-image : url(../images/h_SEO.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#webstat h2 {
width : 194px;
height : 20px;
background-image : url(../images/h_Websitestat.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#webredesing h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_WebsiteRedesign.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#ourteam h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_ourteam.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#ourteam img {
width : 419px;
height : 128px;
border : 3px solid #252525;
float : left;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#ourteam p.bluetxt {
margin-top : 10px;
margin-bottom : 10px;
}
#ourteam p {
margin-bottom : 30px;
}
#sservices h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_supservices.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#account h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_account.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#engineering h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_engservices.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#portfolio h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_portfolio.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#enquiry h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_enquiry.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}
#contact h2 {
width : 234px;
height : 20px;
background-image : url(../images/h_contactus.gif);
background-repeat : no-repeat;
background-position : 0 0;
left : 0;
}

#tellfriend ul {
width : 210px;
margin-left : 0px;
float : left;
}
#tellfriend ul li {
height : 40px;
width : 200px;
}
#tellfriend ul li a {
color : #939393;
font-weight : normal;
text-decoration : none;
padding : 25px 0 0 50px;
display : block;
font-family : Tahoma, sans-serif;
font-size : 14px;
line-height : 20px;
}
#tellfriend ul li a:hover {
text-decoration : underline;
color : #fff;
}

#footer {
height : 100px;
width : 715px;
margin : 0 auto;
background : url(../images/b_blue.jpg) repeat-x bottom;
position : relative;
}
#footer p {
padding : 25px 0 0 0;
font : 10px/16px Tahoma, Arial, Helvetica, sans-serif;
font-weight : normal;
text-align : center;
color : #fff;
}
#footer p a {
font : 10px/16px Tahoma, Arial, Helvetica, sans-serif;
font-weight : normal;
color : #fff;
text-decoration : none;
padding : 0 2px;
}
#footer p a:hover {
color : #000;
background : #ffff99;
}
.button {
font-family : Tahoma, SansSerif, Arial;
font-size : 9px;
border : 1px solid #ffffff;
background-image : url(../images/02.jpg);
}
.button:hover {
font-family : Tahoma, SansSerif, Arial;
font-size : 9px;
background-image : url(../images/01.jpg);
border : 1px solid #ffffff;
}
.form_css {
font-family : Tahoma, SansSerif, Arial;
font-size : 11px;
color : #000000;
text-decoration : none;
background-color : #ffffa0;
border : 1px solid #999999;
}
fieldset {
border : 1px solid #999999;
}
legend {
color : #fff;
border : 1px solid #999999;
font-weight : bold;
padding : 2px 6px;
}
.style1 {
font-size : 11px;
}
#apDiv1 {
position : absolute;
left : 558px;
top : 645px;
width : 185px;
height : 26px;
z-index : 1;
}
#apDiv2 {
position : absolute;
left : 591px;
top : 641px;
width : 147px;
height : 9px;
z-index : 1;
}
.box_a{
clear:both;
float:left;
padding:2px 2px;
background:#000000;
display:block;
border:1px solid #383b38;
}
.box_a:hover{
clear:both;
float:left;
padding:2px 2px;
background:#0d0d0d;
display:block;
border:1px solid #484a48;
}
dl {clear:both;}
dt {float:left; text-align:left; width:420px; line-height:22px; margin:0 0px 0px 0;}