/* CSS Document */

body { padding:0px; margin:0px; font-family:verdana;}
* { padding:0px; margin:0px;}

input { border:1px solid #b5b5b5; color:#b5b5b5;  }
.button { background:#0990d8; border:none; font-family:verdana; font-size:0.6em; color:#fff; text-transform:uppercase; padding:2px;}
.button2 { background:#8f8f8f; border:none; font-family:verdana; font-size:0.6em; color:#fff; text-transform:uppercase; padding:2px;}
.noborder { border:none;}

#container { border:1px solid #5b5c5f; border-top:none!important; width:753px; margin:0px auto; background:#ffffff;}

#nav { border-bottom:1px solid #5b5c5f; height:58px;background: url(../images/navBg.gif) repeat-x;}
#logo { float:left; width:81px; height:58px; text-align:left;}
#search { float:left; margin-top:18px; margin-left:10px; text-align:right;	}
#search img{ padding-right:2px;}

#navcontainer { margin:0px; padding:0px; float:left}

#wrapbanner { border-bottom:1px solid #c9cacd; height:298px;}
#banner { text-align:left;border-right:1px solid #c9cacd; float:left;padding:6px 5px;}
#multi{ float:left;padding:6px 4px;text-align:left;}
#green { background:#8dbb4a; color:#4c5d40; float:left; width:106px; margin-right:3px; margin-top:3px; padding:4px; height:210px}

.list { padding: 0; margin: 0; font-size:.6em; }

#yellow { background:#d0c929; color:#4c5d40; float:left; width:106px; margin-top:3px; padding:4px; height:210px}
#multi h2 { color:#fff; font-size:11px; text-transform:uppercase; font-style:italic; margin:0; padding:0}


#wrapper {}

#content{text-align:left;border-right:1px solid #c9cacd; float:left;padding:6px 5px; width:502px;}
#leftcol { width:161px; float:left}
#login { width:161px; background:url(../images/gradient.jpg) repeat-x; height:117px; color:#8f8f8f; padding:10px 0px; }
#login label { font-size:10px; text-transform:uppercase; margin-left:10px}
#login input { margin-left:10px; margin-bottom:4px;}
#advertisement { margin-top:16px; }
#rightcol { margin-left:180px;}
#rightcol h1 { color:#2a9fdd; font-size:16px;}
#rightcol p { color:#676767; font-size:11px; margin:10px 0px;}



#sidelinks {float:left;padding:6px 4px;text-align:left; width:231px}
.clear { background:url(../images/gradient2.gif) repeat-x; height:16px; margin-top:4px;}

#sidelinks h3 { color:#2a9fdd; text-transform:uppercase; font-size:10px; margin-left:10px}
#sidelinks p { color:#676767; font-size:10px; padding:4px 0px; margin-left:10px	}
#sidelinks a { color:#2a9fdd; text-decoration:none;}
#sidelinks a:visited { color:#2a9fdd; text-decoration:none;}
#sidelinks a:hover { color:#2a9fdd; text-decoration:none;}

#sidelinks span { font-weight:bold;}

#divider { clear:both;}
#footer { background:url(../images/footerbg.gif) repeat-x; height:23px; color:#ffffff;}

/* speciality page */

#splContent { text-align:left; float:left; width:458px;}
#splDisplay {float:left;text-align:left; width:280px; padding-left:14px;border-bottom:1px solid #c9cacd; height:480px;}
#splDisplay div { margin-top:20px;}
#splDisplay h3 {color:#464749; text-transform:uppercase; font-size:11px;}
#splDisplay p {color:#464749; font-size:10px; margin:10px 20px;}
#splDisplay label {color:#0990d8; font-size:10px;}
.SmPic { float:left; width:60px; text-align:left;}

#detailslabel { height:25px; background:#5a5b5e; font-size:11px; color:#7fa14f; text-transform:uppercase; line-height:22px;border-right:1px solid #c9cacd;border-bottom:1px solid #c9cacd; font-size:10px;}
#detailslabel a{ color:#fff; text-decoration:none;}
#detailslabel a:visited{ color:#fff; text-decoration:none;}
#detailslabel a:hover{ color:#fff; text-decoration:none;}
#detailslabel label{ float:left; width:110px; text-align:center}

#details { width:240px; background:#fefefe url(../images/specialityBg.jpg) no-repeat; background-position:bottom; float:left;border-right:1px solid #c9cacd;border-bottom:1px solid #c9cacd;height:480px;}
#details h1 {color:#464749; font-size:18px;margin:6px 10px}
#details p {color:#464749; font-size:10px; padding:4px 0px; margin:6px 10px}

#fullList { width:216px; background:#aeb0b3; color:#fff;text-transform:uppercase; float:left;border-bottom:1px solid #c9cacd;height:480px;}
#fullList p{ color:#fff;font-size:10px; margin:6px 10px}


#WBLeft { width:240px; border-right:1px solid #c9cacd; text-align:center; float:left; padding:6px 0px;}
#WBright {float:left;color:#1997db; text-transform:uppercase; font-size:10px; line-height:54px; padding-left:10px;}
#WBright a{ color:#1997db; text-decoration:none;}
#WBright a:visited{ color:#1997db; text-decoration:none;}
#WBright a:hover{ color:#1997db; text-decoration:none;}

/* about */
#aboutDetails { float:left; width:513px; border-bottom:1px solid #c9cacd;background:#f9f9f9 url(../images/aboutBg.jpg) no-repeat; background-position:bottom; height:379px;border-right:1px solid #c9cacd; }
#aboutDetails h1 {color:#1997db; font-size:18px;margin:6px 10px}
#aboutDetails p {color:#464749; font-size:10px; padding:4px 0px; margin:6px 10px}
#aboutright { width:239px;  text-align:center; float:right; padding:6px 0px;border-left:1px solid #c9cacd;}

#pic { width:239px; float:right;border-bottom:1px solid #c9cacd;}

#aboutlabel { height:25px; background:#5a5b5e; font-size:11px; color:#7fa14f; text-transform:uppercase; line-height:22px;border-right:1px solid #c9cacd;border-bottom:1px solid #c9cacd; font-size:10px;}
#aboutlabel a{ color:#fff; text-decoration:none;}
#aboutlabel a:visited{ color:#fff; text-decoration:none;}
#aboutlabel a:hover{ color:#fff; text-decoration:none;}
#aboutlabel label{ float:left; margin-right:6px; margin-left:4px; text-align:left}


/* case studies */

#sidePic { width:239px; float:left;border-right:1px solid #c9cacd;border-bottom:1px solid #c9cacd; height:470px;}
#caseList { width:513px; float:left;border-bottom:1px solid #c9cacd; height:470px;}
#caseDesc { float:left; margin-left:40px; padding-right:10px; font-size:10px;color:#939393;margin-top:30px;}
#caseDesc h3 { font-size:11px;color:#1391d4}
#caseDesc h2 { font-size:14px;color:#676767; margin:10px 0px;}
#caseDesc p{}

#caselinks ul{ float:left; font-size:10px; text-transform:uppercase; margin-left:20px; margin-top:30px; height:500px;; line-height:16px}
#caselinks li { list-style:none; color:#1391d4}
#caselinks a{ color:#939393; text-decoration:none;}
#caselinks a:visited{ color:#939393; text-decoration:none;}
#caselinks a:hover{ color:#939393; text-decoration:none;}


#caseleft {width:240px; text-align:center; float:left; padding:6px 0px;}
#caseright { border-left:1px solid #c9cacd; float:left; padding:6px 40px;}


/* product page */

#productDetails{ width:300px; float:left;margin:6px 10px}
#productDetails h1 {color:#1997db; font-size:18px;margin:10px 0px}
#productDetails p{ font-size:10px; color:#5f6061; } 

#productImg{ width:160px; float:left}

#features{ width:260px; float:left;font-size:10px;color:#5f6061;}
#features h3{color:#1997db; font-size:12px; border-bottom:1px solid #cdcdcd;}
#features ul { list-style-image: url(../images/bullet.gif); font-size:10px;color:#5f6061; margin:20px;}
#features span {color:#1997db; font-size:12px;} 

#breadcumb { font-size:8px; color:#5f6061; text-transform:uppercase; margin-bottom:10px}

#testimonial{ width:230px; float:left;margin:6px 10px; background:url(../images/gradient2.gif) repeat-x; padding-top:16px}
#testimonial h3 { color:#2a9fdd; text-transform:uppercase; font-size:10px; margin-left:10px}
#testimonial p { color:#676767; font-size:10px; padding:4px 0px; margin-left:10px	}
#testimonial a { color:#2a9fdd; text-decoration:none;}
#testimonial a:visited { color:#2a9fdd; text-decoration:none;}
#testimonial a:hover { color:#2a9fdd; text-decoration:none;}
#testimonial span { font-weight:bold;}

#news{ width:200px; float:left;margin:6px 10px; background:url(../images/gradient2.gif) repeat-x; padding-top:16px}
#news h3 { color:#2a9fdd; text-transform:uppercase; font-size:10px; margin-left:10px}
#news p { color:#676767; font-size:10px; padding:4px 0px; margin-left:10px	}
#news a { color:#2a9fdd; text-decoration:none;}
#news a:visited { color:#2a9fdd; text-decoration:none;}
#news a:hover { color:#2a9fdd; text-decoration:none;}
#news span { font-weight:bold;}


#road{width:230px; float:left;margin:6px 10px; background:url(../images/gradient2.gif) repeat-x; padding-top:16px}
#road h3 { color:#2a9fdd; text-transform:uppercase; font-size:10px; margin-left:10px}
#road p { color:#676767; font-size:10px; padding:4px 0px; margin-left:10px	}
#road a { color:#2a9fdd; text-decoration:none;}
#road a:visited { color:#2a9fdd; text-decoration:none;}
#road a:hover { color:#2a9fdd; text-decoration:none;}
#road span { font-weight:bold;}

/* USP*/

#usppop{ width:160px; height:24px; z-index:99; position: absolute; left:360px; display:none;}

#steps{}

#grey { float:left; width:467px; background:#737376}
#grey div { background:#5a5b5e; border-bottom:1px solid #46474a; height:25px}
#grey label{ color:#ffffff; font-size:10px; text-transform:uppercase; margin-right:8px; margin-left:4px; line-height:22px} 


#blue { float:left; width:286px; background:#3d77c1}
#blue div{ background:#2b558e; border-bottom:1px solid #214270; height:25px}

#leftpanel {float:left; width:467px; background:#fefefe url(../images/bg.jpg) no-repeat; background-position:bottom; height:420px}
#leftpanel h2{ color:#464749; font-size:14px; padding:20px 10px}

#rightpanel {float:left; width:265px; border-left:1px solid #c9cacd; padding-left:20px; height:420px}
#div1{ width:96%; height:120px; margin-top:20px;}
#div2{ width:96%; height:220px; text-align:left; margin-top:20px;}
#rightpanel h3{ border-bottom:1px solid #1b1b1b; font-size:11px; color:#1b1b1b; margin-bottom:10px; text-align:left}

#rightpanel span{ margin-right:10px; float:left; height:120px }
#rightpanel label{  border-bottom:1px solid #c9cacd;float:right; width:150px; font-size:10px; color:#464749;}

#leftfoot{float:left; width:467px;border-top:1px solid #c9cacd;}
#leftfoot p{font-size:10px; color:#464749; margin:4px 10px}
#rightfoot{float:left; width:265px;border-left:1px solid #c9cacd; border-top:1px solid #c9cacd;font-size:10px; color:#464749; padding:4px 10px}
#rightfoot span{ margin-right:10px; float:left; height:100px }

.color{ color:#1e8fd1!important;}

#servicelabel { height:25px; background:#5a5b5e; font-size:11px; color:#7fa14f; text-transform:uppercase; line-height:22px;border-right:1px solid #c9cacd;border-bottom:1px solid #c9cacd; font-size:8px;}
#servicelabel a{ color:#fff; text-decoration:none;}
#servicelabel a:visited{ color:#fff; text-decoration:none;}
#servicelabel a:hover{ color:#fff; text-decoration:none;}
#servicelabel label{ float:left; margin-right:4px; margin-left:4px; text-align:left}

#serviceleft{width:239px; float:right;border-bottom:1px solid #c9cacd; background:#ffffff url(../images/gradient3.jpg) repeat-x; background-position:bottom;height:379px;}
#serviceleft div { margin:20px 10px;}
#serviceleft input{ width:210px; margin-bottom:6px;}

.width { width:210px;}