* {
	padding:0px;
	margin:0;
}
 @font-face {
 font-family: 'myriadroman';
 src: url('../fonts/myriad-webfont.eot');
 src: url('../fonts/myriad-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/myriad-webfont.woff') format('woff'),  url('../fonts/myriad-webfont.ttf') format('truetype'),  url('../fonts/myriad-webfont.svg#myriadroman') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'interluderegular';
 src: url('../fonts/interlude-webfont.eot');
 src: url('../fonts/interlude-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/interlude-webfont.woff') format('woff'),  url('../fonts/interlude-webfont.ttf') format('truetype'),  url('../fonts/interlude-webfont.svg#interluderegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
li {
	list-style:none;
}
.clear {
	clear:both;
}
body {
	background:#000000;
	font-size:12px;
	font-family: 'myriadroman';
	color:#fff;
	font-size:15px;
}
img {
	border:none;
}
a {
	text-decoration:none;
}
#mainWrapper {
	width:98%;
	margin:0 auto;
}
.header{ position:relative;}
.logo {
	float:left;
	margin:4% 0%;
	position:absolute;
	left:0px;
	top:1px;
}
.navigation {
	float:right;
	margin:4% 0
}
.navigation ul {
	padding:0px;
	margin:0px;
}
.navigation ul li {
	display:inline;
	margin-left:10px;
}
.navigation ul li a {
	color:#d1d1d1;
	font-size:12px;
	text-transform:uppercase;
}
.navigation ul li a:hover {
	color:#fff;
}
.mainContentArea {
	width:70%;
	margin:0 auto;
	padding-top:70px;
}

.mainContentArea h2 { font-size:15px; font-weight: normal; text-transform:uppercase; color:#D1D1D1;
 border-bottom: 1px solid #121212; padding:10px 0; margin-bottom:10px;
	
}
.mainContentArea .text {
	width:100%;
	float:left;
}
.mainContentArea .text h1 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}
.mainContentArea .text .step {
	border-bottom: solid 1px #121212;
	padding:15px 0;
	margin-bottom:15px;
	float:left;
	width:94.4%; color:#d1d1d1; font-size:15px;
}
.mainContentArea .text .step .first {
	width:25%;
	float:left;
padding-bottom:
}
.mainContentArea .text .step .second {
	width:25%;
	float:left;
	text-align:center;
}

.mainContentArea .text .step .third {
	width:25%;
	float:left;
	text-align:center;
}
.mainContentArea .text .step .forth {
	width:25%;
	float:right;
	text-align:right;
}
.mainContentArea .text .tagLine {
	width:100%;
	float:left;
	font-size:16px; padding:20px 0 15px 0;
}
.mainContentArea .text .nik {
	font-size:25px;
	font-family: 'interluderegular';
}
.mainContentArea .text .clients {
	width:100%;
	float:left;
	padding-top:40px;
	padding-bottom:10px;
}
.mainContentArea .text .clients h3 {
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:10px;
}
.mainContentArea .text .clients ul {
	padding:0px;
	margin:0px;
}
.mainContentArea .text .clients ul li {
	display:inline;
	list-style:none;
	margin-right:11px;
}
.mainContentArea .text .clients ul .last {

	margin-right:0px !important;
}
.footer {
	width:70%;
	margin:0 auto;
	border-top: solid 1px #121212;
	padding:15px 0;
}
.footer .designBy {
	float:right;
	color:#151515;
	font-size:13px; padding:5px 0;
}
.footer .designBy a {
	color:#ccc;
	text-decoration:none;
}
.footer .designBy a:hover {
	color:#fff;
}
.footer .followUs {
	float: right;
	text-align:right;
}
.footer .followUs ul {
	padding:0px;
	margin:0px;
}
.footer .followUs ul li {
	display:inline;
}
.footer .followUs ul li .twitter {
	background:url(../images/twitter.png) left top no-repeat;
	height:22px;
	width:23px;
	float:left;
}
.footer .followUs ul li .twitter:hover {
	background:url(../images/twitter.png) left bottom no-repeat;
}
.footer .followUs ul li .facebook {
	background:url(../images/facebook.png) left top no-repeat;
	height:22px;
	width:23px;
	float:left;
	margin-left:5px;
}
.footer .followUs ul li .facebook:hover {
	background:url(../images/facebook.png) left bottom no-repeat;
}
/*Crowsel*/

	.list_carousel {
	margin: 20px 0 0px 0px;
	width: 100%;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	width: 65px;
	height: 50px;
	padding: 0;
	margin-left: 0px;
	display: block;
	float: left;
	border: solid 1px #333;
}

.list_carousel li:hover {
	border: solid 1px #fff;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
/*Crowsel Ends*/
		
		
.box {
	left: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top:0px;
	width: 555px;
	z-index: 101; margin:4% 0;
}
.overlay {
	bottom: 0;
	left: 0px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
.profile{ width:100%; font-size:12px; line-height:18px; float:right;}
 p{ padding-top:10px;  font-size:12px; line-height:18px;}
.profile ul{ padding:0px; margin:0px;}
.profile ul li{ display:block; font-size:13px; padding:3px 0px 3px 15px !important; background:url(../images/bullet.png) left top no-repeat; }


.profile1{ width:32%; font-size:12px; line-height:18px; margin-right:2% ; float:left;}
 p{ padding-top:10px;  font-size:12px; line-height:18px;}
.profile1 ul{ padding:0px; margin:0px;}
.profile1 ul li{ display:block; font-size:13px; padding:3px 0px 3px 0px;  }
.testimonialContent{ border-bottom: dashed 1px #121212; padding:5px 0 10px 0; margin-bottom:10px; float:left;}
.testimonialImg{ margin-right:20px; border: dashed 1px #f2f2f2; }

/*News*/
#news{ width:75%; float:right; height:170px; overflow:hidden;}
#vertical-event {
	height:100px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#vertical-event li {
	padding:2px 0px;
	display:block;
	color:#fff;
	padding:0 0 10px 0;
	margin-bottom:5px;
	float:left; width:100%; background:none !important;
}
/*News*/
.gallery { width:100%; float:right; color:#333; text-align:center;}
.gallery ul{ padding:0; margin:0;}
.gallery ul li{ background:; padding:2px; margin-right:15px; width:10%; list-style:none; margin-bottom:15px; border: dashed 1px #333; float:left; color:#d7d7d7; display:inline;}
.gallery ul li:hover{ border: dashed 1px #fff;}

.testimonials { width:100%; float:right; color:#333; text-align:center;}
.testimonials ul{ padding:0; margin:0;}
.testimonials ul li{ background:; padding:2px; margin-right:15px; width:15%; list-style:none; margin-bottom:15px; border: dashed 1px #333; float:left; color:#d7d7d7; display:inline; min-height:162px;}
.testimonials ul li:hover{ border: dashed 1px #fff;}


.leftMenu{ width:20%; float:left;}
.leftMenu ul{ padding:0px; margin:0px;}
.leftMenu ul li{ display:block; border-bottom: solid 1px #121212; float:left;  margin-bottom:5px ; padding:3px 0; width:100%; }
.leftMenu ul li a{ color:#D1D1D1; text-transform:uppercase; font-size:12px; background:url(../images/sub-link.png) right no-repeat ; width:100%; float:left;  }
.leftMenu ul li a:hover{ color:#fff; text-transform:uppercase; font-size:12px; background:url(../images/sub-link-hover.png) right no-repeat ;}
.leftMenu ul li a.act{ color:#fff; text-transform:uppercase; font-size:12px; background:url(../images/sub-link-hover.png) right no-repeat ;}

.contact{ width:100%; float:left; padding-top:20px; padding-bottom:20px; min-height:315px}
.contact a{ text-decoration:none; color:#d1d1d1; }
.contact a:hover{ text-decoration:none; color:#fff; }
.contactform{ width:50%; float:left;}
.contactform ul{ padding:0px; margin:0px;}
.contactform ul li{ display:block; margin-bottom:5px; list-style:none;}
.contactform ul li label{ width:20%; float:left;}
.contactform ul li input,textarea{ width:70%; padding:1px; border:none;}
.getinTouch{ width:35%; float:left; margin-left:7%; line-height:18px;}
.getinTouch a{ color:#d1d1d1; text-decoration:underline;}
.getinTouch a:hover{ color:#fff; text-decoration: none;}
.btn{ width:12% !important; border:none; background:#f2f2f2; color:#000; font-size:14px; cursor:pointer; padding:5px!important 10px!important;}
.btn:hover{ width:10%; border:none; background:#333; color:#fff;}
.rightSide{ width:75%; float:right;}
.step1{ width:31%; float:left; }
.step1 a{ color:#a1a1a1; }
.step1 a:hover{ color:#fff; }
.step2{ width:22%; float:left; text-align:center }
.step2 a{ color:#a1a1a1; }
.step2 a:hover{ color:#fff; }
.step3{ width:22%; float:left; text-align:center }
.step3 a{ color:#a1a1a1; }
.step3 a:hover{ color:#fff; }
.step4{ width:25%; float:left; text-align:right }
.step4 a{ color:#a1a1a1; }
.step4 a:hover{ color:#fff; }
.greytxt{ color:#a1a1a1 !important}

.video-frame{width:600px; height:400px; margin:auto; margin-top:20px;}