/* CSS Document */

body {
padding : 0 0 0 0;
margin : 0;
background : url(images/topBg.gif) repeat-x top;
background-color: #efefdf;
color : #000;
}
div, h1, h2, p, form, label, input, textarea, img, span {
margin : 0;
padding : 0;
}
ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 0;
}
.spacer {
clear : both;
font-size : 0;
line-height : 0;
}
#head {
background : url(images/head.gif) no-repeat 0 0;
width : 981px;
height : 35px;
position : relative;
margin : 0 auto;
}
#head ul {
background : url(images/nav_bar.gif) no-repeat 0 0;
width : 880px;
height : 29px;
position : absolute;
left : 30px;
top : 6px;
padding : 0 0 0 38px;
}
#head ul li {
background : url(images/nav_div.gif) no-repeat right top;
height : 27px;
float : left;
padding : 0 1px 0 0;
}
#head ul li a {
display : block;
background : url(images/nav_bg.gif) repeat-x 0 0;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
color : #344a04;
background-color : inherit;
text-decoration : none;
}
#head ul li a:hover {
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
background-color : inherit;
}
#head ul li a.hover {
display : block;
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
background-color : inherit;
text-decoration : none;
cursor : text;
}
#head ul li.last {
background-image : none;
height : 27px;
float : left;
}
#header {
background : url(images/header.gif) no-repeat 0 0;
width : 981px;
height : 149px;
position : relative;
margin : 0 auto;
}
#header h3 {
color : #fff;
background-color : #1e6887;
font : normal 12px/19px Arial, Helvetica, sans-serif;
background-color : inherit;
position : absolute;
left : 0;
top : 2px;
}
#header ul {
background : url(images/nav_bar.gif) no-repeat 0 0;
width : 880px;
height : 29px;
position : absolute;
left : 30px;
top : 6px;
padding : 0 0 0 38px;
}
#header ul li {
background : url(images/nav_div.gif) no-repeat right top;
height : 27px;
float : left;
padding : 0 1px 0 0;
}
#header ul li a {
display : block;
background : url(images/nav_bg.gif) repeat-x 0 0;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
color : #344a04;
background-color : inherit;
text-decoration : none;
}
#header ul li a:hover {
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
background-color : inherit;
}
#header ul li a.hover {
display : block;
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
background-color : inherit;
text-decoration : none;
cursor : text;
}
#header ul li.last {
background-image : none;
height : 27px;
float : left;
}
#header img.logo {
position : absolute;
left : 28px;
top : 24px;
width : 140px;
height : 84px;
}
#header h1 {
font : normal 24px/29px Arial, Helvetica, sans-serif;
color : #000;
font-weight : bold;
background-color : inherit;
position : absolute;
left : 250px;
top : 88px;
}
#header h2 {
font : normal 14px/19px Arial, Helvetica, sans-serif;
color : #000;
font-weight : bold;
background-color : inherit;
position : absolute;
left : 30px;
top : 120px;
}
#header p {
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #333;
background-color : inherit;
position : absolute;
left : 250px;
top : 113px;
}
#header p span.txt1 {
color : #fff;
background-color : #000;
padding : 2px 2px 2px 2px;
}
#header img.icon {
position : absolute;
left : 60px;
top : 180px;
width : 110px;
height : 90px;
}
#header p.topText {
font : normal 18px/23px Arial, Helvetica, sans-serif;
color : #e8e8e8;
background-color : inherit;
position : absolute;
left : 285px;
top : 203px;
width : 588px;
}
#header p.topText span.smallTxt {
font : normal 12px/18px Arial, Helvetica, sans-serif;
color : #ff9c3a;
background-color : inherit;
padding : 0 0 0 8px;
}
#header a.readMore {
display : block;
background : url(images/read_more.gif) no-repeat 0 0;
width : 50px;
height : 38px;
position : absolute;
left : 895px;
top : 203px;
}
#header a.readMore:hover {
background : url(images/read_more_hover.gif) no-repeat 0 0;
}
#body {
width : 978px;
padding : 13px 1px 13px 2px;
margin : 0 auto;
}
#left {
width : 357px;
float : left;
}
#left1 {
width : 345px;
height : 103px;
background : url(images/webdesign_bg.jpg) no-repeat 0 0;
margin : 0 0 0 0;
padding : 5px 5px 5px 5px;
color : #878767;
}
#left1 p.pic1 {
display : block;
width : 88px;
height : 78px;
margin : 5px 0 0 0;
float : left;
}
#left1 p.boxTxt1 {
float : right;
padding : 0 5px 0 5px;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left1 p.boxTxt1 span {
font : normal 19px/21px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 10px 0 0 5px;
margin : 0 0 10px 0;
height : 17px;
display : block;
}
#left1 a {
padding : 0 0 0 0;
font : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #878767;
text-decoration : none;
}
#left1 a:hover {
color : #d76e08;
text-decoration : underline;
}
#left1big {
width : 351px;
height : 350px;
margin : 0 0 0 0;
padding : 5px 5px 5px 5px;
color : #878767;
}
#left1big p.pic1 {
display : block;
width : 100px;
height : 78px;
margin : 5px 0 0 0;
float : left;
}
#left1big p.boxTxt1 {
float : right;
padding : 0 5px 0 5px;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left1big p.boxTxt1 span {
font : normal 19px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 10px 0 0 3px;
margin : 0 0 10px 0;
height : 15px;
display : block;
}
#left1big ul {
padding : 60px 10px 20px 50px;
margin : 10px 10px 20px 100px;
display : block;
}
#left1big ul li {
display : block;
height : 25px;
}
#left1big ul li a {
display : block;
background : url(images/arrow_white.gif) no-repeat 0 7px;
padding : 0 0 0 10px;
font : normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #1752b2;
background-color : inherit;
height : 20px;
text-decoration : none;
}
#left1big ul li a:hover {
color : #1752b2;
background : url(images/arrow_white.gif) no-repeat 0 7px;
text-decoration : underline;
}
#left2 {
width : 351px;
height : 103px;
background : url(images/graphicdesign_bg.jpg) no-repeat 0 0;
margin : 0 0 0 0;
padding : 5px 5px 5px 5px;
color : #878767;
}
#left2 p.pic2 {
display : block;
width : 74px;
height : 74px;
margin : 8px 0 0 0;
float : left;
}
#left2 p.boxTxt2 {
float : right;
padding : 0 5px 0 5px;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left2 p.boxTxt2 span {
font : normal 19px/21px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 10px 0 0 0;
margin : 0 0 10px 0;
height : 17px;
display : block;
}
#left2 a {
padding : 0 0 0 0;
font : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #878767;
text-decoration : none;
}
#left2 a:hover {
color : #d76e08;
text-decoration : underline;
}
#left3 {
width : 351px;
height : 103px;
background : url(images/multimedia_bg.jpg) no-repeat 0 0;
margin : 0 0 0 0;
padding : 5px 5px 5px 5px;
color : #878767;
}
#left3 p.pic3 {
display : block;
width : 74px;
height : 74px;
margin : 8px 0 0 0;
float : left;
}
#left3 p.boxTxt3 {
float : right;
padding : 0 5px 0 5px;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left3 p.boxTxt3 span {
font : normal 19px/21px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 10px 0 0 0;
margin : 0 0 10px 0;
height : 17px;
display : block;
}
#left3 a {
padding : 0 0 0 0;
font : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #878767;
text-decoration : none;
}
#left3 a:hover {
color : #d76e08;
text-decoration : underline;
}
#left4 {
width : 351px;
height : 103px;
background : url(images/seo_bg.jpg) no-repeat 0 0;
margin : 0 0 0 0;
padding : 5px 5px 5px 5px;
color : #878767;
}
#left4 p.pic4 {
display : block;
width : 94px;
height : 71px;
margin : 5px 0 0 0;
float : left;
}
#left4 p.boxTxt4 {
float : right;
padding : 0 5px 0 5px;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left4 p.boxTxt4 span {
font : normal 19px/21px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 10px 0 0 0;
margin : 0 0 10px 0;
height : 17px;
display : block;
}
#left4 a {
padding : 0 0 0 0;
font : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #878767;
text-decoration : none;
}
#left4 a:hover {
color : #d76e08;
text-decoration : underline;
}
#right {
width : 608px;
float : right;
background : url(images/right_panel_bg.gif) repeat-y 0 0;
}
#right p.rightTop {
display : block;
background : url(images/right_top.gif) no-repeat 0 0;
width : 608px;
height : 26px;
}
#right p.contactBox {
display : block;
width : 350px;
height : 400px;
font : bold 12px/18px Arial, Helvetica, sans-serif;
color : #ffffff;
}
#right h2 {
font : bold 26px/22px Arial, Helvetica, sans-serif;
color : #0066cc;
font-weight : bold;
background-color : inherit;
margin : 0 0 16px 0;
padding : 0 0 0 38px;
display : block;
}
#right h3 {
font : bold 16px/18px Arial, Helvetica, sans-serif;
color : #0066cc;
font-weight : bold;
background-color : inherit;
margin : 0 0 16px 0;
padding : 0 0 0 38px;
display : block;
}
#right p.rightTxt1 {
font : normal 11px/18px Arial, Helvetica, sans-serif;
color : #666666;
background-color : inherit;
padding : 0 38px 10px 38px;
text-align : justify;
}
#right p.rightTxt1 span {
font : bold 13px/18px Arial, Helvetica, sans-serif;
color : #5f860b;
background-color : inherit;
}


#right p.rightTxt2 {
font : normal 13px/18px Arial, Helvetica, sans-serif;
color : #62625c;
background-color : inherit;
padding : 0 0 20px 38px;
float : left;
text-align : justify;
margin : 0 27px 0 0;
}
#right p.rightTxt2 span {
font : bold 17px/18px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
border-bottom : 1px dashed #bcbcb5;
border-top : 1px dashed #bcbcb5;
text-align : center;
display : block;
margin : 0 0 15px 0;
}
#right p.rightTxt3 {
font : normal 11px/18px Arial, Helvetica, sans-serif;
color : #cccccc;
background-color : inherit;
padding : 0 38px 10px 38px;
text-align : justify;
}
#right p.rightTxt3 span {
font : bold 20px/28px Arial, Helvetica, sans-serif;
color : #5f860b;
background-color : inherit;
}
#right p.rightBottom {
display : block;
background : url(images/right_bottom.gif) no-repeat 0 0;
width : 608px;
height : 20px;
float : left;
}
#right img {
border : none;
}
#right td {
text-align : center;
border : 1px dotted #cccccc;
}
#right a.a {
padding : 5px 5px 5px 5px;
font : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #878767;
text-decoration : none;
display : block;
}
#right a.a:hover {
color : #d76e08;
text-decoration : underline;
}
#bodyBottom {
width : 946px;
background : #ffffff url(images/body_bottom_bg.gif) repeat-x 0 0;
color : #fff;
padding : 22px 13px 19px 18px;
margin : 0 auto;
}
#service1 {
width : 290px;
float : left;
margin : 0 28px 0 0;
}
#service1 h2 {
display : block;
background : url(images/arrow_red.gif) no-repeat 0 0;
padding : 0 0 0 24px;
font : bold 22px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 17px 0;
}
#service1 h3 {
display : block;
width : 280px;
height : 17px;
padding : 0 0 0 11px;
margin : 0 0 14px 0;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #974d04;
background-color : inherit;
text-transform : uppercase;
}
#service1 ul {
padding : 0;
margin : 0;
display : block;
}
#service1 ul li {
display : block;
height : 20px;
line-height : 0;
}
#service1 ul li a {
display : block;
background : url(images/arrow_white.gif) no-repeat 0 7px;
padding : 0 0 0 10px;
font : normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #47472d;
background-color : inherit;
text-decoration : underline;
height : 20px;
}
#service1 ul li a:hover {
color : #ffffff;
background : #974d04 url(images/arrow_white_hover.gif) no-repeat 0 7px;
text-decoration : none;
}
#service {
width : 290px;
float : left;
}
#service h2 {
display : block;
background : url(images/arrow_red.gif) no-repeat 0 0;
padding : 0 0 0 24px;
font : bold 22px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 17px 0;
}
#service h3 {
display : block;
width : 280px;
height : 17px;
padding : 0 0 0 11px;
margin : 0 0 14px 0;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #974d04;
background-color : inherit;
text-transform : uppercase;
}
#service ul {
padding : 0;
margin : 0;
display : block;
}
#service ul li {
display : block;
height : 20px;
line-height : 0;
}
#service ul li a {
display : block;
background : url(images/arrow_white.gif) no-repeat 0 7px;
padding : 0 0 0 10px;
font : normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #47472d;
background-color : inherit;
text-decoration : underline;
height : 20px;
}
#service ul li a:hover {
color : #ffffff;
background : #974d04 url(images/arrow_white_hover.gif) no-repeat 0 7px;
text-decoration : none;
}
#member {
width : 290px;
float : right;
}
#member h2 {
display : block;
background : url(images/arrow_red.gif) no-repeat 0 0;
padding : 0 0 0 24px;
font : bold 22px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 17px 0;
}
#member h3 {
display : block;
width : 280px;
height : 17px;
padding : 0 0 0 11px;
margin : 0 0 14px 0;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #974d04;
background-color : inherit;
text-transform : uppercase;
}
#member ul {
padding : 0;
margin : 0;
display : block;
}
#member ul li {
display : block;
height : 20px;
line-height : 0;
}
#member ul li a {
display : block;
background : url(images/arrow_white.gif) no-repeat 0 7px;
padding : 0 0 0 10px;
font : normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #47472d;
background-color : inherit;
text-decoration : underline;
height : 20px;
}
#member ul li a:hover {
color : #ffffff;
background : #974d04 url(images/arrow_white_hover.gif) no-repeat 0 7px;
text-decoration : none;
}
#new {
width : 977px;
height : 150px;
margin : 0 auto;
background-color : #0066ff;
color : #fff;
position : relative;
}
#footer {
width : 100%;
height : 75px;
margin : 0 auto;
background : #000000 url(images/footer_bg.gif) repeat-x 0 0;
color : #fff;
position : relative;
}
#footer ul {
width : 880px;
position : relative;
left : 10%;
top : 27px;
}
#footer ul li {
float : left;
color : #d4d4c6;
background-color : inherit;
font : normal 11px/15px Arial, Helvetica, sans-serif;
}
#footer ul li a {
color : #666666;
background-color : inherit;
font : normal 11px/15px Arial, Helvetica, sans-serif;
padding : 0 7px;
text-decoration : none;
}
#footer ul li a:hover {
color : #ffffff;
}
#greenFooter {
width : 100%;
height : 35px;
margin : 0 auto;
background : #323232;
color : #fff;
position : relative;
}
#greenFooter p.design {
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #000000;
position : absolute;
left : 19px;
top : 5px;
}
#greenFooter p.design a {
color : #000000;
background-color : inherit;
text-decoration : none;
}
#greenFooter p.design a:hover {
color : #ffffff;
background-color : inherit;
}
#greenFooter p.copyright {
font : normal 11px/19px Arial, Helvetica, sans-serif;
color : #e2e2e2;
position : absolute;
left : 189px;
top : 5px;
}
#greenFooter a.xht {
width : 98px;
height : 31px;
position : absolute;
left : 866px;
top : 2px;
border : 0;
}
#greenFooter a.xht:hover {
border : 0;
}
#greenFooter a.cs {
width : 98px;
height : 31px;
position : absolute;
left : 766px;
top : 2px;
border : 0;
}
#greenFooter a.cs:hover {
border : 0;
}
#designzone {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #006699;
background-color : inherit;
position : inherit;
margin : 5px 5px 5px 5px;
padding : 2px 5px 5px 5px;
text-align : center;
}
.k_float {
z-index : 9999999;
position : fixed !important ;
position : absolute;
cursor : pointer;
}
#kampylink img {
border : 0;
}
.k_top {
top : 0;
}
.k_bottom {
bottom : 0;
}
.k_right {
right : 0;
}
.k_left {
left : 0;
}
#k_close_button {
color : gray;
border : 1px solid gray;
display : none;
width : 11px;
height : 16px;
font-size : 12px;
text-align : center;
}
.kc_top {
top : 80px;
}
.kc_bottom {
bottom : 80px;
}
.kc_right {
right : 10px;
}
.kc_left {
left : 10px;
}
.k_float {
z-index : 9999999;
position : fixed !important ;
position : absolute;
cursor : pointer;
}
#kampylink img {
border : 0;
}
.k_top {
top : 0;
}
.k_bottom {
bottom : 0;
}
.k_right {
right : 0;
}
.k_left {
left : 0;
}
#k_close_button {
color : gray;
border : 1px solid gray;
display : none;
width : 11px;
height : 16px;
font-size : 12px;
text-align : center;
}
.kc_top {
top : 80px;
}
.kc_bottom {
bottom : 80px;
}
.kc_right {
right : 10px;
}
.kc_left {
left : 10px;
}

.dot:link
{
font-size:8px;
color:#f2f2f2;
text-decoration:none;
}
.dot:visited
{
font-size:8px;
color:#f2f2f2;
text-decoration:none;
}
.dot:hover
{
font-size:8px;
color:#f2f2f2;
text-decoration:none;
}