@charset "UTF-8";

/* ================== Position =================== */

body {
	margin: 0px;
	padding: 0px;
	background-color: #F5F5F5;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #393939;
}
#outerShell {
	background-image: url(../images/bgTop.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}

#topOuterDiv {
	width:970px;
	margin: 0px auto 0px auto;
	position: relative;
	padding: 0px;
}

/* ============= Header ============== */

#headerDiv {
	width:970px;
	height:141px;
	background-image: url(../images/bgHeader.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	margin: 0px;
}
	#headerDiv #logoDiv {
	height: 51px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 45px;
}
#headerDiv #logoDiv h1 {
	text-indent: -1000em;
	margin: 0px;
	padding: 0px;
}

/* ============= Main Menu ============== */

#menuWidth{
	width: 670px;
	float:left;
	background:url(../images/nav_dvr.gif) left no-repeat;
	}

#mainMenu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 685px;
}
#mainMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainMenu ul li {
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
}

/* ====== Home ======== */

#mainMenu ul .homeCurrent a:link , #mainMenu ul .homeCurrent a:visited, #mainMenu ul .homeCurrent a:hover , #mainMenu ul .homeCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/home.png);
	height: 35px;
	width: 63px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .home a:link , #mainMenu ul .home a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/home.png);
	height: 35px;
	width: 63px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .home a:hover , #mainMenu ul .home a:active {
	background-position: left top;
	border: none;
}

/* ====== About ======== */

#mainMenu ul .aboutCurrent a:link , #mainMenu ul .aboutCurrent a:visited, #mainMenu ul .aboutCurrent a:hover , #mainMenu ul .aboutCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/about.png);
	height: 35px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .about a:link , #mainMenu ul .about a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/about.png);
	height: 35px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .about a:hover , #mainMenu ul .about a:active {
	background-position: left top;
	border: none;
}

/* ====== Solutions ======== */

#mainMenu ul .solutionsCurrent a:link , #mainMenu ul .solutionsCurrent a:visited, #mainMenu ul .solutionsCurrent a:hover , #mainMenu ul .solutionsCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/solutions.png);
	height: 35px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .solutions a:link , #mainMenu ul .solutions a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/solutions.png);
	height: 35px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .solutions a:hover , #mainMenu ul .solutions a:active {
	background-position: left top;
	border: none;
}

/* ====== Products ======== */

#mainMenu ul .productsCurrent a:link , #mainMenu ul .productsCurrent a:visited, #mainMenu ul .productsCurrent a:hover , #mainMenu ul .productsCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/products.png);
	height: 35px;
	width: 83px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .products a:link , #mainMenu ul .products a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/products.png);
	height: 35px;
	width: 83px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .products a:hover , #mainMenu ul .products a:active {
	background-position: left top;
	border: none;
}

/* ====== Services ======== */

#mainMenu ul .servicesCurrent a:link , #mainMenu ul .servicesCurrent a:visited, #mainMenu ul .servicesCurrent a:hover , #mainMenu ul .servicesCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/services.png);
	height: 35px;
	width: 81px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .services a:link , #mainMenu ul .services a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/services.png);
	height: 35px;
	width: 81px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .services a:hover , #mainMenu ul .services a:active {
	background-position: left top;
	border: none;
}

/* ====== Partners ======== */

#mainMenu ul .partnersCurrent a:link , #mainMenu ul .partnersCurrent a:visited, #mainMenu ul .partnersCurrent a:hover , #mainMenu ul .partnersCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/partners.png);
	height: 35px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .partners a:link , #mainMenu ul .partners a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/partners.png);
	height: 35px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .partners a:hover , #mainMenu ul .partners a:active {
	background-position: left top;
	border: none;
}

/* ====== Case Studies ======== */

#mainMenu ul .caseStudiesCurrent a:link , #mainMenu ul .caseStudiesCurrent a:visited, #mainMenu ul .caseStudiesCurrent a:hover , #mainMenu ul .caseStudiesCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/caseStudies.png);
	height: 35px;
	width: 111px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .caseStudies a:link , #mainMenu ul .caseStudies a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/caseStudies.png);
	height: 35px;
	width: 111px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .caseStudies a:hover , #mainMenu ul .caseStudies a:active {
	background-position: left top;
	border: none;
}

/* ====== Contact ======== */

#mainMenu ul .contactCurrent a:link , #mainMenu ul .contactCurrent a:visited, #mainMenu ul .contactCurrent a:hover , #mainMenu ul .contactCurrent a:active {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/contact.png);
	height: 35px;
	width: 98px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor:default
}
#mainMenu ul .contact a:link , #mainMenu ul .contact a:visited {
	text-indent: -1000em;
	display: block;
	background-image: url(../images/menu/contact.png);
	height: 35px;
	width: 98px;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
}
#mainMenu ul .contact a:hover , #mainMenu ul .contact a:active {
	background-position: left top;
	border: none;
}

/* ===================== End of Main Menu ======================= */


/* ===================== Flag Menu ======================= */

#flagMenu {
	float: right;
	height: 35px;
	width: 283px;
	margin: 0px;
	padding: 0px;
}
#flagMenu ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#flagMenu ul li {
	display:inline;
}
#flagMenu ul li a {
	float: left;
	width: 17px;
	height: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
#flagMenu ul .txt_aWorldOfSolutions {
	background-image: url(../images/txt/txt_aWorldOfSolutions.png);
	background-repeat: no-repeat;
	width: 163px;
	float: left;
	text-indent: -1000em;
}

/* ================== Middle =================== */

#middleOuterDiv {
	margin: 0px;
	background-color:#545454;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 100%;
}
#middleOuterDiv #topShell {
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*position: relative;*/
	padding: 0px;
}
#middleOuterDiv #topShell #content {
	float: left;
	width: 670px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
}

/* == Headlines == */

#middleOuterDiv #topShell #content h1 {
	margin: 0px;
	padding: 0px;
	text-indent: -1000em;
}
#middleOuterDiv #topShell #content .headlineHome {
	background-image: url(../images/txt/text_home.png);
	background-repeat: no-repeat;
	height: 34px;
}
#middleOuterDiv #topShell #content .headlineAbout {
	background-image: url(../images/txt/text_about.png);
	background-repeat: no-repeat;
	height: 68px;
}
#middleOuterDiv #topShell #content .headlineSolutions {
	background-image: url(../images/txt/text_solutions.png);
	background-repeat: no-repeat;
	height: 68px;
}
#middleOuterDiv #topShell #content .headlineProducts {
	background-image: url(../images/txt/text_products.png);
	background-repeat: no-repeat;
	height: 75px;
}
#middleOuterDiv #topShell #content .headlineServices {
	background-image: url(../images/txt/text_services.png);
	background-repeat: no-repeat;
	height: 75px;
}
#middleOuterDiv #topShell #content .headlinePartners {
	background-image: url(../images/txt/text_partners.png);
	background-repeat: no-repeat;
	height: 75px;
}
#middleOuterDiv #topShell #content .headlineCase {
	background-image: url(../images/txt/text_case.png);
	background-repeat: no-repeat;
	height: 34px;
}
#middleOuterDiv #topShell #content .headlineContact {
	background-image: url(../images/txt/text_contact.png);
	background-repeat: no-repeat;
	height: 34px;
}

#middleOuterDiv #topShell #content .headlinePrivacyPolicy {
	background-image: url(../images/txt/text_privacypolicy.png);
	background-repeat: no-repeat;
	height: 36px;
}

/* == End of Headlines == */

#middleOuterDiv #topShell #content p {
	color: #FFF;
}
#middleOuterDiv #topShell #content .arrow1 {
	background-image: url(../images/arrowGrey01.png);
	background-repeat: no-repeat;
	line-height: 20px;
	height: 20px;
}
#middleOuterDiv #topShell #map {
	background-image: url(../images/worldMap.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 144px;
	width: 283px;
}

/* ================== Bottom =================== */

#bottomOuterDiv {
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#bottomOuterDiv #bottomShell {
	padding: 0px;
	width: 970px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

/* ================== Column 1 styles =================== */

#bottomOuterDiv #bottomShell #column01 {
	margin: 0px;
	padding: 0px;
	width: 630px;
	float: left;
}
#column01 .bullets {
	list-style-type: disc;
	list-style-position: inside;
}

#column01 ul {
	list-style-type: disc;
}
#column01 ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #393939;
	font-size: 12px;
	line-height: 19px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-position: outside;
	list-style-type: disc;
}
#column01 ul li a:link , #column01 ul li a:visited  {
	color: #3981c3;
	text-decoration:none;
}
#column01 ul li a:hover , #column01 ul li a:active  {
	color: #3981c3;
	text-decoration:underline
}
#column01 .contactDetails {
	list-style-type: none;
}
#column01 .contactDetails li em {
	margin-top: 20px;
}

#bottomOuterDiv #bottomShell #column02 {
	padding: 0px;
	width: 307px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 400px;
}

/* ================== Side Boxs =================== */

#bottomOuterDiv  #bottomShell  #column02  #eNewsletterSmall {
	background-image: url(../images/placeHolder_subscribeBox2.png);
	height: 104px;
	width: 307px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#bottomOuterDiv  #bottomShell  #column02  #eNewsletterLarge {
	background-image: url(../images/placeHolder_subscribeBox1.png);
	height: 349px;
	width: 307px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#bottomOuterDiv #bottomShell #column02 #latestNews {
	background-image: url(../images/placeHolder_newsBox.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 258px;
	width: 307px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#column02 #servicesList #topCurve {
	background-image: url(../images/placeHolder_newsBox.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 307px;
}
#column02 #servicesList #bottomCurve {
	background-image: url(../images/placeHolder_newsBox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 307px;
}
#column02 #servicesList {
	color: #FFF;
	background-image: url(../images/placeHolder_newsBox.png);
	width: 307px;
	background-repeat: no-repeat;
}
#column02 #servicesList #servicesListShell {
	background-color: #535353;
	width: 267px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
#column02 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px;
	color: #FFF;
	font-weight: normal;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #FFF;
	padding-bottom: 12px;
	margin: 0px;
}
#column02 #servicesList #servicesListShell ul {
	padding: 0px;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#column02 #servicesList #servicesListShell ul li {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#servicesListShell ul li a:link, #servicesListShell ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#servicesListShell ul li a:hover, #servicesListShell ul li a:active {
	color: #3981c3;
	text-decoration: none;
}
#bottomOuterDiv #bottomShell #column02 #contactForm {
	background-image: url(../images/placeHolder_contactBox.png);
	background-repeat: no-repeat;
	height: 375px;
}

#bottomOuterDiv #bottomShell #column02 #contactForm1 {
	/*background-image: url(../images/placeHolder_contactBox.png);
	background-repeat: no-repeat;
	height: 375px;*/
	width: 287px;
	background:#535353 url(../images/contactTop.jpg) top no-repeat;
	padding:10px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#bottomOuterDiv  #bottomShell  #column02  #eNewsletterSmall1 {
	background:#4194ce url(../images/blueRoundBgTop.jpg) top no-repeat;
	/*height: 104px;*/
	width: 287px;
	padding:10px 10px 0px 10px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.whiteText{
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
	margin-bottom:7px;
	border-bottom:1px dotted #fff;
	}
	
.inputBg{
	background:url(../images/inputBg.jpg) no-repeat;
	width:185px;
	height:18px;
	border:0px;
	padding:7px;
	}	
	
.inputBg1{
	background:url(../images/inputBg1.gif) no-repeat;
	width:264px;
	height:16px;
	border:0px;
	padding:7px;
	margin-bottom:6px;
	}		
	
.textareaBg{
	background:url(../images/textareaBg.jpg);
	width:185px;
	height:90px;
	border:0px;
	padding:7px;
	}	
	
.contactFormBtm{
	background:url(../images/contactBottom.jpg);
	height:9px;
	width:307px;
	margin-bottom:30px;
	}	
	
.homeFormBtm{
	background:url(../images/blueRoundBgBtm.jpg);
	height:9px;
	width:307px;
	margin-bottom:10px;
	}	
	
.saveButton{
	background:url(../images/sendImg.jpg); 
	width:74px; 
	height:25px; 
	border:0px; 
	font-size:0px;
	line-height:0px;
	text-indent:-1000px;
	color:#fff; 
	cursor:pointer;
	outline:none;
	}
	
.sendButton{
	background:url(../images/sendImg_.jpg); 
	width:74px; 
	height:25px; 
	border:0px; 
	font-size:0px;
	line-height:0px;
	text-indent:-1000px;
	color:#fff; 
	cursor:pointer;
	outline:none;
	}
	
.subscribeButton{
	background:url(../images/subscribeBtn.jpg); 
	width:72px; 
	height:25px; 
	border:0px; 
	font-size:0px;
	line-height:0px;
	text-indent:-1000px;
	color:#fff; 
	cursor:pointer;
	outline:none;
	}	
	
form{
	margin:0px;
	padding:0px;
	}	
	
input,select,textarea{font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #393939;
	}	

#bottomOuterDiv #bottomShell h2 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #545454;
	padding-bottom: 10px;
	margin: 0px;
}

/* ================== Content images =================== */

.contentImage01 {
	float: right;
	clear: both;
	padding: 0px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 3px solid #DCDCDC;
}

.contentImage02 {
	border: 3px solid #DCDCDC;
}


/* ================== Global styles =================== */

h1, h2, h3, h4, h5, h6  {
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
	font-size:18px;
	margin:0px;
	padding:0px;
}
p {
	font-size:12px;
	line-height:19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #393939;
}
p a:link , p a:visited {
	color:#3981c3;
	text-decoration: none;
}
p a:hover , p a:active {
	color:#3981c3;
	text-decoration: underline;
}
.babyBlueLink a:link , .babyBlueLink a:visited {
	color:#94c2e6;
	border:none;
}
.babyBlueLink a:hover , .babyBlueLink a:active {
	color:#94c2e6;
	border:none;
}
.greyLink a:link , .greyLink a:link a:visited{
	color:#504C4D;
	border:none;
}
.greyBlueLink a:hover , .greyBlueLink a:active {
	color:#3F3B3C;
	border:none;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.0pxTopMargin {
	margin: 10px 0px 0px 0px;
}
.5pxTopMargin {
	margin: 10px 0px 0px 0px;
}
.10pxTopMargin {
	margin: 10px 0px 0px 0px;
}
.15pxTopMargin {
	margin: 20px 0px 0px 0px;	
}
.20pxTopMargin {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.30pxTopMargin {
	margin: 20px 0px 0px 0px;	
}

/* ================== Footer =================== */

.details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	text-decoration:none;
	color: #545454;
	float: left;
}
.detailsGrey {
	color: #535353;
}
.detailsGrey a:link , .detailsGrey a:visited {
	color: #535353;
	text-decoration:none;
}
.detailsGrey a:hover , .detailsGrey a:active {
	color: #3981c3;
	text-decoration:none;
}
.credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	text-decoration:none;
	color: #535353;
	float: right;
}
.credit a:link , .credit a:visited {
	color: #535353;
	text-decoration:none;
}
.credit a:hover , .credit a:active {
	color: #3981c3;
	text-decoration:none;
}
#footer  {
	position: fixed;
	bottom: 0px;
	background-image: url(../images/bgFooter.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	height: 20px;
}
#footerShell  {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	width: 970px;
}