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

body {margin:0px; background-color:#ffffff; background-image:url(../images/body-bg.jpg); background-repeat:repeat-x;}

/* body ....................................structure*/

.clear {clear:both;}

#main_body {width:990px; height:auto; margin:0px auto;}

#top_header {width:990px; height:101px; float:left; margin:0px;}

#logo_container {width:284px; height:65px; float:left; margin:10px 0px 10px 0px;}

#header_text {width:706px; height:50px; float:left; margin:10px 0px 0px 0px; text-align:right;}

#header_call_box {width:356px; height:20px; float:left; margin:10px 0px 0px 350px; text-align:right;}

#header_thumb_box {width:15px; height:20px; float:left;}

#header_thumb_box2 {width:140px; height:20px; float:left; margin:0px 0px 0px 5px;}

#panel_left {width:230px; height:600px; float:left; margin:0px 0px 0px 0px;}

#panel_left_box {width:228px; height:auto; float:left; margin:10px 0px 0px 0px; background-color:#FFFFFF; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#panel-header {width:213px; height:32px; margin:0px; padding:8px 0px 0px 15px; -moz-border-radius: 4px; -webkit-border-radius:4px; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x;}

#panel-request {width:150px; height:21px; margin:0px; padding:3px 0px 0px 30px; -moz-border-radius: 4px; -webkit-border-radius:4px; margin:0px 0px 0px 170px; background-color: #330066;}

#panel-order {width:160px; height:21px; margin:0px; padding:3px 10px 0px 10px; -moz-border-radius: 4px; -webkit-border-radius:4px; margin:0px 0px 0px 170px; background-color: #330066;}


#panel_mid {width:370px; height:auto; float:left; margin:10px 0px 0px 10px;}

#panel_mid_box1 {width:368px; height:auto; float:left; margin:0px; background-color:#FFFFFF; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#panle_mid_header {width:358px; height:32px; float:left; margin:0px;  -moz-border-radius: 4px; -webkit-border-radius:4px; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; padding:8px 0px 0px 10px}

#panle_right_header {width:300px; height:74px; float:left; margin:0px; padding:0px 37px 0px 37px;}

#panel_right_thumb {width:60px; height:68px; float:left; margin:2px 0px 0px 0px;}

#panel_mid_content {width:348px; height:265px; float:left; margin:10px 10px 10px 10px; padding:0px; background-color:#FFFFFF;}

#panel_right_content {width:318px; height:235px; float:left; margin:10px 10px 10px 40px; padding:0px; background-color:#FFFFFF;}

#panel_right {width:370px; height:auto; float:left; margin:10px 0px 0px 10px;}

#services_box1 {width:348px; height:160px; float:left; margin:10px 0px 0px 0px; padding:5px 10px 5px 10px; background-color:#FFFFFF; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#services_header {width:301px; height:30px; float:left; margin:20px 0px 0px 0px;}

#services_content {width:348px; height:70px; float:left; margin:0px; padding:10px 0px 0px 0px; border-top:1px solid #c2c2c2;}

#services_thumb {width:47px; height:50px; float:left;}

#panel_readmore {width:348px; height:20px; float:left; margin:0px; text-align:right;}

#footer {width:100%; height:120px; margin:0px auto; background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x;}

#footer_inner {width:100%; float:left; height:30px; margin:20px 0px 0px 0px;}

#footer_inner2 {width:45%; float:left; height:40px; margin:5px 0px 0px 5%;}
#footer_inner3 {width:45%; float:left; height:40px; margin:5px 0px 0px 5%;}
#footer_inner4 {width:100%; float:left; height:20px; margin:10px 0px 0px 0px; text-align:center;}

#footer_inner5 {width:45%; float:left; height:20px; margin:10px 0px 0px 5%; text-align:right;}
#footer_inner6 {width:45%; float:left; height:20px; margin:10px 0px 0px 5%; text-align:left;}


#ip_mid {width:540px; height:auto; float:left; margin:10px 0px 0px 10px;}

#ip_right {width:198px; height:870px; float:left; margin:10px 0px 0px 10px;  background-color:#FFFFFF; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#ip_mid_box1 {width:538px; height:auto; float:left; margin:0px; background-color:#FFFFFF; border:1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#ip_mid_header {width:528px; height:32px; float:left; margin:0px;  -moz-border-radius: 4px; -webkit-border-radius:4px; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; padding:8px 0px 0px 10px}

#ip_content {width:520px; height:820px; float:left; margin:0px 10px 10px 10px; padding:0px; background-color:#FFFFFF;}
#ip_contentpack {width:520px; height:auto; float:left; margin:0px 10px 10px 10px; padding:0px; background-color:#FFFFFF;}

#banner {width:990px; height:237px; margin:10px 0px 0px 0px;}

#p_header {width:188px; height:17px; float:left; background-image:url(../images/nav-header-bg.jpg); padding:7px 0px 7px 10px; background-repeat:repeat-x; border-bottom:1px solid #dbe1e6; margin:0px 0px 0px 0px; text-align:left;}
#p_headerhome {width:295px; height:26px; float:center; background-color:#127603; padding:5px 0px 0px 0px; text-align:center;}

#ip_box1 {width:198px; height:auto; float:left; margin:0px 0px 10px 0px;}

#ip_form_quick {width:196px; height:auto; float:left; margin:0px; border-left:1px solid #dbe1e6;  border-right:1px solid #dbe1e6; border-bottom:1px solid #dbe1e6; border-top:1px solid #dbe1e6; background-color:#f0f7fd;}

#ip_form_quickhome {width:293px; height:auto; float:left; margin:0px; border-left:1px solid #dbe1e6;  border-right:1px solid #dbe1e6; border-bottom:1px solid #dbe1e6; border-top:1px solid #dbe1e6; background-color:#f0f7fd;}

#ip_box2 {width:196px; height:130px; float:left; padding:10px 0px 10px 0px; border-left:1px solid #dbe1e6;  border-right:1px solid #dbe1e6; border-bottom:1px solid #dbe1e6; border-top:1px solid #dbe1e6; background-color:#f6fafd; text-align:center;}

#ip_box3 {width:196px; height:70px; float:left; padding:10px 0px 10px 0px; border-left:1px solid #dbe1e6;  border-right:1px solid #dbe1e6; border-bottom:1px solid #dbe1e6; border-top:1px solid #dbe1e6; background-color:#f6fafd; text-align:center;}

#ip_mid_form {width:400px; height:400px; margin:0px 60px 0px 60px; float:;}

#ip_ser {width:250px; height:220px; float:left; margin:0px 10px 10px 0px; padding:0px; background-color:#FFFFFF;}

#ip_ser_h {width:250px; height:25px; float:; border-bottom:1px solid #666666; margin:0px;}

#ip_pack {width:225px; height:174px; float:left; margin:10px 10px 0px 0px; border:1px solid #ebebeb; padding:10px; background-color:#f6f5f5;}

#ip_pack2 {width:225px; height:174px; float:left; margin:10px 0px 0px 10px; border:1px solid #ebebeb; padding:10px; background-color:#f6f5f5;}



#ip_pack_design {width:225px; height:85px; float:left; margin:10px 10px 0px 0px; border:1px solid #ebebeb; padding:10px; background-color:#f6f5f5;}

#ip_pack2_dev {width:225px; height:85px; float:left; margin:10px 0px 0px 10px; border:1px solid #ebebeb; padding:10px; background-color:#f6f5f5;}



#ip_pak_h {width:188px; height:27px; float:left; margin:5px 0px 0px 5px;}

#ip_arrow {width:32px; height:32px; float:left; margin:0px;}

#ip_pak_con {width:225px; height:160px; float:left; margin:0px;}

#ip_pack_short {width:225px; height:150px; float:left; margin:10px 10px 0px 0px; border:1px solid #ebebeb; padding:10px; background-color:#f6f5f5;}
#ip_pak_short {width:225px; height:70px; float:left; margin:0px;}

#portfolioimage_box {width:164px; height:150px; margin:0px 10px 0px 0px; float:left;}

#portfolioimage_box_right {width:164px; height:150px; margin:0px 0px 0px 0px; float:left;}

#portfolioimage_header {width:164px; height:18px; float:left; padding:3px 0px 3px 0px;}

/* navigations..................................................................................................................................structure*/
.link1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2a6496; padding:5px; text-decoration:none; font-weight:bold;}
.link1:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2a6496; padding:5px; text-decoration:underline; font-weight:bold;}

.link2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:5px; text-decoration:none; font-weight:normal;}
.link2:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; padding:5px; text-decoration:underline; font-weight:normal;}

.link3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:0px 0px 0px 15px; text-decoration:none; font-weight:normal; background-image:url(../images/readmore_bullet.jpg); background-repeat:no-repeat; background-position:5px 5px; line-height:23px;}
.link3:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0072bc; padding:0px 0px 0px 15px; text-decoration:underline; font-weight:normal;}

.link4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999; text-align:left; text-decoration:none;}
.link4:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7cc576; text-align:left;}

.link5 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0072bc; text-align:left; text-decoration:none;}
.link5:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0a95f0; text-align:left; text-decoration:underline;}




.link6 {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#ffffff; text-align:center; text-decoration:none; display:block; cursor:pointer; margin:5px 0px 0px 0px;}
.link6:hover {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#000000; text-align:center; text-decoration:none;}

.link7 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding:3px; text-decoration:none; font-weight:bold;}
.link7:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding:3px; text-decoration:underline; font-weight:bold;}

.link8 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-align:left; text-decoration:none;}
.link8:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#39b54a; text-align:left; text-decoration:underline;}

.link10 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595; padding:5px; text-decoration:none; font-weight:normal;}
.link10:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#e1e1e1; padding:5px; text-decoration:underline; font-weight:normal;}

.readmore {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; padding:3px; background-color:#333333; text-decoration:none; font-weight:normal;}
.readmore:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; padding:3px; text-decoration:none; font-weight:normal; background-color:#d32026;}

.link12 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; margin:0px; text-decoration:none;}
.link12:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; margin:0px; text-decoration:underline;}

.link13 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; margin:0px; text-decoration:none;}
.link13:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999; margin:0px; text-decoration:underline;}


#menu {width:990px; height:36px; float:left; padding:0px 0px 0px 0px; background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x; border-right:1px dotted #eb5156;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {line-height:36px; margin:0; padding:0; float:left; list-style:none;}
#menu ul li a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff; display:block; padding:0 60px 0 60px; border-left:1px dotted #eb5156;}
#menu ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#084b86; display:block; padding:0 60px 0 60px; background-image:url(../images/menu-bg-h.jpg); background-repeat:repeat-x;}

#nav {width:198px; height:auto; float:left; padding:0px 15px 10px 15px;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav ul li {line-height:25px; margin:0; width:198px; padding:0; float:left; list-style:none;}
#nav ul li a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#000000; display:block; padding:0 10px 0 20px; border-bottom:1px solid #c2c2c2; background-image:url(../images/bullet1.jpg); background-position:2px 7px; background-repeat:no-repeat;}
#nav ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#f7941d; display:block; padding:0 10px 0 20px; border-bottom:1px solid #f7941d;  background-image:url(../images/bullet2.jpg); background-position:2px 7px; background-repeat:no-repeat;}

#nav2 {width:198px; height:auto; float:left; padding:0px 15px 10px 15px;}
#nav2 ul {list-style:none; margin:0; padding:0;}
#nav2 ul li {line-height:25px; margin:0; width:198px; padding:0; float:left; list-style:none;}
#nav2 ul li a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#00a651; display:block; padding:0 10px 0 20px; border-bottom:1px solid #e1e1e1; background-image:url(../images/bullet4.jpg); background-position:2px 7px; background-repeat:no-repeat;}
#nav2 ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#0bd56d; display:block; padding:0 10px 0 20px; border-bottom:1px solid #f7941d;  background-image:url(../images/bullet4.jpg); background-position:2px 7px; background-repeat:no-repeat;}


/* header..................................................................................................................................structure*/

h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; margin:0px 0px 0px 0px;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; margin:0px;}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000; margin:0px;}

.h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-align:left;}

h5 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;  color: #330000; text-align:left; margin:0px;}

.h6 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#898989; text-align:left;}

.h7 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#0072bc; text-align:center;}

.h9 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999999;}

/* text....................................structure*/

.text1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646; text-align:left;}

.text2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#acacac; text-align:left;}

.text5 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#acacac; text-align:center;}

.text3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-align:left;}

.text4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7d7d7d; text-align:center;}

.text6 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000;}

.text7 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#CC3300; text-align:center;}

.text8 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#009900; text-align:center;}

.input_text1 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; width:120px;}
.input_text2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; width:186px;}

.submit_buttonshome {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; border:1px solid #0066CC;  text-align:center; width:100px; height:30px; background-color:#127603; cursor:pointer;}


.submit_buttons {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:1px solid #0066CC;  text-align:center; width:50px; height:18px; background-color:#003366; cursor:pointer;}

.submit_buttons:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff799; border:1px solid #00aeef;  text-align:center; width:50px; height:18px; background-color:#003366; cursor:pointer;}

#content ul {
margin:0px;
padding:0px; 
list-style:none; 
list-style-type:none; 
}

#content li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
font-weight:normal;
text-decoration:none;
background-image:url(../images/bullet3.jpg);
background-repeat:no-repeat;
background-position:3px 3px;
padding:0px 0px 5px 30px;
margin:0px 0px 0px 0px;
list-style:none;
list-style-type:none;
}