@charset "utf-8";
/* CSS Document */


body,p,h1,h2,h3,h4,h5,h6,ul,li { padding:0; margin:0;}
a:focs { outline:none; }
img { border:none; }
.clr { clear:both; }
body { background:#f9f9f9; }


@font-face {
    font-family: 'futura_ltcn_btlight';
    src: url('fonts/futuralc.eot');
    src: url('fonts/futuralc.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuralc.woff') format('woff'),
         url('fonts/futuralc.ttf') format('truetype'),
         url('fonts/futuralc.svg#futura_ltcn_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('fonts/futult_.eot');
    src: url('fonts/utult_.eot?#iefix') format('embedded-opentype'),
         url('fonts/futult_.woff') format('woff'),
         url('fonts/futult_.ttf') format('truetype'),
         url('fonts/futult_.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


#header_wrapper { width:100%; height:126px; background:#ffffff; }
#header { width:76%; max-width:1000px; margin:auto; height:126px; padding:0 20px; }
.logo { float:left; width:195px; height:126px; margin-left:15px; }
.current_spl_but { float:right; height:67px; margin:36px 10px 0 0; width:230px; }
.current_spl_but img { float:right; }
.social_links { float:right; width:240px; height:100px; padding-top:25px; margin:0 10px 0 0; }
.social_links img { float:left; }
.social_links h3 { font:bold 36px/52px 'futura_ltcn_btlight' ; color:#2577e5; }
.social_links .facebook { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/facebook_icon.jpg) no-repeat top left; }
.social_links .facebook:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/facebook_icon.jpg) no-repeat left -39px; }
.social_links .twitter { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/twitter_icon.jpg) no-repeat top left; }
.social_links .twitter:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/twitter_icon.jpg) no-repeat left -39px; }
.social_links .youtube1 { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/youtube_icon.jpg) no-repeat top left; }
.social_links .youtube1:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/youtube_icon.jpg) no-repeat left -39px; }
.social_links .mail { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/mail_icon.jpg) no-repeat top left; }
.social_links .mail:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/mail_icon.jpg) no-repeat left -39px; }
.social_links .paypal { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/paypal_icon.jpg) no-repeat top left; text-indent:-99999px; border:none; outline:none; }
.social_links .paypal:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/paypal_icon.jpg) no-repeat left -39px; }
.social_links .skype { width:39px; height:39px; display:block; float:left; cursor:pointer; background:url(../images/skype_icon.jpg) no-repeat top left; }
.social_links .skype:hover { width:39px; height:39px; display:block; cursor:pointer; background:url(../images/skype_icon.jpg) no-repeat left -39px; }

#mini_nav {display:none; }
#nav_wrapper { width:100%; height:45px; background:url(../images/nav_bg.jpg) repeat-x top left; }
#nav { width:960px; height:45px; margin:auto; white-space:nowrap; }
#nav ul { float:right; background:url(../images/nav_div.jpg) no-repeat top left; }
#nav li { list-style-type:none; float:left;  background:url(../images/nav_div.jpg) no-repeat top right; }
#nav li a { text-decoration:none; color:#000e14; font:normal 23px/45px 'futura_ltcn_btlight'; text-transform:uppercase; padding:0 20px;display:block; }
#nav li a:hover { text-decoration:none; color:#ffffff; background:url(../images/nav_hover.jpg) repeat-x top left; }
#nav li a.active { text-decoration:none; color:#ffffff; background:url(../images/nav_hover.jpg) repeat-x top left; }
#main_wrapper { width:100%; background:url(../images/top_bg.jpg) repeat-x top center; }

.ie #nav li a { padding-top:5px; height:40px; }

#banner_wrapper { width:1000px; height:410px; margin:auto; }
#banner_left { width:30px; height:410px;  background:url(../images/banner_left.png) no-repeat top left; float:left; }
#banner_right { width:30px; height:410px;  background:url(../images/banner_right.png) no-repeat top right; float:right; }
#banner { width:940px; height:373px; padding-top:37px; overflow:hidden; float:left; background:url(../images/banner_bg.png) repeat-x top left; }

#content { width:68%; max-width:960px; margin:auto; padding:40px 20px 20px 30px; font:normal 14px/30px arial; color:#3a3c3d; }
#content_left { width:67%; float:left; border-right:1px dotted #acacac; padding:0 20px 0 0; }
#content_right { width:27%; float:right; padding:0; margin-right:10px; }
#content_inner { width:100%; }
h1 { font:normal 28px/30px 'futura_ltcn_btlight'; color:#1a9dd1; margin:5px 0 20px 0; }
h2 { font:normal 28px/30px 'futura_ltcn_btlight'; color:#F47105; margin:5px 0 10px 0; }
#content_inner h4 { font:normal 28px/30px 'futura_ltcn_btlight'; color:#f47105; }
#content_inner h5 { font: 17px/26px arial; color:#1b1918; }
#content_inner p { font-size:13px; line-height:23px; margin-bottom:10px; }
#content_inner ul { margin:0 0 10px 20px; font-size:13px; }
#content_inner ul li { line-height:22px; list-style-type:none; background:url(../images/list_arrow.png) no-repeat left 7px; padding-left:17px;  }
.content_block { width:100%; border-bottom:1px solid #dadcdc; padding:0 0 25px 0; margin:0 0 25px 0; }
.content_block li { list-style-type:none; background:url(../images/list_type1.jpg) no-repeat left 11px; padding-left:24px; }
.contact_us_but { text-align:right; color:#1a9dd1; font:normal 30px/30px 'futura_ltcn_btlight'; margin:10px 0 0 0;  }
.contact_us_but img { float:right; margin:0 0 0 10px;  }
.contact_us_but1 { text-align:left; color:#1a9dd1; font:normal 30px/30px 'futura_ltcn_btlight'; margin:10px 0 0 0px;  }
.contact_us_but1 img { float:left; margin:0 10px 0 10px;  }

.testi_block { width:100%; border-bottom:1px solid #dadcdc; padding:0 0 25px 0; margin:0 0 25px 0; }
.content_block .like { float:right; margin:0 0 0 5px; }


#footer_wrapper { width:100%; height:456px; background:url(../images/footer_wrapper_bg.jpg) repeat-x top left; }
#footer_outer { width:100%; height:456px; background:url(../images/bottom_bg.jpg) no-repeat bottom center; }
#footer_inner { width:1000px; height:418px; margin:auto; }
#footer_left { width:30px; height:418px; float:left; background:url(../images/footer_left.png) no-repeat top left; }
#footer_right { width:30px; height:418px; float:right; background:url(../images/footer_right.png) no-repeat top right; }
#footer { width:940px; height:381px; padding-top:37px; overflow:hidden; float:left; background:url(../images/footer_bg.png) repeat-x bottom left; }
#footer_content { width:853px; height:350px; background-color:#edeeee; display:block; float:left; margin:0 2%; padding:1% 0 0 3%; }
#footer_list1 { float:left; width:20%; height:285px; }
#footer_list2 { float:left; width:30%; height:285px; }
#footer_list3 { float:left; width:46%; height:285px; }
#footer a { font:normal 13px/28px arial; color:#565757; text-decoration:none; margin-left:2px; }
#footer a:hover { text-decoration:none; color:#00aeef; margin-left:5px;}
.txtbox1 { width:97%; height:25px; border:none; background-color:#ffffff; color:#9f9f9f; font:14px/30px arial; padding:0 0 0 10px; margin:0 0 8px 0; }
.txtbox1_captcha{width:101px; height:25px; border:none; background-color:#ffffff; color:#9f9f9f; font:14px/30px arial; padding:0 0 0 10px; margin:6px 10px 8px 0;}
.txtbox2 { width:97%; height:63px; border:none; background-color:#ffffff; color:#9f9f9f; font:14px/30px arial; padding:0 0 0 10px; margin:0 0 10px 0; resize:none; overflow-y: hidden; }
.submit { width:81px; height:26px; /*display:block;*/ cursor:pointer; background:url(../images/submit.jpg) no-repeat top left; border:none; text-indent:-99999px; }
.submit:hover { width:81px; height:26px; /*display:block;*/ cursor:pointer; background:url(../images/submit.jpg) no-repeat left -26px; }
.spl_txt { font:normal 20px arial; color:#000000; }
.spl_txt1 { font:normal 17px arial; color:#000000;  }
.spl_txt2 { font:normal 17px arial; color:#000000; text-align:justify; }
.spl_txt1 img { float:right; margin:0 0 0 10px; }
.faq h2 { font:normal 20px/22px 'futura_ltcn_btlight'; color:#f47105; }
.faq h2 strong { color:#1b1918; }
.faq p { line-height:22px; margin-bottom:20px; }
.faq p strong { color:#1a9dd1; }
.faq ul {margin:0px 0 0 15px; }
.faq ul li { line-height:22px; list-style-type:none; }
.faq ul li span { color:#1a9dd1; width:36px; display:block; float:left; margin-right:3px; text-align:right; }

.port { width:840px; margin:0 0 20px 0; padding:20px 20px 30px 20px; float:left; border-bottom:1px solid #E2E2E2; }
.port img { float:left; margin:0 20px 0 0; }
.port h1 { font:normal 30px/35px 'futura_ltcn_btlight'; color:#1a9dd1; margin:0; }
.port h2 { font:normal 20px/28px 'futura_ltcn_btlight'; color:#1b1918; margin:0px 0 5px 0; }
.port p { margin:0 0 20px 0 !important; }
.visit { width:129px; height:25px; display:block; float:left; cursor:pointer; background:url(../portfolio/visit_but.jpg) no-repeat top left; }
.visit:hover { width:129px; height:25px; display:block; cursor:pointer; background:url(../portfolio/visit_but.jpg) no-repeat left -25px; }
.graphics { width:840px; margin:0 0 20px 0; padding:20px 20px 30px 20px; float:left; }
.graphics img { float:left; margin:0 25px 25px 0; }

.form { width:60%; float:left; border:1px solid #E9E9E9; background-color:#FFF; padding:25px; line-height:21px; }
.txt_box1 { border: 1px solid #AAD5FF; height: 18px; width: 250px; }
.txt_box2 { border: 1px solid #AAD5FF; width: 250px; resize:vertical; }
.col { color:#F00; }
.contact { width:30%; float:left; padding:20px 0 20px 20px; font:normal 18px/30px arial; color:#1b1918; }
.contact span { color:#1a9dd1; }
.contact a { text-decoration:none; color:#1b1918; }
.contact a:hover { text-decoration:underline; :#1b1918; }
.contact h1 { font:normal 28px/25px 'futura_ltcn_btlight'; color:#1a9dd1; margin:0; }
.arrow_to_top { float:right; margin:10px 0 0 10px; }

.contact_submit { width:62px; height:23px; display:block; cursor:pointer; background:url(../images/contact_submit.jpg) no-repeat top left; border:none; text-indent:-99999px; float:left; margin:0 10px 0 0; }
.contact_submit:hover { width:62px; height:23px; display:block; cursor:pointer; background:url(../images/contact_submit.jpg) no-repeat left -23px; }

.contact_cancel { width:62px; height:23px; display:block; cursor:pointer; background:url(../images/contact_cancel.jpg) no-repeat top left; border:none; text-indent:-99999px; float:left; margin:0 10px 0 0; }
.contact_cancel:hover { width:62px; height:23px; display:block; cursor:pointer; background:url(../images/contact_cancel.jpg) no-repeat left -23px; }


.link a { text-decoration:none; color:#1A9DD1; }
.link a:hover { text-decoration:underline; color:#000000; }

.err
{font-size : 12px;color: red;}

#webdesignnew img
{ border:#d7d8da solid 1px;
padding:10px   !important;
}

#webdesignnew title
{    font-family: 'futura_lt_btlight';
	
	}
	
.table20 { display:none; }
.box_whatwedo { width:267px; float:left; margin:0 15px 15px 0; height:267px; border:1px solid #ffffff; padding:10px 0 0 10px; background-color:#EFEFEF }
.table_faqbook20 { display:none;} 	
#webdesignnew a {  margin:0 5px 5px 0;  }	
#webdesignnew img { float:left; margin:0 5px 5px 0; width:27%;}	
.disp20, .mobver { display:none; }
.better_qoute { float:right;width:24%;height:126px;vertical-align:middle; }
.current_spl_small { display:none; margin:19px 10px 0 0; float:right; }


/* ============= Responsive ========================== */

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

@media only screen and (max-width: 1310px)  {
	.better_qoute { float:right;width:22%; }
}
@media only screen and (max-width: 1200px)  {
	.better_qoute { display:none; }
}
@media only screen and (max-width: 600px)  {
	.table_faqbook10 { display:none;}
	.table_faqbook20 { display:block;}
	.txt_box1 { width:90%; }
	.select_box1 { width:90%; }
}
@media only screen and (max-width: 990px)  {
		#footer_wrapper { width:100%; height:456px; background:url(../images/footer_wrapper_bg.jpg) repeat-x top left; }
		#footer_outer { width:100%; height:456px; background:url(../images/bottom_bg.jpg) no-repeat bottom center; }
		#footer_inner { width:666px; height:418px; margin:auto; }
		#footer_left { width:30px; height:418px; float:left; background:url(../images/footer_left.png) no-repeat top left; }
		#footer_right { width:30px; height:418px; float:right; background:url(../images/footer_right.png) no-repeat top right; }
		#footer { width:666px; height:381px; padding-top:37px; overflow:hidden; float:left; background:url(../images/footer_bg.png) repeat-x bottom left; }
		#footer_content { width:93%; height:350px; background-color:#edeeee; display:block; float:left; margin:0 2%; padding:1% 0 0 3%; }
		#footer { padding:5px 0 0 0; }
	    #footer_list3 { display:none; }
		#footer_list1 { width:40%; height:auto; }
		#footer_list2 { width:55%; height:auto; }
		#footer a { line-height:20px; }
		h1 { margin:5px 0; }
		#footer_wrapper,#footer_outer,#footer_inner,#footer_left,#footer_right { height:auto; }
		#footer_content { height:200px; }
		#footer { height:225px; }
		.contact_us_but img { float:none; display:block; }
		.contact_us_but { text-align:left; }
	}
@media only screen and (max-width: 500px)  {
	    #footer_list3, #footer_list2 { display:none; }
	    #footer_list1 { float:none; width:100%; height:auto; }
		.table20 {display:block; }
		.table10 {display:none; }
		.disp10 { display:none; }
		.disp20 { display:block; }
}

@media only screen and (max-width: 1210px)  {
		.social_links { margin:0; }
}
@media only screen and (max-width: 1100px)  {
		.social_links { margin:0; }
		#header { width:90%; }
}
@media only screen and (max-width: 660px)  {
	    #header { width:100%; padding:0; }
		.logo { margin:0; }
		/*.mobver { display:block; float:right; margin:48px 10px 0 0; width:235px; }
		.mobver img { float:left; }
		.mobver h3 { line-height:38px; }*/
}	
@media only screen and (max-width: 485px)  {
		.current_spl_but { display:none; }
		.current_spl_small { display:block; }
}
@media only screen and (max-width: 317px)  {
		.current_spl_small { display:none; }
}

@media only screen and (max-width: 1300px)  {
		.por { display:none; }
		.content_block { border:none; }
		.contact_us_but { font-size:25px; text-align:left;}
		.contact_us_but img { float:left; margin:0 10px 0 0; }
}
@media only screen and (max-width: 1250px)  {
		#content { width:75%; }
}
@media only screen and (max-width: 800px)  {
	    .contact_us_but { font-size:25px; text-align:left;}
		.contact_us_but img { float:none; margin:0 0 10px 0; display:block; }
		#content { width:80%; }
}
@media only screen and (max-width: 1135px) {
	    #content_right { display:none; }
		#content_left { width:94%; border:none; }
		.spl_txt1 img { float:none; margin:0 0 10px 0; display:block; }
}

@media only screen and (max-width: 990px) {
	    #banner_wrapper { width:700px; height:410px; margin:auto; }
		#banner { width:640px; height:373px; padding-top:37px; overflow:hidden; float:left; background:url(../images/banner_bg.png) repeat-x top left; }
		.navigator-content { display:none; }
		.slide { width:630px !important; margin:20px 303px 0 0 !important; }
		.box_whatwedo { float:left; width:43%; padding:10px; margin:0 3% 15px 0; }
		#content { width:67%; }
		.form { width:90%; float:none; }
		.contact { width:90%; float:none; }
}

@media only screen and (max-width: 700px)  {
		#banner_wrapper, #footer_wrapper { display:none; }
		#main_wrapper { background-image:none; }
		#content { width:90%;  font: 14px/24px arial; }
		h1 { font-size:24px; line-height:28px; }
		#main_wrapper { border-bottom: 5px solid #1A9DD1; border-top: 5px solid #1A9DD1;}
		.content_block li { background-position:left 8px; padding-left:20px; }
}
@media only screen and (max-width: 740px)  {
        .social_links { display:none; }
}
@media only screen and (max-width: 270px)  {
		h1 { font-size:20px; line-height:25px; }
		#content { font: 13px/18px arial; }
		.content_block li { background-position:left 4px; padding-left:20px; }
		.contact_us_but { font-size:20px; line-height:22px; }
		.content_block { margin:0 0 10px 0; padding:0 0 10px 0; }
}

@media only screen and (max-width: 990px) {
		#nav_wrapper { display:none; }
		#mini_nav { display:block; width:100%; background:url(../images/nav_bg.jpg) repeat top left; }
		#mini_nav  ul { width:74%; margin:0 auto; background:url(../images/nav_div.jpg) no-repeat top left; }
		#mini_nav li { list-style-type:none; display:inline-block; width:25%; background:url(../images/nav_div.jpg) no-repeat top right; text-align:center; }
		#mini_nav li.lin a { background:url(../images/nav_div.jpg) no-repeat top left; }
		#mini_nav li a { text-decoration:none; color:#000e14; font:normal 23px/45px 'futura_ltcn_btlight'; text-transform:uppercase;display:block; }
		#mini_nav li a:hover { text-decoration:none; color:#ffffff; background:url(../images/nav_hover.jpg) repeat-x top left; }
		#mini_nav li a.active { text-decoration:none; color:#ffffff; background:url(../images/nav_hover.jpg) repeat-x top left; }
}
@media only screen and (max-width: 800px) {
		#mini_nav  ul { width:100%; margin:0 auto; background:url(../images/nav_div.jpg) no-repeat top left; }
}
@media only screen and (max-width: 830px) {
		.paperear {display:none; }
		#header { width:100%; padding:0 15px 0 0; }
}
@media only screen and (max-width: 650px) {
		#mini_nav li { list-style-type:none; display:inline-block; width:50%; background-image:none; text-align:center; }
		#mini_nav li.lin1 { background:url(../images/nav_div.jpg) no-repeat top right; }
		.box_whatwedo { float:none; width:95%; height:auto; padding:10px; margin:0 0 15px 0; }
		.table_contactus td { display:block; width:90%; text-align:left; float:none; padding:0; }
}
@media only screen and (max-width: 400px) {
		#mini_nav li { list-style-type:none; display:block; width:100%; background-image:none; text-align:center; }
		#mini_nav li.lin1 a,#mini_nav li.lin a, { background-image:none; }
}