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


body {
background-image : url(../images/960.png);
background-repeat : repeat-x;
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
background-color : #e7e8e9;
}
#wrapper {
width : 960px;
padding-top : 40px;
margin-left : auto;
margin-right : auto;
clear : both;
}
#header {
width : 940px;
padding-left : 10px;
height : 80px;
margin-bottom : 30px;
}
.logo {
float : left;
}
.social-media {
display : block;
float : right;
height : 30px;
margin-bottom : 30px;
clear : both;
}
.robot {
margin-right : 5px;
}
#menu {
width : 740px;
float : right;
height : 20px;
padding : 60px 0 0 0;
}
#menu ul {
list-style : none;
margin : 0;
padding : 0;
}
#menu ul li {
float : left;
display : block;
}
#menu ul li a {
margin : 0;
padding : 0;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
margin-right : 28px;
}
#menu ul li a:hover, #menu ul li a.selected {
text-decoration : underline;
}
a img {
border : none;
}
#home-header {
background-image : url(../images/home-header3.png);
background-repeat : no-repeat;
width : 665px;
margin-left : auto;
margin-right : auto;
height : 152px;
display : block;
clear : both;
padding-left : 275px;
padding-top : 150px;
}
.postit-small {
background-image : url(../images/postit-small.png);
width : 631px;
height : 140px;
padding-left : 23px;
}
.postit-small h2 {
text-align : center;
margin : 0;
padding : 0;
font-size : 15px;
margin-bottom : 3px;
color : #333333;
}
.postit-small p {
margin : 0;
text-align : center;
padding : 0;
font-size : 12px;
line-height : 16px;
color : #333333;
}
.yellow {
width : 125px;
height : 115px;
padding-top : 10px;
float : left;
margin-right : 35px;
}
.blue {
width : 125px;
height : 115px;
padding-top : 10px;
float : left;
margin-right : 35px;
}
.green {
width : 125px;
height : 115px;
padding-top : 10px;
float : left;
margin-right : 37px;
}
.purple {
width : 125px;
height : 115px;
padding-top : 10px;
float : left;
}
#content-header {
background-image : url(../images/content-header.png);
background-repeat : no-repeat;
width : 940px;
margin-left : auto;
margin-right : auto;
height : 205px;
display : block;
clear : both;
margin-bottom : 15px;
}
#home3col {
background-image : url(../images/home-3col-1.png);
width : 930px;
height : 221px;
padding-top : 30px;
padding-left : 30px;
clear : both;
}
#home3col h2 {
font-size : 24px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0;
margin-bottom : 10px !important ;
}
.float-left {
float : left !important ;
}
.box1 {
width : 400px !important ;
height : 200px;
float : left;
margin-right : 15px;
}
.box1 a {
font-weight : bold;
color : #666666;
text-decoration : none;
}
.box1 a:hover {
font-weight : bold;
color : #91278f;
text-decoration : none;
}
.box1 p {
width : 137px;
font-size : 14px;
margin : 0;
padding : 0;
color : #231f20;
line-height : 18px;
}
.box1 ul li {
float : left;
width : 220px;
margin : 0 0 0 5px;
font-size : 16px;
color : black;
font-weight : normal;
list-style-position : inside;
list-style-type : square;
}
.box2 ul li {
float : left;
width : 180px;
margin : 0 0 0 5px;
font-size : 16px;
color : black;
font-weight : normal;
list-style-position : inside;
list-style-type : square;
}
.box2 {
width :180px !important ;
height : 200px;
float : left;
margin-right : 35px;
}
.box2 a {
font-weight : bold;
color : #666666;
text-decoration : none;
}
.box2 a:hover {
font-weight : bold;
color : #91278f;
text-decoration : none;
}
.box2 h3 {
margin : 0;
padding : 0;
font-size : 14px;
}
.box2 p {
font-size : 12px;
margin : 0;
padding : 0;
line-height : 18px;
color : #231f20;
margin-bottom : 18px;
}
.box3 {
width : 295px;
height : 200px;
float : left;
}
.box3 p {
font-size : 12px;
margin : 0;
padding : 0;
color : #231f20;
line-height : 18px;
}
.box3 a {
font-weight : bold;
color : #666666;
text-decoration : none;
}
.box3 a:hover {
font-weight : bold;
color : #91278f;
text-decoration : none;
}
#content-wrapper {
width : 960px;
padding-left : 10px;
padding-right : 10px;
font-size : 12px;
color : #231f20;
line-height : 18px;
}
#content-wrapper h1 {
font-size : 24px;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0 0 10px 0;
margin-bottom : 10px !important ;
border-bottom : 1px solid #91278f;
}
#content-wrapper h2 {
font-size : 18px;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0 0 10px 0;
margin-bottom : 6px !important ;
}
#content-wrapper h3 {
font-size : 16px;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0;
margin-bottom : 0 !important ;
}
#content-wrapper h4 {
font-size : 14px;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0;
margin-bottom : 3px !important ;
}
#content-wrapper p {
font-size : 12px;
color : #231f20;
line-height : 18px;
margin : 0;
padding : 0;
margin-bottom : 25px !important ;
}
#content-wrapper a {
text-decoration : none;
font-weight : bold;
color : #91278f;
}
#content-wrapper a:hover {
text-decoration : underline;
}
.content-top {
background-image : url(../images/content-top.png);
width : 940px;
height : 11px;
display : block;
margin : 0;
padding : 0;
background-repeat : no-repeat;
}
.content-bottom {
background-image : url(../images/content-bottom.png);
width : 940px;
height : 11px;
display : block;
margin : 0;
padding : 0;
background-repeat : no-repeat;
margin-bottom : 15px;
}
.content {
background-image : url(../images/content-bg.png);
width : 910px;
margin : 0;
padding : 0;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 20px;
padding-top : 20px;
}
.content-left {
float : left;
width : 600px;
margin-right : 20px;
}
.content-skill {
float : left;
margin-left : 80px;
}
.content-right {
float : left;
width : 290px;
}
.content-right h2 {
font-size : 24px;
font-weight : bold;
color : #91278f;
margin : 0;
padding : 0;
margin-bottom : 10px !important ;
border-bottom : 1px solid #91278f;
}
#footer {
width : 940px;
clear : both;
font-family : Arial, Helvetica, sans-serif;
border-top : 1px solid #ccc;
padding-top : 5px;
margin-left : auto;
margin-right : auto;
}
#footer ul {
list-style : none;
padding : 0;
margin : 0;
}
#footer ul li {
float : left;
padding : 0;
margin : 0;
width : auto;
}
#footer ul li a {
text-decoration : none;
color : #666666;
padding : 0;
margin : 0;
margin-right : 10px;
line-height : 15px;
font-size : 11px;
}
#footer ul li a:hover, #footer ul li a.selected, #footer a:hover {
color : #91278f;
}
.footerlinks {
padding : 0;
margin : 0;
color : #666666;
float : left;
width : auto;
}
.copyright {
padding : 0;
margin : 0;
text-align : right;
color : #666666;
line-height : 15px;
font-size : 11px;
}
.copyright a {
margin : 0;
padding : 0;
color : #666666;
text-decoration : none;
}
.logo {
width : 168px;
height : 80px;
float : left;
margin : 0;
padding : 0;
}
.product_photo {
width : 125px;
height : 117px;
float : left;
margin : 5px 10px 0 0;
padding : 0;
}
.download {
width : 150px;
height : auto;
float : left;
margin : 5px 10px 0 0;
padding : 0;
}
.product_dis {
width : 463px;
float : left;
margin : 5px 0 0 0;
padding : 0;
}
.download_dis {
width : 423px;
float : right;
margin : 5px 0 0 0;
padding : 0;
}
.button_01 {
width : 92px;
height : 23px;
background : url(../images/read_more.gif) no-repeat;
font : normal 12px Arial, Helvetica, sans-serif;
color : #ffffff;
text-align : center;
cursor : pointer;
border : 0;
margin : 10px 0 0 0;
}
.button_02 {
width : 92px;
height : 23px;
background : url(../images/read_more.gif) no-repeat;
font : normal 12px Arial, Helvetica, sans-serif;
color : #ffffff;
float : right;
text-align : center;
cursor : pointer;
border : 0;
margin : 10px 10px 0 0;
}
.clear {
clear : both;
}
.products {
margin : 20px 0 0 0;
padding : 0 0 15px 0;
border-bottom : 1px solid #cccccc;
}
.skill_dis {
width : 600px;
float : left;
margin : 5px 0 0 0;
padding : 0;
}
.skill_dis img {
float : left;
margin : 0 10px 0 0;
padding : 0;
}
.video {
width : 446px;
height : 400px;
margin : auto;
padding : 0;
}
.text_fld_01 {
width : 150px;
height : 20px;
border : 1px solid #91278f;
margin : 0;
padding : 0;
}
.text_area_01 {
width : 250px;
height : 120px;
border : 1px solid #91278f;
margin : 0;
padding : 0;
}
#slideshow_wrapper {
width : 506px;
margin : 50px auto;
}
#slideshow_wrapper * {
margin : 0;
padding : 0;
}
#slideshow {
list-style : none;
color : #fff;
}
#slideshow span {
display : none;
}
#fullsize {
position : relative;
width : 300px;
height : 300px;
padding : 2px;
}
#information {
position : absolute;
bottom : 0;
width : 500px;
height : 0;
background : #000;
color : red;
overflow : hidden;
z-index : 200;
display : none;
}
#information h3 {
padding : 4px 8px 3px;
font-size : 14px;
}
#information p {
padding : 0 8px 8px;
}
#image {
width : 500px;
}
#image img {
position : absolute;
z-index : 25;
width : auto;
}
.imgnav {
position : absolute;
width : 25%;
height : 306px;
cursor : pointer;
z-index : 150;
top : -10px;
}
#imgprev {
left : 3px;
background : url(../images/left.gif) no-repeat left center;
}
#imgnext {
right : -197px;
background : url(../images/right.gif) no-repeat right center;
}
#imglink {
position : absolute;
height : 306px;
width : 100%;
z-index : 100;
}
.linkhover {
background : url(../images/link.gif) no-repeat center center;
}
#thumbnails {
margin-top : 15px;
}
#slideleft {
float : left;
width : 20px;
height : 81px;
background : url(../images/scroll-left.gif) no-repeat center center;
background-color : #222;
}
#slideleft:hover {
background-color : #333;
}
#slideright {
float : right;
width : 20px;
height : 81px;
background : #222 url(../images/scroll-right.gif) no-repeat center center;
}
#slideright:hover {
background-color : #333;
}
#slidearea {
float : left;
position : relative;
width : 456px;
margin-left : 5px;
height : 81px;
overflow : hidden;
}
#slider {
position : absolute;
left : 0;
height : 81px;
}
#slider img {
cursor : pointer;
border : 1px solid #666;
padding : 1px;
width : 100px;
height : 100px;
}
.more {
width : 69px;
height : 23px;
background : url(../images/more.gif) no-repeat;
border : 0;
float : right;
margin : 10px 10px 0 0;
padding : 0;
cursor : pointer;
color : #ffffff;
}
#content-wrapper p img {
margin : 0;
padding : 0 10px 0 0;
float : left;
}
.product_thumb_listing {
margin : 0;
padding : 0;
}
.product_thumb_listing ul {
margin : 0;
padding : 0;
list-style : none !important ;
}
.product_thumb_listing li {
margin : 0 10px 0 0;
padding : 0;
list-style : none;
float : left;
width : 125px;
height : 117px;
}
.skill_dis_pic {
width : 128px;
float : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.skills_pic {
width : 128px;
height : 116px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.download_pic {
width : 150px;
height : 150px;
float : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.video1 {
width : 600px;
margin : auto;
padding : 0;
}
.phone_icon {
float : left;
height : 96px;
margin : 0;
padding : 0;
width : 80px;
}
.iip-logo {
float : left;
height : 101px;
width : 150px:
margin : 0;
padding-top : 49px;
}
.contact_details {
float : right;
font-size : 12px;
margin : 0;
padding : 0;
width : 194px;
}
.people_photo {
width : 111px;
height : 96px;
float : left;
margin : 5px 10px 0 0;
padding : 0;
}
.our_people_button {
width : 106px;
height : 27px;
float : right;
margin : 0;
padding : 0;
}
.left_head {
float : left;
margin : 0;
padding : 0;
font-size : 24px;
font-weight : bold;
color : #91278f;
margin : 0;
}
.new_border {
color : #91278f;
margin : 0;
padding : 0 0 10px 0;
margin-bottom : 10px !important ;
border-bottom : 1px solid #91278f;
}
.what {
font-size : 30px !important ;
}