body {
margin : 0;
padding : 0;
background:#fff url(images/topbg.png) repeat-x left top;
}
html {
font-size : 10px;
font-weight : 100;
line-height : 13px;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
td, dl, dt, dd, li {
color : #4c4d4f;
}
a {
color : #4c4d4f;
text-decoration : none;
}
a:hover {
color : #f49726;
text-decoration : underline;
}
#navcontainer .ai dt a{
color : #e5801b;
text-decoration : none;

}
/*
#navcontainer .ai dt a:hover,#navcontainer .ai dt a:visited {
color : #4c4d4f;

}*/

#navcontainer .ai dt a:hover,#navcontainer .ai dt a:active {
color : #4c4d4f;

}

/*
#navcontainer .ai dt a:active {
color : #4c4d4f;

}*/

div#container {
width : 750px;
margin : 0 auto;
background : url(images/menunavbg.gif) repeat-y top left;
}
div#header {
width : 750px;
height : 80px;
}
div#logo_tab {
float : left;
width : 231px;
margin : 0;
padding : 0;
}
div#icons_tab {
float : right;
width : 220px;
height : 37px;
margin : 37px 0 0;
}
div#colage_tab {
width : 750px;
height : 224px;
margin : 0;
padding : 0;
background : #fff url(images/colage.jpg) repeat-x;
}
div#bline {
width : 750px;
height : 8px;
margin : 0;
padding : 0;
background : #FFF url(images/bline.png) repeat-x left top;
}

div#content_tab {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff;
}
div#content {
float : left;
width : 535px;
height : auto;
margin : 0;
padding : 0;
background : #fff;
}
div#right_nav {
float : right;
width : 210px;
min-height : 638px;
max-height : 1500px;
height:800px;
margin : 0;
padding : 0;
background : #eff1f0;
}
* html #right_nav {
float : right;
width : 210px;
height : 685px;
margin : 0;
padding : 0;
background : #eff1f0;
}
div#clickbox {
width : 535px;
min-height : 300px;
max-height : 600px;
margin : 0;
padding : 0;
background : #f1f3f3;
border-bottom : 1px solid #4c4d4f;
}
* html #clickbox {
width : 535px;
height : 300px;
margin : 0;
padding : 0;
background : #f1f3f3;
border-bottom : 1px solid #4c4d4f;
}
div#info {
width : 535px;
height : auto;
margin : 0;
padding : 5px 0;
}
div#info p {
margin : 0;
padding : 5px 10px 5px 0;
color : #4f4f4f;
}
div#box_tab {
width : 210px;
height : auto;
margin : 0;
padding : 0;
}
#box_tab h1 {
text-transform : capitalize;
font : 700 11px Tahoma, Arial, Helvetica, sans-serif;
color : #f49726;
margin : 5px 10px;
}
#box_tab h6 {
text-transform : capitalize;
font : 700 11px Arial, Helvetica, sans-serif;
color : #f49726;
text-align : right;
margin : 0 15px 10px 0;
}
#box_tab p {
margin : 0;
padding : 0 10px 5px;
color : #000;
}
div#footer {
clear : both;
width : 750px;
height : 50px;
background : #fff url(images/bline.png) repeat-x left top;
padding : 7px 0;
margin : 0;
}
div#our_service {
width : 534px;
height : 80px;
margin : 0;
padding : 0;
}
div#our_service img {
margin-top : 17px;
float : left;
}
div#mainbox {
width : 534px;
min-height : 250px;
max-height : 600px;
margin : 10px 0 0;
padding : 0;

}
* html #mainbox {
width : 534px;
height : auto;
margin : 10px 0 0;
padding : 0;
}
div#subbox {
float : left;
width : 360px;
min-height : 240px;
max-height : 600px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
* html #subbox {
float : left;
width : 360px;
height : 240px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
div#boxone {
float : left;
width : 179px;
min-height : 235px;
max-height : 600px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
* html #boxone {
float : left;
width : 179px;
height : 235px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
div#boxtwo {
float : right;
width : 179px;
min-height : 235px;
max-height : 600px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
* html #boxtwo {
float : right;
width : 179px;
height : 235px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
div#boxthree {
float : right;
width : 174px;
min-height : 235px;
max-height : 600px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
* html #boxthree {
float : right;
width : 174px;
height : 235px;
margin : 0;
padding : 0;
background : #f1f3f3;
}
#boxone h6,#boxtwo h6,#boxthree h6 {
	text-transform : capitalize;
font : 700 11px Arial, Helvetica, sans-serif;
color : #f49726;
text-align : right;
margin : 0 15px 10px 0;
}
#mainbox p {
padding : 10px 10px 0;
margin : 0;
}
div#content_tab02 {
width : 750px;
height : auto;
margin : 0;
padding : 0;
}
div#services_tab {
float : left;
width : 210px;
height : auto;
margin : 0;
padding : 0;
background : #eff1f0;
}
* html #content02 {
float : right;
width : 535px;
height : 430px;
margin : 0 0 15px;
padding : 0;
background : #fff url(images/cbtop.png) repeat-x 0% 0%;
}
div#content02 {
float : right;
width : 535px;
min-height:430px;
max-height:3000px;
margin : 0 0 15px;
padding : 0;
background : #fff url(images/cbtop.png) repeat-x 0% 0%;
}
div#content02 h1 {
display : block;
background : #f3f4f5 url(images/ssysbg.png) repeat-x bottom left;
margin : 35px 0 26px 10px;
padding : 0;
}
#content02 p {
margin : 0;
padding : 5px 10px;
color : #4f4f4f;
}
#contlist {
margin : 10px;
padding : 0;
}
#contlist ul {
list-style-image : url(images/square.png);
}
#contlist ul ul {
list-style-image : url(images/square.png);
}
#contlist ul ul ul {
list-style-image : url(images/square.png);
}
#contlist h2, #contlist02 h2 {
font : normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
color : #4c4d4f;
margin : 0;
padding : 0;
}
li {
list-style-position : inside;
padding : 1px;
list-style-image : url(images/square.png);
}
second list #contlist02 {
margin : 0 10px 10px;
padding : 0;
}
#contlist02 ul {
list-style-image : url(images/square.png);
}
#contlist02 ul ul {
list-style-image : url(images/square.png);
}
#contlist02 ul ul ul {
list-style-image : url(images/square.png);
}
li {
list-style-position : inside;
padding : 1px;
list-style-image : url(images/square.png);
}
dl#noimglist {
font : normal 10px Verdana, Arial, Helvetica, sans-serif;
margin : 10px 10px 0;
}
dl#noimglist dt {
height : 15px;
font-weight : 700;
padding : 1px 0;
}
dl#noimglist dd {
height : 15px;
padding : 1px 0 1px 19px;
}
#formwrap {
margin : 0 auto;
width : 500px;
}
#contform {
width : 500px;
margin:0;
}
#contform #lableform {
float : left;
width : 200px;
padding:0;
height : 30px;
}
#contform #inputform {
float : right;
width : 299px;
height : 30px;
}
#submitform {
width : 100px;
margin : 0 0 0 216px;
}
.name, .e-mail {
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
padding : 3px 0 3px 5px;
width : 180px;
color : #0050e8;
border : 1px solid #a7a7a7;
background : #fff;
}
#contform #lableform02 {
float : left;
width : 319px;
padding:0;
height : 30px;
}
#contform #inputform02 {
float : right;
width : 180px;
height : 30px;
}
#submitform02 {
width : 180px;
margin : 0 0 0 335px;
}
.clear {
clear : both;
}
.name02 {
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
padding : 2px 0 2px 5px;
width : 172px;
color : #4c4d4f;
border : 1px solid #a7a7a7;
background : #fff;
}
.name03 {
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
padding : 2px 0;
width : 179px;
color : #4c4d4f;
border : 1px solid #a7a7a7;
background : #fff;
}
.project {
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
padding : 2px 0;
width : 150px;
color : #4c4d4f;
border : 1px solid #a7a7a7;
background : #fff;
}
#navcontainer {
width : 200px;
margin : 10px auto;
}
dl.ai {
margin : 0 0 10px 10px;
padding : 0;
list-style-image : url(images/arrow.gif);
}
dl.ai dt {
font-weight : 700;
color : #e5801b;
text-transform : uppercase;
margin : 3px 0;
}
dl.ai dd {
background : url(images/arrow.gif) no-repeat 0% 50%;
margin : 1px 0;
padding : 0 0 0 10px;
color : #000;
}
#content02 blockquote {
margin : 12px 40px;
padding : 0;
}
#content02 blockquote strong {
color : #036;
}
dl#webwork {
margin : 10px 0 0 35px;
}
dl#webwork dt {
height : 15px;
font-weight : 700;
padding : 1px 0;
color : #6d6d6f;
}
dl#webwork dd {
height : 15px;
padding : 1px 0 1px 10px;
margin : 0 0 0 10px;
background : url(images/arrow2.gif) no-repeat 0% 50%;
}
#content02 h2 {
font : 700 11px Verdana, Arial, Helvetica, sans-serif;
color : #036;
border-bottom : 1px dashed #999;
width : 262px;
padding : 5px 0;
margin : 5px 0 5px 0px;
}
dl.vlist {
margin:5px 0 0 11px;
}
.vlist dd {
background:url(images/shib2.gif) no-repeat 0% 0%;
padding:0 0 0 10px;
margin:0 0 0 15px;
}
.vlist dt {
background:url(images/shib.gif) no-repeat 0% 0%;
padding:0 0 0 10px;
margin:0;
}
#clientlog_form {
margin : 15px auto;
width : 275px;
}
#clogform {
width : 300px;
margin:0;
}
#clogform #lableform {
float : left;
width : 80px;
padding:0;
height : 30px;
text-align : right;
}
#clogform #inputform {
float : right;
width : 205px;
height : 30px;
}
#star {
color : #f39625;
}

fieldset {
border : 0;
}
#contentright {
width : 500px;
margin : 20px 0 30px 30px;
}
#careersform label {
clear : both;
float : left;
margin : 0 0 12px;
font-weight : bold;
color : #4f4f4f;
}
#careersform input {
float : right;
width : 200px;
margin : 0 130px 12px 0;
padding : 3px 0 3px 2px;
font : normal 10px Verdana, Arial, Helvetica, sans-serif;
color : #0050e8;
border : 1px solid #a7a7a7;
}
#careersform input.sub {
width : 85px;
height : 21px;
border : 1px solid #fff;
}
#careersform textarea {
float : right;
width : 200px;
margin : 0 130px 12px 0;
padding : 3px 0 3px 2px;
font : normal 10px Verdana, Arial, Helvetica, sans-serif;
color : #0050e8;
border : 1px solid #a7a7a7;
}
#box_tab h3 {
margin : 0;
padding : 0;
height : 31px;
width : 210px;
}
.colage_nav {
height : 170px;
width : 100px;
margin : 0;
padding : 0;
}
#cnnav {
width : 100px;
padding : 0;
margin : 0;
font : 700 10px Verdana, Arial, Helvetica, sans-serif;
color : #333;
}
#cnnav dl {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#cnnav dt {
margin: 0 0 1px;
list-style: none;
list-style-image: none;
}
#cnnav dt a {
display: block;
padding: 8px 0px 13px 5px;
background-color: #6D6E6F;
color: #fff;
text-decoration: none;
width: 95%;
-moz-opacity: 0.8;
opacity: 0.8;
filter: Alpha(Opacity=80);
}
html>body #cnnav dt a {
width: auto;
}
#cnnav dt a:hover {
/*background-color: #E7A656;*/
background-color: #F49726;
color: #000;
}
#cnnav dt #active {
background-color: #F49726;
color: #000;
}
div#careers {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff url(images/services.jpg) no-repeat 0% 0%;
}

div#aboutus {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff url(images/aboutus.jpg) no-repeat 0% 0%;
}

div#customerzone {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff url(images/customerzone.jpg) no-repeat 0% 0%;
}

div#whycs {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff url(images/whycs.jpg) no-repeat 0% 0%;
}

div#portfolio {
width : 750px;
height : auto;
margin : 0;
padding : 0;
background : #fff url(images/portfolio.jpg) no-repeat 0% 0%;
}

/*H1 Convert to Small*/

.htag-small {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
text-decoration: none; 
margin-bottom:0px; 
margin-top:0px;
color:#666666; 
font-weight:normal;
}