body {
margin : 0 auto;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #4c4b4b;
text-align : left;
background : url(../images/bodybg.jpg) repeat-x top #ffffff;
}
a {
text-decoration : none;
color : #0d4068;
}
a:hover {
text-decoration : none;
color : #666666;
}
ul, ol {
text-align : justify;
}
#wrapper {
background-image : url(../images/header_bg.jpg);
background-repeat : no-repeat;
background-position : top;
margin : 0;
padding : 0;
width : 100%;
position : relative;
}
.detail-mid1 {
background-image : url(../images/detail-mid1.jpg);
width : 684px;
background-repeat : repeat-y;
}
#header {
background : url(../images/header_bg.jpg) no-repeat top;
width : 100%;
margin-top : 0;
height : 460px;
position : relative;
}
#banner {
width : 1002px;
position : relative;
margin : 0 auto;
}
#logo {
margin : 20px 0 0 10px;
width : 60%;
float : left;
position : relative;
}
#logo .sis {
background-image : url(../images/sis_logo.png);
width : 128px;
height : 128px;
}
#logo .simple {
background-image : url(../images/simple-intelligent-systems.png);
width : 313px;
height : 59px;
margin : 20px 0 0 20px;
float : left;
}
#iconnav {
width : 800px;
float : right;
margin : 120px 20px 0 60px;
text-align : right;
}
#iconnav .service {
background-image : url(../images/service.png);
width : 153px;
height : 22px;
background-repeat : no-repeat;
float : right;
}
.navleft {
float : left;
position : relative;
width : 29px;
background-image : url(../images/link-left.jpg);
background-repeat : no-repeat;
width : 25px;
height : 82px;
}
.navright {
position : relative;
float : right;
width : 25px;
background-image : url(../images/link-right.jpg);
background-repeat : no-repeat;
background-position : right;
height : 82px;
}
.clear {
clear : both;
}
.navback {
background-image : url(../images/link-back.jpg);
position : relative;
background-repeat : repeat-x;
height : 82px;
}
.nav {
position : relative;
padding : 0;
background-image : url(../images/links_bg.png);
background-repeat : repeat-x;
height : 82px;
}
.naviga {
background-image : url(../images/navi.jpg);
background-repeat : repeat-x;
height : 82px;
}
.navigati {
background-image : url(../images/navigati.jpg);
background-repeat : repeat-x;
height : 82px;
}
#navigation {
position : relative;
float : left;
width : 100%;
margin : 0;
padding : 0;
text-align : center;
display : run-in;
}
#menu {
position : relative;
text-align : center;
margin : 0;
width : 920px;
}
#menu ul {
list-style : none;
height : 37px;
text-align : center;
margin : 33px 0 0 0;
}
#menu ul li {
color : #fefefe;
font-size : 16px;
font-weight : bold;
margin : 0;
padding : 0;
}
#menu ul li a {
padding-left : 30px;
padding-right : 25px;
text-decoration : none;
color : #fefefe;
}
#menu ul li a:hover {
text-decoration : none;
color : #fefefe;
font-size : 16px;
font-weight : bold;
}
#main {
width : 1000px;
margin : 0 auto;
position : relative;
margin-bottom : 10px;
}
#lftsd {
width : 150px;
float : left;
padding : 0 5px 0 30px;
height : auto;
}
#rtsd {
width : 218px;
float : left;
padding : 0 14px 0 5px;
}
#content {
width : 550px;
float : left;
text-align : left;
padding : 0 10px 0 10px;
border-left : 2px dotted #e5e5e5;
border-right : 2px dotted #e5e5e5;
}
#content p {
text-align : justify;
line-height : 1.2;
}
#content2 {
width : 710px;
float : left;
padding : 0 10px 0 30px;
border-right : 2px dotted #e5e5e5;
}
#content2 p {
text-align : justify;
line-height : 1.2;
}
h1 {
color : #2d6bc0;
font-size : 20px;
font-weight : bold;
text-align : left;
}
h2 {
color : #2d6bc0;
font-size : 16px;
font-weight : bold;
padding-left : 5px;
text-align : left;
}
h3 {
color : #3c9328;
font-size : 20px;
font-weight : bold;
text-align : left;
}
.heading {
color : #808080;
font-size : 16px;
font-weight : 800;
text-align : left;
margin-bottom : 0;
}
p {
font-size : 12px;
color : #333333;
text-align : left;
padding : 2px 4px 2px 4px;
}
p#cntr {
text-align : center;
}
ul#services {
list-style-position : outside;
list-style-image : url(../images/bullet.jpg);
list-style-type : square;
text-align : left;
font-size : 14px;
font-weight : 400;
color : #555555;
margin-bottom : 4px;
}
#end {
background : url(../images/footer_bg.jpg);
background-repeat : repeat-x;
height : 150px;
width : 100%;
float : left;
}
#footer {
margin : 0 auto;
padding : 10px 0 0 0;
height : 135px;
width : 1002px;
}
#footer ul {
list-style : none;
padding-left : 0;
margin : 0 0 0 0;
text-align : center;
}
#footer ul li {
color : #fefefe;
font-size : 10px;
font-weight : bold;
}
#footer ul li a {
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
color : #424242;
}
#footer ul li a:hover {
text-decoration : none;
color : #7c7c7c;
}
#bottom {
font-size : 10px;
width : 40%;
text-align : left;
float : left;
margin-top : 8px;
margin-left : 10px;
}
#bottom2 {
font-size : 10px;
text-align : right;
float : right;
width : 40%;
margin-top : 8px;
margin-right : 10px;
}
.head {
font-size : 16px;
color : #666666;
border-bottom : 1px dotted #999999;
font-weight : bold;
}
.link1 {
width : 105px;
float : left;
font-size : 10px;
font-weight : bold;
text-align : left;
}
.link1 a {
margin : 2px 0 2px 0;
text-decoration : none;
color : #003366;
text-align : left;
font-weight : 400;
display : block;
font-size : 10px;
}
.link1 a:hover {
margin : 2px 0 2px 0;
text-decoration : none;
color : #666666;
}
.link1 ul {
list-style : none;
text-align : left;
color : #424242;
}
.link1 ul li {
display : block;
color : #424242;
font-size : 10px;
font-weight : bold;
}
.link1 ul li a {
text-decoration : none;
color : #424242;
}
.link2 {
width : 160px;
float : left;
font-size : 10px;
text-align : left;
}
.link2 a {
margin : 1px 0 0 0;
text-decoration : none;
color : #003366;
text-align : left;
font-weight : 400;
display : block;
font-size : 10px;
}
.link2 a:hover {
margin : 0 0 0 0;
text-decoration : none;
color : #666666;
}
.faq {
width : 80px;
float : left;
font-size : 10px;
font-weight : 400;
text-align : left;
}
.menuhead a {
color : #4c4b4b;
text-decoration : none;
}
.menuhead a:hover {
color : #000;
text-decoration : underline;
}
.portfolio {
width : 140px;
float : left;
font-size : 10px;
font-weight : bold;
text-align : left;
}
.portfolio a {
margin : 2px 0 2px 0;
text-decoration : none;
color : #003366;
text-align : left;
font-weight : 400;
display : block;
font-size : 10px;
}
.portfolio a:hover {
margin : 2px 0 2px 0;
text-decoration : none;
color : #666666;
}
.header {
border-bottom : 1px dashed #cccccc;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
text-align : left;
display : block;
color : #666666;
}
.head-ing {
color : #2e62b1;
text-align:left;
font-weight : bold;
font-size : 13px;
}
.subheader {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
text-align : left;
display : block;
color : #0099ff;
font-weight : 300;
}
#servicescol1 {
width : 65%;
float : left;
position : relative;
}
#servicescol1 ul {
text-align : left;
}
#servicescol2 {
width : 35%;
float : left;
position : relative;
}
#servicescol2 ul {
text-align : left;
}
#contatcol1 {
width : 35%;
position : relative;
float : left;
}
#contatcol2 {
width : 65%;
position : relative;
float : left;
}
input, textarea {
border : 1px solid #cccccc;
}
img {
border : none;
}
#portfolionav {
width : 23%;
float : left;
}
#portfolionav a {
text-align : left;
color : #f5f5f5;
background : #9d9d9d;
display : block;
margin : 0;
font-weight : bold;
border-bottom : 1px dashed #c0c0c0;
padding : 6px 8px 6px 8px;
}
#portfolionav a:hover {
text-align : left;
color : #333;
background : #c1d3eb;
display : block;
margin : 0;
font-weight : bold;
border-bottom : 1px solid #ffffff;
}
#portfoliomain {
width : 100%;
float : left;
margin : 7px;
}
.portfoliocol {
width : 175px;
float : left;
}
.portfoliocol img {
border : 1px solid #cccccc;
margin : 12px 6px 0 6px;
}
#right {
text-align : right;
width : 50%;
float : right;
}
.headbold {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
color : #999999;
text-align : left;
padding-left : 10px;
padding-top : 40px;
}
div#bd div#gallery {
width : 924px;
margin : 46px 0 0 26px;
}
div#bd div#gallery div.thumb {
padding : 0;
height : 170px;
width : 170px;
float : left;
margin-right : 10px;
margin-bottom : 20px;
line-height : 170px;
background : #fafaf9;
text-align : center;
display : table-cell;
vertical-align : middle;
}
div#bd div#gallery div.thumb a {
height : 167px;
width : 167px;
display : table-cell;
vertical-align : middle;
}
div#bd div#gallery div.thumb img {
vertical-align : middle;
}
div.gallery_info {
position : absolute;
bottom : 0;
left : 0;
background-color : #fff;
width : 100%;
border-top : 1px solid #5f5755;
padding-top : 4px;
padding-left : 5px;
text-align : left;
}
div.gallery_info * {
font-size : 93%;
}
div.gallery_info a {
color : #888888;
text-decoration : none;
font-size : 85%;
}
div.gallery_info a:hover {
color : #5f5755;
text-decoration : underline;
}
.career {
text-align : left;
margin : 0 auto;
padding : 0;
padding-left : 4px;
}
.career-left {
margin : 0 auto;
padding : 0;
}
.career-right {
margin : 0 auto;
padding : 0;
}
.submit {
margin : 0 auto;
padding : 0;
}
.right {
text-align : right;
}
.main-wrap {
width : 550px;
float : left;
text-align : left;
}
.left-side {
float : left;
width : 183px;
text-align : left;
margin-top : 2px;
margin-left : 60px;
}
.center-side {
float : left;
width : 10px;
text-align : left;
margin-top : 2px;
}
.right-side {
float : left;
width : 430px;
text-align : left;
margin-top : 2px;
}
.detail-mid2 {
background-image : url(../images/detail-mid2.jpg);
width : 550px;
background-repeat : repeat-y;
}
.detail-mid3 {
background-image : url(../images/detail-mid3.jpg);
width : 700px;
background-repeat : repeat-y;
}
.bg-color {
background-color : #d2ebfb;
}
.top_link{
width:100%;
font-size : 11px;
padding-left:30px;
text-align : left;
}
.top_link a{
font-size : 11px;
text-align : left;
}
.top_link a:hover{
font-size : 11px;
text-align : left;
color:#666666;
}