@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
	}
ol, ul {
	list-style:none;
}
div, img {
	border:none;
	outline:none;
	border-width:0;
}
.clear {
	line-height:0;
	font-size:0;
	height:0;
	letter-spacing:0;
	clear:both;
	float:none;
	padding:0;
	margin:0;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.width100 {
	display:block;
	clear:both;
	height:auto;
	width:100%;
}
#wrapper {
	display:block;
	width:100%;
}
#innerWrapper {
	width:980px;
	margin:0px auto;
	clear:both;
}
#header {
	width:100%;
	clear:both;
	margin-bottom:4px;
}
#logo {
	float:left;
}

#logo h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#FFF;
	padding:15px 0 15px 0;
}

#nav {
	float:right;
	text-align:right;
}

ul#mainNav {
	line-height:55px;
	width:100%;
	clear:both;
	border:0px solid #f00;
}
ul#mainNav li {
	display:block;
	float:left;
	padding:0 12px 0 21px;
	text-align:right;
}

ul#mainNav li.last {
	display:block;
	float:left;
	padding:0 0 0 21px;
}

ul#mainNav li a:link, ul#mainNav li a:visited {
	display:block;
	font-family:"Myriad Pro", arial;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}
ul#mainNav li a:hover {
	color:#fff;
	text-decoration:none;
	background:url(../images/hover.png) repeat-x top #000;
}
#container {
	display:block;
	width:100%;
	clear:both;
}
.bannerArea {
	display:block;
	clear:both;
	width:100%;
	background:url(../images/bannerAreaImage.jpg) no-repeat right;
	height:445px;
}

.bannerAreaInner {
	display:block;
	clear:both;
	width:100%;bannerAreaLeft
	height:145px;
}

.bannerAreaLeft {
	float:left;
	width:422px;
}
.bannerAreaLeft h2 {
	display:block;
	clear:both;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	padding:70px 0 0 0;
	text-shadow: #000 1px -1px 1px;
	text-transform:uppercase;
}


.bannerAreaInnerLeft {
	float:left;
	width:100%;
}
.bannerAreaInnerLeft h2 {
	display:block;
	clear:both;
	font-size:34px;
	color:#CCC;
	font-weight:bold;
	padding:40px 0 50px 0;
	text-shadow: #000 1px -1px 1px;
	text-transform:uppercase;
	text-align:left;
}


.bannerAreaLeft h3 {
	display:block;
	clear:both;
	font-size:18px;
	color:#ccc;
	font-weight:normal;
	margin-bottom:10px;
	text-shadow: #000 1px -1px 1px;
	border-bottom:#999 solid 1px;
}

.bannerAreaLeft h4 {
	display:block;
	clear:both;
	font-size:18px;
	color:#ccc;
	font-weight:normal;
	margin-top:40px;
	text-shadow: #000 1px -1px 1px;
}


.bannerAreaRight {
	display:block;
	float:right;
	background:url(../images/phone-bg.jpg) no-repeat right;
	width:149px;
	height:51px;
	margin-top:30px;
}

.bannerAreaRight h3 {
	display:block;
	clear:both;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
}


.testi {
	padding:10px;
	border:dotted 1px #CCC;
	margin:10px;
}

.highlight {
	font-weight:bold;
	color:#bb5a7a;
	text-align:left;
	padding:2px 0 10px 2px;
}


.microchip {
	display:block;
	clear:both;
	width:100%;
	line-height:16px;
	font-size:14px;
	color:#fff;
	font-family:"Tahoma",arial;
}
.microchip img {
	float:left;
	display:block;
	margin:0 3px 0 0;
}

ul#sub {
	width:100%;
	clear:both;
	border:0px solid #f00;
	padding:20px 0 0 20px;
	color:#d7dcf7;
}
ul#sub li {
	padding:0 12px 0 21px;
	background:url(../images/tick.png) no-repeat left;
	line-height:25px;
}
ul#sub li a {
	display:block;
	font-family:"Myriad Pro", arial;
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
}
.whyFie {
	display:block;
	width:100%;
	clear:both;
	padding:22px 0 20px 0;
}
.whyFie img {
	float:left;
	display:block;
	margin:0 28px 0 12px;
}
.whyFie h2 {
	display:block;
	color:#404040;
	font-size:24px;
	line-height:24px;
	margin-bottom:20px;
	
}
.whyFie p{
	line-height:28px;
	font-size:15px;
	font-family:"Trebuchet MS", arial;
}
.whyFie label {
	display:block;
	width:100%;
	text-align:right;
	font-weight:bold;
	text-shadow: #ccc 1px -1px 1px;
}

.whyFie label.form {
	display:inline-block;
	width:70px;
	text-align:right;
	padding:0 10px 5px 0;
}

.leftcol label.form {
	display:inline-block;
	width:150px;
	text-align:right;
	padding:0 10px 5px 0;
}


.readMoreRptr {
	display:block;
	float:left;
	width:313px;
	line-height:24px;
	height:260px;
	padding:10px 0 5px 14px;
	background:url(../images/contentDivsDivider.jpg) repeat-y right;
}
.readMoreRptrRight {
	width:312px;
	background:none;
}
.readMoreRptr h3 {
	display:block;
	clear:both;
	color:#bb5a7a;
	font-size:22px;
	line-height:18px;
	margin-bottom:22px;
	font-weight:normal;
	font-family:"Myriad Pro", arial;
}

.readMoreRptr h4 {
	display:block;
	clear:both;
	color:#999;
	font-size:28px;
	line-height:18px;
	font-weight:normal;
	font-family:"Myriad Pro", arial;
}

.readMoreRptr span {
	display:block;
	clear:both;
}
.readMoreRptr ul {
	display:block;
	clear:both;
	margin-bottom:30px;
}
.readMoreRptr ul li {
	display:list-item;
	padding:0 0 0 26px;
	background:url(../images/contentLiBg.jpg) no-repeat left 6px;
	clear:both;
}
.readMoreRptr span.readmore {
	display:block;
	clear:both;
	text-align:right;
	padding:0 27px 0 0;
	font-family:"Tahoma";
	text-transform:uppercase;
	font-size:12px;
}
.readMoreRptr span.readmore a{
	color:#06F;
	text-decoration:none;
}
.readMoreRptr span.readmore a:hover {
	color:#000;
	text-decoration:underline;
}
.readMoreRptr p {
	display:block;
	clear:both;
	line-height:24px;
	font-size:14px;
	padding:0 15px 5px 0;
}


.leftcol {
	float:left;
	width:600px;
	background:url(../images/contentDivsDivider.jpg) repeat-y right;
	min-height:300px;

}

.leftcol ul {
	list-style:disc;
	padding-left:50px;
	line-height:20px;
	margin:20px 0 20px 0;
}


.rightcol {
	float:right;
	width:360px;
}

.rightcol label {
	display:inline-block;
	width:70px;
	text-align:right;
	padding:0 10px 5px 0;
}

.leftcol h4 {
	display:block;
	clear:both;
	color:#007ac7;
	font-size:18px;
	line-height:12px;
	margin:22px 0 12px 0;
	font-weight:normal;
	font-family:"Myriad Pro", arial;
}


.leftcol h3, .rightcol h3 {
	display:block;
	clear:both;
	color:#007ac7;
	font-size:18px;
	line-height:18px;
	margin:22px 0 22px 0;
	font-weight:normal;
	font-family:"Myriad Pro", arial;
}
.leftcol p, .rightcol p {
	display:block;
	clear:both;
	line-height:24px;
	font-size:14px;
	padding:0 15px 5px 0;
}


#footer {
	height:170px;
	background:#0e0e0e;
	width:100%;
	text-align:center;
	padding:35px 0 0 0;
	color:#fff;
	margin-top:40px;
	clear:both;
}

#footer a {
	color:#fff;
	font-size:14px;
	font-family:"Myriad Pro", arial;
	margin:0 13px;
	text-transform:uppercase;
}
#footer span {
	display:block;
	clear:both;
	padding:25px 0 0 0;
	font-size:12px;
}
#footer span a {
	color:#fff;
	font-size:14px;
	font-family:"Myriad Pro", arial;
	margin:0;
	text-transform:capitalize;
	font-weight:normal;
	text-shadow: #FFC 0px 0px 1px;
}

.textbox {
	padding:5px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
}

.formbutton {
background-image: url(shade.png); background-position: bottom; padding:3px;}


.btn { display:block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color:#F90; font-size:14px; text-decoration:none; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

a.button {
    /* Sliding right image */
    background: transparent url('button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('button_left.png') no-repeat; 
display: block;
line-height: 23px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}



