a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }
::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a					{ outline: 0; color: #222; text-decoration: none; }
a:hover 			{ text-decoration: underline; }

a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix 			{ clear: both; }


/*------------------------------------*\
  MAIN
\*------------------------------------*/

body 				{ 
	background: #CE5B43; color: #222; font-family: Tahoma, Geneva, sans-serif; font-size: 16px; background:url("../images/bg.png") repeat;
	
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}


#bar {background:url("../images/black_bg.png") repeat}

h1 	{ 
    
    color: #222222;
    font-family: 'Courgette';
    font-size: 42px;
    font-weight: normal;
    line-height: 46px;
    padding-bottom: 15px;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
	
}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 					{ font-family: 'Georgia'; font-size: 28px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 	{
    color: #FFFFFF;
    display: block;
    font-family: 'Courgette';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
	 padding: 30px 0;
	 }
h4 	{ color: #FFFFFF;
    font-family:'Courgette';
    font-size: 26px;
    font-weight: normal;
	padding-bottom:15px;
    }

h4.footer 	{ color: #FFFFFF;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    color: #9a9a9a;
    font-weight: normal;
	padding-bottom:15px;
    }

h4 a 				{ text-decoration: underline; }
p{ font-family: Tahoma, Geneva, sans-serif; font-size:16px; line-height:20px;}
ul 				{ list-style: none; }



footer 				{ background:url("../images/footer_bg.png") repeat-x; height:82px; color:#969696; height:100%; padding-top: 25px;text-align: center; }
footer p			{  font-size: 11px !important;}
pre					{  overflow: scroll; font-size: 10px; }
nav 				{  padding: 0; margin: 10px 0; max-width: 980px; width: 90%; margin:0 auto;}
nav a 				{ color: #F9F9F9; display: block; float: left; padding: 10px; font-family: tahoma; font-size: 18px;}
nav a:visited 		{ color: #f9f9f9; }
nav a:hover			{ text-decoration: none; background: #27B3CF; }
nav a:active		{ position: relative; top: 0; }


.pagination, .breadcum, .top_banner, .wrapper{ max-width: 960px; margin:0 auto;  overflow:hidden;  }
.header_text	{text-align: left;}

#top			{  background:url("../images/black_bg.png") repeat; width:100%;  margin: 0 auto;}
.top_banner		{ padding:30px 0 60px  ;}
header 			{ text-align:center; background:#8fcdca url("../images/dvcTOP.jpg") center bottom; }
.logo			{  text-align:center; background:url("../images/logo_bg.png") no-repeat center top; height: 105px; padding-top: 25px; }

.banner 			{ }
.header_text p 	{
    color: #111111;
    font-family :Tahoma,Geneva,sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
	padding-right: 15px;
}

.top_banner .default_button {
    border: 1px solid #222222;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
    margin: 0;
    padding: 10px 25px;
	
}
.top_banner .default_button:hover, .top_banner .default_button:active {
    background: none repeat scroll 0 0 #45ABFF;
    border-color: #4A7DFF;
    color: #FFFFFF;
}
.top_banner .default_button:hover {
    background: none repeat scroll 0 0 #777777;
    border-color: #333333;
    color: #FFFFFF;
}
.top_banner  span{ float: right;}
.social_media	{ padding:20px 0; height: 20px;}
.phone			{color: #8BD1DD; padding-top: 18px;font: italic 24px/22px Georgia, "'Courgette'", Times, serif; text-align:right;}
.phone span		{ color:#FFFFFF;}
.email{ font-size:14px;}
.email img{ vertical-align: middle;}
.dotted			{ background:url("../images/dotted_line.png") repeat-x center center; width:100%;  }
.dotted2		{ background:url("../images/dot3.png") repeat-x center center; width:100%; height:7px; margin-bottom:15px; }
#service		{  background:url("../images/black_bg.png") repeat; width: 100%; margin:0 auto;}
.service_block	{  margin:0 10px 30px ; text-align:center;}

/*  ===================  round shape in "what we do" section ========================= */

.service_block .block1, .service_block .block2, .service_block .block3
 {
    border: 4px solid #FFFFFF;
    border-radius: 208px 208px 208px 208px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), 1px 1px 15px rgba(100, 100, 100, 0.15);
    height: 70px;
    opacity: 0.95;
    padding: 104px;
    width: 70px;
	position:relative;
    }
.service_block .block_text{ float:left; }
.block1{ background:  url("../images/internet_marketing.png") no-repeat scroll center center #fff;}
.block2{ background:  url("../images/web_development.png") no-repeat scroll center center #fff;}
.block3{ background:  url("../images/branding.png") no-repeat scroll center center #fff;}
.service_block .block1:hover,
.service_block .block2:hover,
.service_block .block3:hover {
	z-index: 100;
	opacity: 1;
}
.service_block .block1 a,
.service_block .block2 a,
.service_block .block3 a {
	position: absolute;
	top: -4px;
	left: -4px;
	opacity: 0;
	background:rgba(50,50,50,0.90);
	width: 78px;
	height: 78px;
	-khtml-border-radius: 208px;
	-moz-border-radius: 208px;
	-webkit-border-radius: 208px;
	border-radius: 208px;
	padding: 104px;
	-moz-box-shadow:inset 1px 1px 15px rgba(100, 100, 100, 0.15);
	-webkit-box-shadow:inset 1px 1px 15px rgba(100, 100, 100, 0.15);
	box-shadow:inset 1px 1px 15px rgba(100, 100, 100, 0.15);
	
}

.service_block .block1 a span ,
.service_block .block2 a span ,
.service_block .block3 a span  {
	position: absolute;
	top: -3px;
	left: -3px;
	opacity: 1;
	padding-top: 175px;
	text-transform: none;
	text-align: center;
	color: #64b1c4;
	color: #FFF;
	font-size: 16px;
	display: block;
	font-style: normal;
	width: 100%;
	line-height: 1em;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.15);
	font-family: Tahoma,Geneva,sans-serif;
	font-weight: 600;
}

.service_block .block1 a span,
.service_block .block2 a span,
.service_block .block3 a span {
	font-family: Tahoma,Geneva,sans-serif;
	font-weight: 400;
	font-style: italic;
	display: block;
	color: #554d47;
	color: #FFF;
	padding-top: 130px;
	text-align: center;
	font-size: 15px;
}
.service_block .block1 a:hover,
.service_block .block2 a:hover,
.service_block .block3 a:hover {
	opacity: 1;
}


.service_block img{ vertical-align:middle; max-width: 100%; height:auto; }
.service_block img{ vertical-align:middle; max-width: 100%; height:auto; }
.service_block p{ text-align:left;}
.service_block h4{  font-size:24px; padding: 15px 0; text-align:center;color:#E8E7E7; }
.service_block p{ color:#E8E7E7;}
#featured		{  background:url("../images/blue_bg.png") repeat; width: 100%; margin:0 auto;}
.featured_left .dotted{ height:20px !important;}
 #contact		{  background:url("../images/black_bg.png") repeat; width: 100%; margin:0 auto;}


/* contact form */

	
#contactform label	{
	color: #FFFFFF;
    display: block;
    float: left;
    font: 12px tahoma;
    width: 140px;
}
#signupForm label.error {
color:#73ebff;
float: none;
font-size: 11px;
padding-left:100px;

}
#signupForm .message label.error{ padding-left:0;}
#contactform p{  padding: 10px 0;}
#contactform  textarea{ width:300px; margin:10px 0;}
address{
	color:#969696;
	font-size: 14px;
     font-style: normal;
}
.tel-numbers{ color:#969696; font-size: 16px;}
.email a{color:#969696;}
.email a:hover{color:#fff; text-decoration:none;}
#contact-details{ float:left; font-size:12px; padding-bottom:10px;}


/* custom styles */
.blue{ color:#0fa7fd;}
#slider {
	margin: 10px 0 0 0;
	 border: 3px solid #FFFFFF;
	
}

#slider img{
	max-width: 100%;
	height: auto;
	} 

.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}
.pagination,.breadcum{ padding:10px 0;}
.hr_blue{ background:url("../images/blue_bar.png") repeat-x; width:100%; height:12px; margin-bottom:30px; }

.featured_left{ margin-right:30px;}
.featured_right{  }
.about ul .dot{ background:url(../images/dot2.png) no-repeat left; padding-left: 15px; list-style:none !important;}
.about ul{ padding:15px 0;}
.featured_left ul{  padding-top: 30px;}
#featured p ,#featured li {color: #FFFFFF; font-family: tahoma;font-size: 15px; line-height: 20px;}
.testimonial_block h4{ padding-left:15px;}
.testimonial_block{ padding-left:35px;}
.testimonial{    background: url("../images/testimonial_bg.png") no-repeat scroll 0 0 transparent; height:160px; padding: 20px; float:right;}
#featured .testimonial p{ font: italic normal 14px/20px 'droid sans'; color:#FFFFFF; } 
.featured_block	{ float:none; height:178px; }
.testi_name		{ font:normal 13px/18px 'droid sans'; color:#333333; float: left; padding-top:15px; }
#featureproductimggallery{
height:276px;
margin:0 auto;
background:url('../images/feature_product.png') repeat-x top;
}   
#featureproductimggallery ul
{
padding-top:3px;
padding-left:20px;   
margin:0;

}
#featureproductimggallery ul li
{
display: inline;
height: 170px;
list-style-type: none;
}
.imgtext{text-align: center;}
/* =============  JCAROUSEL  START=================*/

.mc-container {
	position:relative;
	max-width:100%;
}
.mc-ul {
	position:relative;
	width:10000px;
	margin:0px;
	list-style:none;
	padding:0px;
}
.mc-nav-left {
	width:5%;
	float:left;
	cursor:pointer;
	opacity:0.7;
	margin:0px;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	color:white;
	padding:0px;
	
	
}
.mc-nav-right {
	width:5%;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
	float:left;
	margin:0px;
	padding:0px;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	
}
.mc-nav-button {
	max-width:90%;
	height:30%;
    margin-top:-10px;
	opacity:0.7;	
	position:relative;
	cursor:pointer;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	top:35%;
}


.mc-nav-right>div {
	background-position:top right;
	left:auto;
	
}
.mc-nav-left:hover, .mc-nav-right:hover {
	opacity:1;
}
.mc-inner {
	overflow:hidden;
	float:left;
	width:90%

}
.mc-nav span:hover {
	opacity:1.0;
}
.mc-item {
	float:left;
	margin:0px;
	padding:0px;
	cursor:pointer;
	opacity:1;
	position:relative;
	-webkit-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	line-height:0px;
	
}
.mc-item:hover {
	opacity:0.7;
}
.mc-item>a>img {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	top:20px;
	cursor:pointer;
	positon:relative;
}


/* =============  CSS for Contact Form  =================*/

.contact_form p{  color: #C4C0C0;}
form{ margin-top: 15px;padding: 15px 0;*display:inline-block}
form:after{content:" ";display:block;height:0;clear:both;visibility:hidden}form
label{font-size:0.9em;width:96px;text-align:left;float:left;line-height:1.8em;color:#c4c0c0}
form
sup{color:#7AB7C1}
form p{margin-bottom:15px;*display:inline-block}
form p:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
form input{float:left;width:180px;font-size:14px;padding:0.4em 0.3em;background-color:#1c1b1b;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:helvetica,arial;border:solid 1px #211c1c;-webkit-box-shadow:0 1px 0 #454545;-moz-box-shadow:0 1px 0 #454545;box-shadow:0 1px 0 #454545}

form textarea {
    background-color: #1C1B1B;
    border: 1px solid #211C1C;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #454545;
    color: #FFFFFF;
    float: left;
    font-family: helvetica,arial;
    font-size: 14px;
    height: 75px;
    padding: 0.4em 0.3em;
    width:90%;}
form input:focus, form textarea:focus{outline:none;border-color:#17c6e4;-webkit-box-shadow:#73ebff 0 0 5px;-moz-box-shadow:#73ebff4 0 0 5px;box-shadow:#73ebff 0 0 5px}
form label.long{  width:100%;}
form button{width:184px; background: url(../images/submit_btn.png) no-repeat;height:28px; border:none; font-size:0; text-indent:-9999px;
 cursor:pointer;}

form button:hover{ background: url(../images/submit_hover.png) no-repeat}

#feedback-rotation li {
    float: left; margin:0; padding:0 10px 0 0;
}  
 p.right {
    text-align: left;
    color: rgb(100, 100, 100);
    font-size: 12px;
    padding-left: 15px;
 }

/* =============  CSS for Social Media icons =================*/
.social_media a.social {
	background: url('../images/social_media.png');
	text-decoration: none;
	float: left;
	width: 24px;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.social_media a.facebook {
	background-position: 0px 0px;
}

.social_media a.facebook:hover {
	background-position: 0px 27px;
}

.social_media a.vimeo{
	background-position: -33px 0px;
}

.social_media a.vimeo:hover {
	background-position: -33px 27px;
}

.social_media a.twitter {
	background-position: -64px 0px;
}

.social_media a.twitter:hover {
	background-position: -64px 27px;
}

.social_media a.flickr {
	background-position: -100px 0;
}
.social_media a.flickr:hover {
	background-position: -100px 27px;
}


.social_media a.tumbler {
	background-position: -132px 0px;
}

.social_media a.tumbler:hover {
	background-position: -132px 27px;
}

.ialign{ padding:0 0 0 15px ; float:right; max-width: 100%; height:auto; }


/* =============  Device Specific CSS =================*/

@media all and (max-width: 320px) {
	#slider{ border:none;}
	.testimonial{
       background: url("../images/testimonial_bg_small.png") no-repeat scroll 0 0 transparent;
	   height:130px;
	   overflow:hidden;
	   padding: 10px;
	   width:290px !important;
    }
	.testimonial_block {
    padding-left: 0;
}
	#featured .testimonial p{  font:11px/16px Tahoma,arial !important;}
	.testi_name{ 11px/16px Tahoma;}
	.social_media{ display:inline-block;}
	.mc-nav-button{ background: url(../images/arrow_small.png) no-repeat;}
	.header_text { text-align:center; padding:5px;}
	.phone{ text-align:center;}	
    .service_block .block_text{ padding:10px 0;}
	.service_block .block1, .service_block .block2, .service_block .block3{ margin:0 auto;}

}

@media all and (min-width:321px) and (max-width:599px) {
	#slider{ border:none;}
    .testimonial{
       overflow:hidden;
	   padding: 10px 10px 30px;
	   width:312px !important;
	   height:120px;
	   border:1px solid #B5523E;
	   background:#D86F5A;margin-bottom:30px !important; }
	.testimonial_block {padding-left: 0;}
	.social_media{ display:inline-block;}
	.mc-nav-button{ background: url(../images/arrow_small.png) no-repeat;}
	.header_text{ text-align:center;}
	.phone{ text-align:center;}	
	.service_block .block_text{ padding:10px 0;}
	.service_block .block1, .service_block .block2, .service_block .block3{ margin:0 auto;}
}
@media all and (min-width:600px)  and (max-width:767px)
{      #slider{ border:none;}
	  .testimonial{
       overflow:hidden;
	   padding: 15px;
	   width:312px;
	   max-height:120px;
	   border:1px solid #B5523E;
	   background:#D86F5A;margin-bottom:30px !important;}
	.testimonial_block {padding: 0px; }
    .social_media{ display:inline-block;}
	.mc-nav-button{ background: url(../images/arrow_small.png) no-repeat;}
	.header_text{ text-align:center;}
	.phone{ text-align:center;}	
	 .service_block .block_text{ padding:10px 0;}
	 .service_block .block1, .service_block .block2, .service_block .block3{ margin:0 auto;}
	}
@media all and (min-width: 768px) and (max-width: 959px)
 {   #slider{ border:none;}
	.testimonial{
		   overflow:hidden;
		   padding: 10px 10px 15px;
		   width:280px !important;
		   height:140px;
		   border:1px solid #B5523E;
	       background:#D86F5A;
	     }
	#featured .testimonial p, .testi_name{   font: italic 13px/20px 'droid sans';}
	.phone{ font:italic 20px/16px Georgia,"'Courgette'",Times,serif}
	.dotted{ width: 96%;}
	.mc-nav-button{ background: url(../images/arrow_small.png) no-repeat;}
	.phone{ text-align:right;}	

	.service_block .block1, .service_block .block2, .service_block .block3{ padding: 75px; }
	.service_block .block1 a,.service_block .block2 a,.service_block .block3 a {padding: 75px;}
	.service_block .block1 a span ,.service_block .block2 a span ,.service_block .block3 a span  {padding-top: 100px;}
 }

@media all and (min-width: 960px)  and (max-width: 1600px)
{
	.mc-nav-button{ background: url(../images/arrow.png) no-repeat;}
	.phone{ text-align:right}	
}


/* ==================== device specific css =================*/
@media only screen and (max-width: 480px)
{
	.mc-nav-left, .mc-nav-right {
		width:10%;
	}
	
	.mc-inner {
		width:80%;	
	}
}