@charset "utf-8";
body {
	font-family: Nixie One;
	font-size: 14px;
	font-weight: normal;
	color: #0d0d0e;
	padding:0px;
	margin:0px;
}
* {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
a {
	color:#b14352;
	text-decoration:none;
}
a:hover {
	color:#0d0d0e;
	text-decoration:underline;
}
img{ border:0px;}
h1 ,h2 ,h3{
	font-family:LeckerliOne;
	font-size:30px;
	color:#b14352;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
h2{
	font-size:48px;
	color:#000000;
	line-height:56px;
}
h3{
	font-family: NixieOne, MyCustomFont;
	font-size:36px;
	color:#b14352;
}

@font-face {
 font-family: Nixie One;
 src: url("../fonts/NixieOne.eot");
}
@font-face {
 font-family: Nixie One;
 src: url("../fonts/NixieOne.ttf");
}

@font-face {
 font-family: LeckerliOne;
 src: url("../fonts/LeckerliOne.eot");
}
@font-face {
 font-family: LeckerliOne;
 src: url("../fonts/LeckerliOne.ttf");
}

#background{
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:-5;
}
.hd{
	font-size:30px;
	color:#b14352;
	font-family:LeckerliOne;
}
.align{ float:left; width:100%;}
#epixel{ float:left;}
#wraper{width:100%; height:840px; overflow:auto; position:absolute;}
#header{float:left;	width:100%; z-index:1004; position:absolute;}
#logo{
	float:left;
	padding:20px 0px 0px 20px;
}
.top_content ,.top_content_white{
	float:right;
	font-size:22px;
	color:#000000;
	line-height:28px!important;
	padding:10px 50px 0px 0px;
}
.top_content_white{color:#FFF;}
.font33_blk ,.font33_red{font-size:30px; line-height:34px;}
.font33_red{color:#b14352;}
#footer{
	float:left;
	width:100%;
	background-color:#0f0d18;
	color:#FFFFFF;
	padding:3px 0px;
	bottom:0%;
	height:32px;
	position:fixed;
	z-index:1009;
}
#soc_media{
	float:left;
	padding-left:10px;
}
#soc_media ul li{
	float:left;
	width:33px;
	padding-right:3px;
	text-indent:-9999px;
}
#soc_media ul li ,.tw ,.fb ,.in{
	height:32px;
	width:33px;
	float:left;
	background:url(../images/twitter_icon.jpg) no-repeat left top;
}
#soc_media ul li ,.fb{background:url(../images/facebook_icon.jpg) no-repeat left top;}
#soc_media ul li ,.in{background:url(../images/linkedin_icon.jpg) no-repeat left top;}
#soc_media ul li ,.tw:hover ,.fb:hover ,.in:hover{ background-position:left bottom;}
#email{ 
	float:left;
	padding:6px 0px 0px 20px;
	font-size:14px;
}
#copy{ 
	float:right;  
	font-size:16px;
	padding:6px 10px 0px 0px;
}
#mid_content{
	width:100%;
}
.main{
	float:left;
	width:898px;
	padding:10px 51px;
}
.nav_box {
	width:863px;
	float:left;
}
.nav {
	width:863px;
	float:left;
	text-indent:-99999px;
	margin-top:-52px;
	z-index:1004;
	position:absolute;
}
.home_btn ,.about_btn ,.service_btn ,.portfolio_btn ,.client_btn ,.contcact_btn{
	float:left;
	width:70px;
	height:38px;
	margin:4px 5px 0px 0px;
	background:url(../images/home_act.png) no-repeat left top;
}
.home_btn_active ,.about_btn_active ,.service_btn_active ,.portfolio_btn_active ,.client_btn_active ,.contcact_btn_active{
	float:left;
	width:70px;
	height:70px;
	margin:0px 5px 0px 0px;
	background:url(../images/home_act.png) no-repeat left top;
}
.home_btn:hover ,.about_btn:hover ,.service_btn:hover ,.portfolio_btn:hover ,.client_btn:hover ,.contcact_btn:hover{
	float:left;
	width:70px;
	height:70px;
	margin:0px 5px 0px 0px;
	z-index:1001;
	background:url(../images/home_act.png) no-repeat left top;
}
.about_btn:hover{background:url(../images/about_act.png);}
.service_btn:hover{background:url(../images/service_act.png);}
.portfolio_btn:hover{background:url(../images/portfolio_act.png);}
.client_btn:hover{background:url(../images/clients.png);}
.contcact_btn:hover{background:url(../images/contact_act.png);}

.about_btn{background:url(../images/about_act.png);}
.about_btn_active{background:url(../images/about_act.png);}
.service_btn{background:url(../images/service_act.png);}
.service_btn_active{background:url(../images/service_act.png);}
.portfolio_btn{background:url(../images/portfolio_act.png);}
.portfolio_btn_active{background:url(../images/portfolio_act.png);}
.client_btn{background:url(../images/clients.png);}
.client_btn_active{background:url(../images/clients.png);}
.contcact_btn{background:url(../images/contact_act.png);}
.contcact_btn_active{background:url(../images/contact_act.png);}


.np_btn1{float:left; width:auto; top:48%; z-index:9999; position:absolute;}
.pr_btn{float:right; width:auto; top:48%; z-index:9999; position:absolute; right:0;}
.prev ,.next{
	float:left;
	width:39px;
	height:74px;
	left:0px;
	text-indent:-99999px;
	background:url(../images/left_arrow.png) no-repeat -5px top;
}
.next{background:url(../images/right_arrow.png) no-repeat 5px top;}
.prev:hover{ background-position:-5px bottom;}
.next:hover{ background-position:5px bottom;}

.int_box{
	float:left;
	width:898px;
	margin-top:18px;
}
#home_content{
	float:left;
	width:478px;
}
.main_content{
	float:left;
	width:432px;
	font-size:18px;
	color:#717171;
	padding-top:10px;
	line-height:24px;
}
.font18_red{ color:#b14352;}
#slider_box{
	float:left;
	width:420px;
}
#slider_bg{
	float:left;
	width:389px;
	height:281px;
	margin:8px 0px 0px 5px;
	background:url(../images/slider_frame.png) no-repeat left top;
}
.sr_box{
	float:left;
	width:850px;
	padding:0px 40px 0px 8px;
}
.l_img{
	float:left;
	width:450px;
	padding-top:26px;
}
.r_content{
	float:left;
	width:400px;
	margin-top:25px;
}
.font48_red{
	font-size:48px;
	color:#b14352;
}
#t_btn{
	float:left;
	width:351px;
	padding-right:3px;
}
.cta-button {
  display:block;
  width:350px;
  height:58px;
  margin-top:20px;
  background:url(../images/take_btn.jpg) no-repeat 0 -58px;
}
.cta-button a {
  display:block;
  width:100%;
  height:100%;
  background:url(../images/take_btn.jpg) no-repeat 0 0;
  text-indent:-9999px;
}
.cta-button a:hover {background-position: 0 58px;}

/*------------------  Service Page   ---------------------*/
.Service_content{
	float:left;
	width:100%;
}
.service_box{
	float:left;
	width:875px;
	font-size:18px;
	color:#717171;
	line-height:24px;
}
.webdesign_box{
	float:left;
	width:530px;
	margin-left:28px;
}
.web_content{
	float:left;
	width:530px;
}
.webdesign_box_main{
	float:left;
	width:310px;
	margin-top:6px;
	position: relative;
	z-index: 1004;
}
.webdesign_box_main ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.webdesign_box_main ul li{
	float:left;
	width:486px;
	font-size:18px;
	color:#000000;
	padding:7px 0px 7px 37px; 
	background:url(../images/true_sign.png) no-repeat left 4px;
}
.webdesign_image_box{
	float:left;
	width: auto;
}
.webdesign_image{
	float:left;
	width: auto;
	position: absolute;
}
.web_content1{
	float:left;
	width:530px;
	margin-top:20px;
}
.web_text{
	float:left;
	width:97%;
	font-size:18px;
	color:#717171;
	line-height:24px;
}
.web_text_red{
	font-size:18px;
	color:#b43b44;
	line-height:24px;
}
.inq-button {
	float:left;
	display:block;
	width:285px;
	height:58px;
	margin-top:18px;
	background:url(../images/send_inq_btn.png) no-repeat 0 -58px;
}
.inq-button a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/send_inq_btn.png) no-repeat 0 0;
	text-indent:-9999px;
}
.inq-button a:hover {background-position: 0 58px;}

.web_skitter{
	float:left;
	width:215px!important;
	height:215px!important;
	position:absolute!important;
}
.web_skitter .prev_button{display:none!important;}
.web_skitter .next_button{display:none!important;}
.service_bg{width:215px; height:215px;  position:absolute; margin:-0px 0px 0px 0px; z-index:1000;}

/*------------------  About Us Page   ---------------------*/

.about_content{
	float:left;
	width:898px;
}
.about_left{
	float:left;
	width:608px;
}
.about_left_content{
	float:left;
	width:590px;
	margin-left:18px;
}
.about_image{
	float:left;
	width:533px;
	height:190px;
	margin:20px 0px 8px 0px;
	border:solid 6px #ededed;
}
.about_skitter{
	float:left;
	width:533px!important;
	margin:0px!important;
}
.about_skitter .prev_button{display:none!important;}
.about_skitter .next_button{display:none!important;}

.about_left_main{
	float:left;
	width:568px;
	font-size:18px;
	color:#717171;
	line-height:24px;
}
.about_right{
	float:left;
	width:290px;
}
.about_right_bubble{
	float:left;
	width:280px;
	height:235px;
	padding-left:10px;
	margin-top:20px;
	background:url(../images/idea_image.jpg) no-repeat left top;
}	
.bubble_image1{
	float: left;
	width: 97px;
	height: 84px;
	font-size: 24px;
	color: white;
	background: url(../images/idea.png) no-repeat left top;
	margin-left: 47px;
	padding-top: 45px;
	padding-left: 34px;
}
.bubble_image2{
	float: left;
	width: 113px;
	height: 83px;
	font-size: 24px;
	color: white;
	background: url(../images/design.png) no-repeat left top;
	margin:-32px 0px 0px -9px;
	padding:48px 0px 0px 18px;
}
.bubble_image3{
	float: left;
	font-size: 24px;
	color: white;
	width: 99px;
	height: 80px;
	background: url(../images/finish.png) no-repeat left top;
	margin:-34px 0px 0px -21px;
	padding:51px 0px 0px 32px;
}
.feel_content{
	float:left;
	font-size:36px;
	color:#717171;
	line-height:38px;
	margin-top:20px;
}
.font36_red{
	font-size:36px;
	color:#b14352;
	line-height:38px;
}
.hire-button {
	float:left;
	display:block;
	width:285px;
	height:58px;
	margin-top:18px;
	background:url(../images/hire_team_btn.png) no-repeat 0 -58px;
}
.hire-button a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/hire_team_btn.png) no-repeat 0 0;
	text-indent:-9999px;
}
.hire-button a:hover {background-position: 0 58px;}

/*------------------  Contact Us Page   ---------------------*/
.contact_content{
	float:left;
	width:915px;
}
.contact_left{
	float:left;
	width:654px;
}
.contact_left_content{
	float:left;
	width:650px;
}
.contact_content_box{
	float:left;
	width:594px;
	font-size:18px;
	color:#717171;
	line-height:24px;
	margin:10px 0px 18px 0px;
}
.contact_box_main{
	float:left;
	width:480px;
}
.allowscriptaccess{
	float:left;
	width:160px;
	margin-top:8px;
}
.contact_box_main1{
	float:left;
	width:588px;
	margin-top:9px;
}
.field_bg{
	float:left;
	width:465px;
	height:67px;
	background:url(../images/textfield_bg.png) no-repeat left top;	
}
.text_field{
	float:left;
	width:440px;
	padding-top:16px;
	padding-bottom:22px;
	padding-left:25px;
	background:transparent;
	border:0px;
	font-size:24px;
	color:#717171;
	font-family: Nixie One,MyCustomFont;
}
.textarea_bg{
	float:left;
	width:465px;
	height:168px;
	background:url(../images/textarea_bg.png) no-repeat left top;	
}
.textarea_field{
	float:left;
	width:440px;
	padding-left:25px;
	height:155px;
	padding-top:10px;
	background:transparent;
	border:0px;
	font-size:24px;
	color:#717171;
	font-family: Nixie One,MyCustomFont;
}
.send-button {
	float:left;
	display:block;
	width:285px;
	height:58px;
	margin-top:18px;
	background:url(../images/send_inq_btn.png) no-repeat 0 -58px;
}
.send-button input {
	display:block;
	width:285px;
	height:58px;
	background:url(../images/send_inq_btn.png) no-repeat 0 0;
	text-indent:-9999px;
	border:0px;
	cursor:pointer;
}
.send-button input:hover {background-position: 0 58px;}
.contact_right{
	float:left;
	width:255px;
}
.contact_right_content{
	float:left;
	width:252px;
	margin-top:10px;
	font-size:18px;
	line-height:24px;
	color:#717171;
}
.social_box{
	float:left;
	width:234px;
	margin:12px 0px 10px 0px;
	padding:8px;
	border:dashed 1px #b6505e;
}
.skype ,.msn ,.yahoo ,.google_plus{
	float:left;
	width:225px;
	height:44px;
	text-indent:80px;
	padding-top:11px;
	background:url(../images/social_media.png) no-repeat 10px top;
}
.skype:hover ,.msn:hover ,.yahoo:hover ,.google_plus:hover{
	background:url(../images/social_media.png) no-repeat 10px -220px;
}

.msn{ background-position:10px -52px;}
.yahoo{ background-position:10px -105px;}
.google_plus{ background-position:10px -161px;}


.msn:hover{ background-position:10px -272px;}
.yahoo:hover{ background-position:10px -325px;}
.google_plus:hover{ background-position:10px -381px;}

.social_link{
	font-size:18px;
	color:#ae3749;
	text-decoration:none;
}
.social_link:hover{
	font-size:18px;
	color:#717171;
	text-decoration:none;
}
.phone_no{
	float:left;
	width:250px;
	padding-top:10px;
}
.phone_no ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.phone_no ul li{
	float:left;
	width:250px;
	text-indent:20px;
	font-size:18px;
	color:#717171;
	padding-bottom:5px;
}

/*------------------  Our Client Page   ---------------------*/
.client_main{
	float:left;
	width:894px;
}
.client_main2{
	float:left;
	width:100%;
	margin-top:47px;
}
.client_gallery{
	float:left;
	width:625px;
}
.client_slider{
	float:left;
	width:608px;
	border:solid 6px #ededed;
	margin-top:10px;
}
.client_label_box{
	float:left;
	width:608px;
	position:relative;
}
.client_label{
	height:37px;
	width:608px;
	padding-top:7px;
	text-indent:10px;
	background: url(../images/slider_belt.png) repeat-x left top;
	font-size:24px;
	color:#FFFFFF;
	margin-top:-44px;
	position:absolute;
}
.client_right{
	float:left;
	width:217px;
	padding:15px;
	margin:10px 0px 0px 15px;
	border:dashed 1px #b6505e;
}
.client_r_con{
	float:left;
	width:100%;
	font-size:18px;
	color:#b14352;
	line-height:24px;
	margin-bottom:26px;
}
.client_r_con1{
	float:left;
	width:100%;
	font-size:18px;
	color:#b14352;
	line-height:24px;
	margin-bottom:4px;
}
.font18_gry{
	font-size:18px;
	color:#717171;
}
.client_bottm{
	float:left;
	width:898px;
	margin-top:8px;
}
.client_box{
	float:left;
	width:887px;
	height:48px;
	font-size:18px;
	color:#717171;
	line-height:24px;
	margin-top:5px;
}
.look-button {
  float:left;
  display:block;
  width:474px;
  height:58px;
  margin-top:10px;
  background:url(../images/look_btn.png) no-repeat 0 -58px;
}
.look-button a {
  display:block;
  width:100%;
  height:100%;
  background:url(../images/look_btn.png) no-repeat 0 0;
  text-indent:-9999px;
}
.look-button a:hover {background-position: 0 58px;}


/*------------------  Portfolio Page   ---------------*/
.portfolio_main{
	float:left;
	width:938px;
	margin-top:18px;
}
.work_box{
	float:left;
	width:938px;
	margin-left:-24px;
}
.font12_wht ,.font11_wht{
	font-size:12px;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:223px;
	position:absolute;
	bottom:25px;
	left:10px;
}
.font11_wht{
	font-size:11px;
	bottom:8px;
	font-weight:normal;
}
.loading_box{display:none; position:fixed; top:50%; left:48%; background-color:#ffffff; z-index:999; border:1px solid #CCCCCC; padding:10px; position:absolute; z-index:9999;}
.loading_main{width:20%; float:left;}
.loading_content{width:50%; float:left; padding-top:22px; color:#000000;}
.text_field .textarea_field ,input[type=text]:focus { outline: 0 none;}
.visit_link{ font-size:14px; color:#FFF; text-decoration:none;}
.visit_link:hover{ font-size:14px; color:#b14352; text-decoration:none;}
.valid_link {
	color:#FFF;
	text-decoration:none;
}
.valid_link:hover {
	color:#b14352;
	text-decoration:none;
}