@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
body {
	line-height: 1;
	background-image: url(../images/BG-main.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #bec5c9;
	margin-left: 50px;
}
background-color:AFCBD9;
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.Clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.Clear2 {
	margin-left: 100px;
	margin-right: 100px;
	padding: 0px;
	clear: both;
}
.Clear3 {
	margin-left: 115px;
	margin-right: 115px;
	padding: 0px;
	clear: both;
}
.Clear4 {
	margin-left: 125px;
	margin-right: 125px;
	padding: 0px;
	clear: both;
}
#Holder {
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#Header {
	background-image: url(../images/BG-header.png);
	background-repeat: no-repeat;
	height: 156px;
	width: 948px;
}
#Logo {
	height: 40px;
	width: 500px;
	padding-top: 45px;
	padding-left: 50px;
}
#Logo a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#LinksHolder {
	height: 36px;
	width: 876px;
	background-image: url(../images/BG-links.png);
	background-repeat: no-repeat;
	padding: 0px 36px;
}
#LinksHolder ul {
	width: 100%;
	position: relative;
}
#LinksHolder li {
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
	float: left;
}
#LinksHolder li a {
	color: #193449;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 18px;
	line-height: 36px;
	display: block;
}
#LinksHolder li a:hover {
	color: #FFF;
	background-repeat: repeat-x;
}
#LinksHolder li a#Active {
	color: #FFF;
	background-image: url(../images/BG-hover.gif);
	background-repeat: repeat-x;
}
#Subheader, #SubheaderOthers {
	background-image: url(../images/BG-subheader.png);
	background-repeat: no-repeat;
	height: 227px;
	width: 948px;
}
#SubheaderOthers {
	background-image: url(../images/BG-subheader-others.png);
	height: 137px;
	position: relative;
}
#QuoteText {
	width: 450px;
	padding-top: 40px;
	padding-left: 54px;
	float: left;
}
#QuoteText h1 {
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	line-height: 1.1em;
	margin-bottom: 28px;
}
#QuoteText2 {
	width: 700px;
	padding-top: 55px;
	padding-left: 55px;
	float: left;
}
#QuoteText2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: normal;
	margin-bottom: 28px;
}
#QuoteText p {
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	color: #C5C5C5;
	font-weight: normal;
	line-height: 1.2em;
}
#ContentHolder {
	background-image: url(../images/BG-main_content.png);
	background-repeat: repeat-y;
	width: 946px;
	padding-right: 1px;
	padding-left: 1px;
}
.LeftHomeContent, .RightHomeContent, .ServicesContent {
	float: left;
	width: 380px;
	padding-left: 60px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 2px;
}
.RightHomeContent {
	width: 380px;
}
.ServicesContent {
	width: 836px;
	padding-right: 44px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}
.LeftHomeContent h1, .RightHomeContent h1, .ServicesContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #204560;
	width: 100%;
	background-image: url(../images/Line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
}
.LeftHomeContent h2, .RightHomeContent h2, .ServicesContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #387AAA;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 20px;
}
.LeftHomeContent h3, .RightHomeContent h3, .ServicesContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 20px;
}
.LeftHomeContent p, .RightHomeContent p {
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #494949;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.4em;
}
.LeftHomeContent p a, .RightHomeContent p a {
	text-decoration: underline;
	color: #085A9C;
}
.LeftHomeContent p a:hover, .RightHomeContent p a:hover {
	text-decoration: none;
	color: #000;
}
/*.LeftHomeContent img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;*/
}
.Date {
	color: #085a98;
}
#ContenHolderBottom {
	height: 59px;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/BG-main_content_bottom.png);
	background-repeat: no-repeat;
}
#Footer {
	width: 735px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 73px;
	padding-bottom: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
/* width was 948px; */
#Footer p {
	clear: both;
	padding-top: 22px;
	text-align: center;
}
.BottomMenu {
	margin-right: 30%;
	margin-left: 30%;
}
/*above margins were 36% (before adding 'Testing' menu) */

.BottomMenu ul {
	display: inline;
	margin-right: auto;
	margin-left: auto;
}
.BottomMenu li {
	display: block;
	float: left;
}
.BottomMenu li a {
	color: #1d3d56;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
}
.BottomMenu li a:hover {
	color: #428BC4;
}
.WhatWeDoContainer {
	width: 335px;
	margin-top: 20px;
}
.WhatWeDoIconHolder {
	float: left;
	height: 31px;
	width: 32px;
	padding-top: 22px;
}
.WhatWeDoDescription {
	float: left;
	width: 277px;
	margin-left: 26px;
}
.WhatWeDoDescription h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #085a98;
}
.WhatWeDoDescription p {
	padding-top: 8px;
	font-size: 12px;
}
.DownloadButton {
	width: 285px;
	height: 48px;
	position: absolute;
	background-repeat: no-repeat;
	left: 603px;
	top: 43px;
}
.DownloadButton a {
	text-indent: -6000px;
	background-image: url(../images/Download_Button.png);
	display: block;
	line-height: 48px;
}
.DownloadButton a:hover {
	background-image: url(../images/Download_Button.png);
	background-position: 0px -48px;
}
#DisplayHolder {
	height: 198px;
	width: 363px;
	padding-top: 29px;
	float: left;
	position: relative;
	margin-left: 30px;
	display: inline;
}
#GreyBar {
	height: 42px;
	width: 883px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/BG-grey_bar.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-family: sans-serif;
	font-size: 19px;
	line-height: 42px;
	padding-left: 55px;
	position: relative;
}
 Arial, Helvetica, sans-serif; 
.MonitorBottom {
	height: 29px;
	width: 210px;
	background-image: url(../images/MonitorBottom.png);
	background-repeat: no-repeat;
	float: right;
	position: absolute;
	left: 597px;
	top: 0px;
}
.ServicesHolder, .ServicesHolderFirstRow {
	float: left;
	width: 400px;
	padding-right: 18px;
	margin-top: 55px;
}
.ServicesHolderFirstRow {
	margin-top: 20px;
}
.ServiceIconsHolder {
	float: left;
	height: 63px;
	width: 64px;
	padding-top: 40px;
}
.ServicesDescription {
	width: 315px;
	float: left;
	padding-left: 20px;
}
.ServicesDescription h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #085a98;
	font-weight: normal;
	margin-bottom: 18px;
}
.ServicesDescription p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #494949;
	line-height: 1.3em;
}
.PortfolioItem, .PortfolioItemLast {
	height: 123px;
	width: 241px;
	background-image: url(../images/BG-Portfolio_Item.png);
	background-repeat: no-repeat;
	margin-top: 25px;
	padding-top: 7px;
	padding-left: 7px;
	margin-bottom: 12px;
	float: left;
	margin-right: 42px;
}
.PortfolioItemLast {
	margin-right: 0px;
}
.HorizontalLine {
	height: 2px;
	width: 100%;
	background-image: url(../images/Line.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	background-position: bottom;
}
/*     Creating a form without table    */
/*     Author= "AJAY TALWAR"            */
/*     Email- ajayslide183@gmail.com    */

*{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0;
}
body{ font:100% normal Arial, Helvetica, sans-serif; }
form,input,select,textarea{margin:0; padding:0; color:#fff;}

div.box{
margin:0 auto;
width:500px;
background:#222;
position:relative;
top:50px;
border:1px solid #262626;
}

div.box h1{ 
color:#FFF5CC;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label{
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
div.box label span{
display: block;
color:#bbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text{
padding:10px 10px;
width:200px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
overflow:hidden;
height:150px;
}
 
div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

/*     End of form without table    */

.ContactForm {
	float: left;
	width: 220px;
	margin-top: 20px;
	padding-right: 30px;
}
.ContactMap {
	float: left;
	width: 310px;
	margin-top: 20px;
	padding-top: 28px;
}
.ContactInfo {
	width: 250px;
	margin-top: 20px;
	float: left;
	padding-left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 28px;
}
.ContactInfo a {
	color: #2d5d83;
	text-decoration: none;
}
.ContactInfo a:hover {
	color: #4794D2;
}
.ContactInfo h1 {
	font-size: 18px;
	color: #34363d;
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
}
.ContactForm form h1 {
	font-size: 17px;
	color: #2d5d83;
	background-image: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.ContactForm form p {
	font-size: 13px;
	color: #2c2c2c;
	font-family: Arial, Helvetica, sans-serif;
}
.ContactFormSubmit {
	margin-left: 157px;
}
.HorizontalLineContact {
	height: 2px;
	width: 100%;
	background-image: url(../images/Line.gif);
	background-repeat: repeat-x;
	padding-top: 25px;
	background-position: bottom;
}
.TextField, .TextFieldMultiline {
	color: #000;
	background-color: #EDEDED;
	width: 206px;
	height: 19px;
	border: 1px solid #bfbfbf;
	margin-bottom: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
}
.TextFieldMultiline {
	height: 62px;
}
#screen2 .prev {
	height: 24px;
	width: 40px;
	position: absolute;
	left: 1px;
	top: 100px;
	text-indent:-5000px;
	display:block;
	background-image: url(../images/Arrow-Left.png);
}
#screen2 .next {
	height: 24px;
	width: 40px;
	position: absolute;
	left: 320px;
	top: 100px;
	text-indent:-5000px;
	display:block;
	background-image: url(../images/Arrow-Right.png);
}
#screen2 {
	background-image: url(../images/Monitor.png);
	background-repeat: no-repeat;
	float: left;
	height: 198px;
	width: 251px;
	margin-right: 16px;
	margin-left: 56px;
	display: inline;
}
#slideshow{
	margin:8px 0px 0px 9px;
	overflow:hidden;
	width:232px;
}

#slideshow ul{
	width:2320px;
}

#slideshow li{
float:left;
cursor:pointer;
}
