@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

a:focus{ outline:none}
body{font-family: Arial, Helvetica, sans-serif}

/* css reset */

a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{ text-decoration:none;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.main_container{ float:left; width:100%; height:auto; }
.top_headder{ float:left; width:100%; background-color:#FFF; position:fixed; z-index:89; box-shadow:1px 0px 5px #333;}
.page{ width:901px; height:auto; margin-left:auto; margin-right:auto;}
.top_section{ float:left; width:100%; height:auto; }
.logo{ float:left; width:auto; height:auto; margin:20px 0 0;}
.logo img{ float:left;}
.top_box{ float:right;  height:auto; background-color:#252d37; border-radius:0px 0px 10px 10px; behavior: url("PIE/PIE.htc");}
.top_box p{ float:left; font-size:13px; color:#9099a5; margin:10px 20px 10px 20px;}
.top_box p em{ margin:0 7px;}
.top_box a{ font-size:13px; color:#CCC; text-decoration:underline;}
.top_box a:hover{ color:#05aad9;}

.main_menu{ float:right; width:auto; height:auto; margin-top:13px; display:block; margin-bottom:8px;}
/*.main_menu ul li a:hover{ background-color:#252d37; color:#FFF; border-radius:10px 10px 0px 0px; behavior: url("PIE/PIE.htc");}*/
.menu2{ display:none;}




.contact_pop{ width:268px;  position:fixed; right:-268px;  top:50%;  z-index:1000; padding: 10px 10px 15px 10px; background:#FFF; box-shadow:0 0 5px #CCCCCC; border:1px solid #CCC;
border-radius:5px 0 0 5px; }
.contact_pop #cont_icon{border-radius:5px 0 0 5px;  margin-left:-73px; cursor:pointer;  position:absolute}

.contact_pop h2{ font-size:14px; margin:14px 11px ; color:#126ebb}

.contact_pop .address{ font-size:12px; color: #6E6E6E; margin-left:12px;}
.contact_pop .address li{margin:5px 0;}
.contact_pop .address li a{color:#126ebb;}
.contact_pop .address li a:hover{color:#000;}











.container2{ float:left; width:100%; /*height:435px; background-color:#252d37;*/ margin-top:100px;}


.page2{ width:1003px; height:auto; margin-left:auto; margin-right:auto;}
.banner{ float:left; width:1003px;}

.inner_caption{ float:left; width:250px; min-height:175px; margin-left:54px; margin-top:-338px;}
.inner_caption h1{ float:left; font-size:42px; width:100%; color:#FFF; line-height:35px; margin-bottom:15px;}
.inner_caption h1 span{ float:left; font-size:27px; color:#FFF; width:100%;}
.inner_caption p{ float:left; font-size:12px; color:#d9d9d9; line-height:14px; padding-right:5px;}

.cap_link{ float:left; font-size:12px; color:#FFF; padding:10px 25px; background-image:url(../images/link_bg.png); background-position:left top; background-repeat:no-repeat;  margin-top:27px;}
.cap_link:hover{  background-image:url(../images/link_bg1s.png); background-position:left top; background-repeat:no-repeat;}

.container3{ float:left; width:100%; height:auto; background-color:#fcfcfc;}
.page{ width:901px; height:auto; margin-left:auto; margin-right:auto;}
.content{ float:left; width:100%; height:auto;}
.inner_content{ float:left; width:100%; height:auto; background-image:url(../images/content_bg2.png); background-position:left top; background-repeat:no-repeat; margin-bottom:50px;}

.right_sub{ float:right; width:400px; margin-top:47px;}
.right_sub h2{ float:left; font-size:21px; color:#05aad9; width:100%; text-align:right; margin-bottom:20px;}
.right_sub h2 strong{ font-weight:bold;}
.right_sub p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:right; width:350px; float:right;}


.sub_box1{ float:left; width:330px; height:auto; marg.in-top:85px;}
.image_box{ float:left; width:82px; height:69px; background-image:url(../images/sub_box1.png); background-position:left top; background-repeat:no-repeat; margin-left:110px; margin-top:10px;}
.image_box:hover{ background-image:url(../images/sub_box1s.png); background-position:left top; background-repeat:no-repeat;}
.sub_box1 h2 a{ float:left; font-size:21px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
.sub_box1 h2 a:hover{ color:#05aad9;}
.sub_box1 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:center; padding-right:10px;}



.sub_box2{ float:left; width:330px; height:auto; margin-top:25px;}
.image_box2{ float:left; width:88px; height:61px; background-image:url(../images/sub_box2.png); background-position:left top; background-repeat:no-repeat; margin-left:110px; margin-top:10px;}
.image_box2:hover{ background-image:url(../images/sub_box2s.png); background-position:left top; background-repeat:no-repeat;}

.sub_box2 h2 a{ float:left; font-size:21px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
.sub_box2 h2 a:hover{ color:#05aad9;}
.sub_box2 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:center; padding-right:10px;}




.sub_box3{ float:right; width:330px; height:auto; margin-top:-25px;}
.image_box3{ float:left; width:69px; height:66px; background-image:url(../images/sub_box3.png); background-position:left top; background-repeat:no-repeat; margin-left:110px; margin-top:10px;}
.image_box3:hover{ background-image:url(../images/sub_box3s.png); background-position:left top; background-repeat:no-repeat;}

.sub_box3 h2 a{ float:left; font-size:21px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
.sub_box3 h2 a:hover{ color:#05aad9;}
.sub_box3 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:center; padding-right:10px;}


.sub_box4{ float:right; width:330px; height:auto; margin-top:130px; margin-right:-50px;}

.image_box4{ float:left; width:99px; height:63px; background-image:url(../images/sub_box4.png); background-position:left top; background-repeat:no-repeat; margin-left:110px; margin-top:10px;}
.image_box4:hover{ background-image:url(../images/sub_box4s.png); background-position:left top; background-repeat:no-repeat;}

.sub_box4 h2 a{ float:left; font-size:21px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
.sub_box4 h2 a:hover{ color:#05aad9;}
.sub_box4 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:center; padding-right:10px;}


.sub_box5{ float:left; width:330px; height:auto; margin-top:-40px; margin-left:47px;}
.image_box5{ float:left; width:47px; height:76px; background-image:url(../images/sub_box5.png); background-position:left top; background-repeat:no-repeat; margin-left:125px; margin-top:10px;}
.image_box5:hover{ background-image:url(../images/sub_box5s.png); background-position:left top; background-repeat:no-repeat;}

.sub_box5 h2 a{ float:left; font-size:21px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
.sub_box5 h2 a:hover{ color:#05aad9;}
.sub_box5 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:center; padding-right:10px;}


.container4{ float:left; width:100%; height:auto; background-image:url(../images/middle_bg.jpg); background-position:left top; background-repeat:repeat-x; background-color:#252d37;}

.middle_box{ float:left; width:100%; height:auto; margin-bottom:40px;}
.middle_top{ float:left; width:100%; height:auto;}
.middle_top h2{ float:left; font-size:15px; color:#9b9b9b; padding: 30px 30px 18px 30px; background-color:#1a232f; margin-top:-21px;}
.middle_top p{ float:left; font-size:12px; color:#9c9b9b; padding-top:10px; padding-left:25px;}
.mail_box{ float:left; width:100%; height:auto; background-color:#1a232f;}

.box1s{ float:left; width:316px; height:25px; background-color:#FFF; margin-left:30px; margin-right:16px; border:none; margin-top:15px; margin-bottom:15px; padding-left:10px; color:#666666;}
.send{ float:left; width:130px; height:28px; background-color:#16488a; color:#7da1d1; cursor:pointer; border:none; margin-top:15px;}
.send:hover{ background-color:#2063bb;}

.desk_box{ float:right; width:386px; height:360px; background-image:url(../images/desk_box.png); background-position:left top; background-repeat:no-repeat; margin-top:-265px;}


.slideshow { height: 206px; width: 325px; margin-left:31px; margin-top:31px;  }
.slideshow img { }

.middle_cap{ float:left; width:auto; height:auto; margin-top:-75px;}
.middle_cap img{ float:left; margin-left:35px; margin-right:20px;}
.middle_cap h5{ float:left; font-size:24px; color:#bdbdbd; font-family:"Times New Roman", Times, serif; padding-top:5px;}

.middle_content{ float:left; width:100%; height:auto;}
.middle_left{ float:left; width:382px; height:auto; margin-left:35px;}
.middle_left h2{ float:left; font-size:21px; color:#FFF; width:100%; margin-bottom:25px;}
.middle_left p{ float:left; font-size:12px; color:#bdbdbd; line-height:15px; margin-bottom:15px; margin-bottom:15px;}
.middle_left a{ float:left; font-size:15px; color:#FFF;}
.middle_left a:hover{ color:#05aad9;}

.middle_right{ float:right; width:370px; height:auto; margin-right:20px;}
.middle_right h2{ float:left; font-size:21px; color:#FFF; width:100%; margin-bottom:25px;}

.colon{ float:left; width:384px; min-height:110px; background-image:url(../images/colon1.png); background-position:left top; background-repeat:no-repeat;}

#news-container
{
	width: 287px; 
	margin: auto;
	margin-top: 0px;
	border:none;
}

#news-container ul li div
{
}
#news-container ul li div img
{ float:left; margin-top:2px; margin-bottom:1px; border-radius:50%; margin-right:5px; width:50px; height:50px;
}
#news-container ul li div p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bdbdbd;}
#news-container ul li div strong{ font-size:13px; color:#bdbdbd;}


.container5{ float:left; width:100%; height:auto; background-color:#FFF;}
.bottom_box{ float:left; width:100%; height:auto; }
.bottom_box h2{font-size:21px; color:#6e6e6e; text-align:center; margin-top:35px; margin-bottom:10px; width:100%;}
.bottom_box p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#bdbdbd; text-align:center; }

 .more{text-align:center; }
 .more a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center; background:#0068D0 ; padding:4px 20px; border-radius:3px;}
 .more a:hover{  background:#000000 ;}

.bottom_folio{ float:left; width:100%; height:auto; margin-top:18px; margin-bottom:30px;}


.container6{ float:left; width:100%; height:auto; background-color:#f5f6f6;}
.bottom_social{ float:left; width:100%; height:auto;}
.bottom_social h2{ text-align:center; font-size:21px; color:#6e6e6e; margin-top:40px; margin-bottom:27px;}

.social_icons{ float:left; width:auto; margin-left:180px; margin-bottom:10px;}
.icon1{ float:left; width:45px; height:48px; background-image:url(../images/icon2.jpg); background-position:left top; background-repeat:no-repeat; margin-right:32px; margin-left:32px;}
.icon1:hover{ margin-top:-8px;}

.icon2{ float:left; width:45px; height:48px; background-image:url(../images/icon3.jpg); background-position:left top; background-repeat:no-repeat; margin-right:32px; margin-left:32px;}
.icon2:hover{ margin-top:-8px;}

.icon3{ float:left; width:45px; height:48px; background-image:url(../images/icon4.jpg); background-position:left top; background-repeat:no-repeat; margin-right:32px; margin-left:32px;}
.icon3:hover{ margin-top:-8px;}

.icon4{ float:left; width:45px; height:48px; background-image:url(../images/icon5.jpg); background-position:left top; background-repeat:no-repeat; margin-right:32px; margin-left:32px;}
.icon4:hover{ margin-top:-8px;}

.icon5{ float:left; width:45px; height:48px; background-image:url(../images/icon6.jpg); background-position:left top; background-repeat:no-repeat; margin-right:32px; margin-left:32px;}
.icon5:hover{ margin-top:-8px;}



.icon1, .icon1:hover, .icon2, .icon2:hover, .icon3, .icon3:hover, .icon4, .icon4:hover, .icon5, .icon5:hover { transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s;}


.social_name{ float:left; width:auto; height:auto; margin-left:170px; margin-bottom:50px;}
.social_name ul{ float:left;}
.social_name ul li{ float:left; font-size:12px; color:#6e6e6e; padding:5px 33px;}


/****************************inner************************************/

.inner_container{ float:left; width:100%; height:auto; margin-top:150px;}
.main_content{ float:left; width:100%; height:auto;}
.service_caption{ float:left; width:100%; height:auto; margin-bottom:10px;}
.service_caption h2{ font-size:26px; font-weight:bold; width:100%; color:#666; padding-bottom:8px; border-bottom:solid #CCC; border-width:1px;}
.service_caption h3{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-right:12px; color:#000; margin-top:-23px;}
.service_left{ float:left; width:640px; height:auto;}
.sub_matter{ float:left; width:98%; margin-top:15px; margin-bottom:20px;}
.sub_matter img{ width:98%;  margin-bottom:20px;}

.sub_matter h3{ float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;
 color:#05aad9; margin-bottom:15px;}
.sub_matter p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:20px; margin-bottom:5px;
text-align:justify;}

.box1_service{ float:left; width:100%; height:auto; border-bottom:solid #e8e9e9; border-width:1px; margin-top:20px;}
.box1_content h2{ float:left; font-size:30px; color:#6e6e6e; width:100%; margin-bottom:16px;}

.box1_content{ float:left; width:410px; height:auto; margin-bottom:21px;}
.box1_content p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:19px; margin-bottom:15px; text-align:justify; }
.box1_content a{ float:left; font-size:12px; padding:8px 20px; color:#05aad9; background-color:#f0efef;}
.box1_content a:hover{ background-color:#05aad9; color:#FFF;}

.box1_content a,.box1_content a:hover{ transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s;}

.box2_content a,.box2_content a:hover{ transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s;}

.box1_icon{float:right; height:115px; margin-bottom: 52px;    margin-right: 17px;    margin-top: 18px; }
.box1_icon img{ border:1px solid #e8e9e9; padding:25px;  }

.box2_service{ float:left; width:100%; height:auto; border-bottom:solid #e8e9e9; border-width:1px; margin-top:20px;}
.box2_content h2{ float:left; font-size:30px; color:#6e6e6e; width:100%; margin-bottom:16px;}

.box2_content{ float:right; width:410px; height:auto; margin-bottom:21px;}
.box2_content p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:19px; margin-bottom:15px;text-align:justify;}
.box2_content a{ float:left; font-size:12px; padding:8px 20px; color:#05aad9; background-color:#f0efef;}
.box2_content a:hover{ background-color:#05aad9; color:#FFF;}
.box2_icon{ float:left; width:145px; height:115px; margin-left:30px; margin-top:35px; }
.box2_icon img{ border:1px solid #e8e9e9; padding:25px;  }
 
 .box3_icon{ float:left; width:145px; height:115px; margin-left:30px; margin-top:15px; }
 .box3_icon img{ border:1px solid #e8e9e9; padding:25px;  }

 .box4_icon{ float:left; width:145px; height:115px; margin-left:30px;  }
 .box4_icon img{ border:1px solid #e8e9e9; padding:25px;  }
	

 .box5_icon{ float:left; width:145px; height:115px; margin-left:30px; margin-top:15px; }
 .box5_icon img{ border:1px solid #e8e9e9; padding:25px;  }


 .box6_icon{ float:left; width:145px; height:115px; margin-left:30px;  }
 .box6_icon img{ border:1px solid #e8e9e9; padding:25px;  }
	

 .box7_icon{ float:left; width:145px; height:115px; margin-left:30px; margin-top:15px; }
 .box7_icon img{ border:1px solid #e8e9e9; padding:25px;  }

 .box8_icon{ float:left; width:145px; height:115px; margin-left:30px;  }
 .box8_icon img{ border:1px solid #e8e9e9; padding:25px;  }
	

 .box9_icon{ float:left; width:145px; height:115px; margin-left:30px; margin-top:15px; }
 .box9_icon img{ border:1px solid #e8e9e9; padding:25px;  }
	



.service_right{ float:right; width:255px; height:auto;}
.overview{ float:left; width:100%; height:auto; margin-top:15px;}
.overview ul{ float:right;}
.overview ul li{ margin-bottom:4px; float:left; width:100%;}
.overview ul li a{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background-color:#e8e8e8; border-bottom:solid #FFF; border-width:1px; line-height:18px; padding:10px 19px}

.overview ul li a:hover{ background-color:#05aad9; color:#FFF;}
.overview ul li a, .overview ul li a:hover{ transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s;}
.right_box2{ float:left; width:100%; min-height:190px; background-color:#ececec; margin-top:15px;}
.right_box2 h2{ width:100%; height:auto; text-align:center; font-size:21px; color:#666; margin-top:25px; margin-bottom:20px;}


#news-container2
{
	width: 220px; 
	margin-top: 0px;
	margin-left:18px;
	margin-bottom:20px;
	border:none;
}

#news-container2 ul li div
{}
#news-container2 ul li div img
{ float:left; margin-top:2px; margin-bottom:1px; border-radius:50%; margin-right:5px; width:50px; height:50px;
}
#news-container2 ul li div p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#news-container2 ul li div strong{font-size:13px; color:#666; line-height:18px;}

.right_box3{ float:left; width:100%; height:auto; background-color:#ececec; margin-top:3px;}
.right_box3 h2{ width:100%; height:auto; text-align:center; font-size:21px; color:#666; margin-top:25px; margin-bottom:20px;}
.right_box3 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; margin-bottom:3px; margin-left:18px;}
.mail_box2{ float:left; margin-left:18px; width:220px; height:27px; border:solid #CCC; border-width:1px; padding-left:5px; margin-bottom:10px;}
.sub_final{ float:left; margin-left:18px; width:88px; height:27px;
 background-color:#04a5d3; color:#FFF; cursor:pointer; margin-bottom:30px; border:none;}
.sub_final:hover{ background-color:#0a93ba;}

.right_box4{ float:left; width:100%; height:auto; margin-bottom:25px;}
.right_box4 h2{ width:100%; height:auto; text-align:center; font-size:21px; color:#666; margin-top:25px; margin-bottom:20px;}

.facebook{ float:left; width:32px; height:32px; background-image:url(../images/social/facebook.png); background-position:left top; background-repeat:no-repeat; margin-left:35px;}
.facebook:hover{ opacity:0.8;}
.twitter{ float:left; width:32px; height:32px; background-image:url(../images/social/twitter.png); background-position:left top; background-repeat:no-repeat; margin-left:10px;}
.twitter:hover{ opacity:0.8;}
.google{ float:left; width:32px; height:32px; background-image:url(../images/social/gplus.png); background-position:left top; background-repeat:no-repeat; margin-left:10px;}
.google:hover{ opacity:0.8;}
.pin{ float:left; width:32px; height:32px; background-image:url(../images/social/pinterest.png); background-position:left top; background-repeat:no-repeat; margin-left:10px;}
.pin:hover{ opacity:0.8;}
.dribble{ float:left; width:32px; height:32px; background-image:url(../images/social/dribble.png); background-position:left top; background-repeat:no-repeat; margin-left:10px;}
.dribble:hover{ opacity:0.8;}

/********************contact***************************/

.contact_left{ float:left; width:50%; height:auto; border-right:solid #CCC; border-width:1px; margin-bottom:30px;}
.contact_left h2{ float:left; width:100%; height:auto; font-size:26px; color:#666; margin-bottom:20px;}
.te_box{ float:left; width:90%; margin-top:10px; margin-bottom:10px;}
.te_box p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin-top:4px;}
.te_sub1{ float:right; width:280px; height:28px; border:solid #CCC; border-width:1px; padding-left:5px;}
.te_sub2{ float:right; width:280px; height:100px; border:solid #CCC; border-width:1px; padding-left:5px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.te_clear{ float:left; width:100px; height:32px; background-color:#333; color:#FFF; border:none; margin-right:10px; cursor:pointer;}
.te_clear:hover{ background-color:#000;}
.te_box2{ float:left; width:auto; margin-top:25px; margin-bottom:10px; margin-left:126px;}
.contact_right{ float:left; width:44%; height:auto; margin-left:15px;}
.contact_right h2{ float:left; font-size:26px; color:#666; margin-bottom:20px; width:100%; }
.contact_right p{ float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:22px;}
.contact_right .link1{ float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;
text-decoration:underline; line-height:22px;}
.contact_right .link1:hover{ color:#05aad9;}
.map{ float:left; width:100%; height:auto; margin-top:15px; margin-bottom:25px;}
.map h2{ float:left; width:100%; height:auto; font-size:18px; color:#666; margin-bottom:12px;}
.map iframe{ float:left; width:100%; height:200px; border:solid #CCC; border-width:1px;}


/***********************************************/

/*************************portfolio************************************/

.portfolio{ float:left; width:100%; height:auto;}
.main_links{ float:left; width:100%; margin-top:20px; margin-bottom:20px;}
.active{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:10px 28px; background-color:#05aad9; color:#FFF; margin-right:23px;}
.active2{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:10px 28px; 
background-color:#d6d4d4; color:#FFF; margin-right:23px;}
.active2:hover{ background-color:#05aad9;}

.active2,.active2:hover{ transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s;}

.design1{ float:left; width:100%; height:auto; margin-bottom:35px;}

#gallery {
		width: 100%;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
		width:204px; height:150px; margin-right:15px; margin-bottom:15px;
		-webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;
   box-shadow: 1px 1px 2px #CCC;
	}
	#gallery ul a:hover img {
		border: 5px solid #CCC;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

#gallery ul img, #gallery ul a:hover img{ transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s;
 -webkit-transition:ease-in-out 0.5s;}
/*************************************************************/


/*******************************************************************/




.footer{ float:left; width:100%; height:auto; background-color:#252d37;}
.footer_box{ float:left; width:100%; height:auto; margin-top:45px; margin-bottom:25px;}
.foo_left1{ float:left; width:180px; height:auto;}
.foo_left1 h2{ float:left; width:100%; font-size:18px; color:#FFF; margin-bottom:20px;}
.foo_left1 ul{ float:left;}
.foo_left1 ul li{ line-height:15px;}
.foo_left1 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595;}
.foo_left1 ul li a:hover{ color:#FFF;}

.foo_left2{ float:left; width:420px; height:auto; margin-left:20px; margin-right:20px;}
.foo_left2 h2{ float:left; width:100%; font-size:18px; color:#FFF; margin-bottom:20px;}
.foo_left2 ul{ float:left; margin-right:40px;}
.foo_left2 ul li{ line-height:15px;}
.foo_left2 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595;}
.foo_left2 ul li a:hover{ color:#FFF;}


.foo_left3{ float:left; width:250px; height:auto; margin-left:20px;}
.foo_left3 h2{ float:left; width:100%; font-size:18px; color:#FFF; margin-bottom:20px;}
.foo_left3 ul{ float:left;}
.foo_left3 ul li{ line-height:15px;}
.foo_left3 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595;}
.foo_left3 ul li a:hover{ color:#FFF;}


.left4{ float:left; margin-top:18px; width:100%;}
.left4 h2{ float:left; width:100%; font-size:18px; color:#FFF; margin-bottom:20px;}


.foo_left5{ float:left; width:210px; height:auto; margin-left:20px;}
.foo_left5 h2{ float:left; width:100%; font-size:18px; color:#FFF; margin-bottom:20px; margin-left:4px;}
.foo_left5 ul{ float:left; margin-bottom:10px;}
.foo_left5 ul li{ line-height:15px; float:left;}
.foo_left5 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595; padding:0px 8px; border-right:solid #959595; border-width:1px;}
.foo_left5 ul li a:hover{ color:#FFF;}


.foo_left5 p{ float:left; width:100%; font-size:12px; color:#959595; margin-bottom:10px; margin-left:8px; }

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right:50px;
}
#back-top a {
	width: 81px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 81px;
	height: 81px;
	display: block;
	margin-bottom: 7px;
	background-image:url(../images/top_arrow.png); background-position:left top; background-repeat:no-repeat;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-image:url(../images/top_arrow1.png); background-position:left top; background-repeat:no-repeat;
}


.plan_dtls{ float:left; width:100%;}
.plan_dtls li{ float:left; width:100%; color:#3b97e4;}

.copy{ float:left; width:100%; min-height:25px; background-color:#2a3542;}
.copy_right{ float:left; width:100%;}
.copy_right h3{ width:100%; text-align:center; padding:10px; font-size:12px; color:#959595;}


.side_social{ width:175px; position:fixed; left:0px; top:30%; z-index:10000;}
.side_social img{float:left;}
.side_social span{float:left; width:70px; margin:10px 10px 0 0px;transition:ease-in-out .8s;}
.side_social li{float:left; width:100%; margin-bottom:1px;}
.side_social li a{float:left; color:#FFF; margin-left:-82px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border-radius:5px;  transition:ease-in-out .9s;}
.side_social li:hover a{margin-left:2px;transition:ease-in-out .6s;background:#05aad9;}
.side_social li:hover span{margin-left:40px ;transition:ease-in-out .9s;}




/****************************************************************/
/************************about page*****************************/
/**************************************************************/

.wraper_left{float:left; width:65%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.wraper_left p{margin:5px  0; line-height:19px;}
.wraper_left h2{font-size:14px; font-weight:bold; color:#04A5D3;}
.wraper_right{float:left; width:34%;}
.list_items{ float:left; width:90%; padding-left:16px;}
.list_items li{ float:left; width:100%; color:#666; list-style:circle; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0 8px 0;}





/**************************media*************************************/

@media all{
	body,.page,.main_menu,.page2,.banner,.inner_caption,.content,.bottom_folio
	{
		transition:all 0.5s linear;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
	
	}
	
}

@media only screen and (max-width:1024px){
	body{min-width:751px;}
	.page{ width:751px; height:auto; margin-left:auto; margin-right:auto;}
	.page2{ width:751px; height:auto; margin-left:auto; margin-right:auto;}
	.container2{ float:left; width:100%; height:auto; background-color:#252d37;}
	.banner{ float:left; width:751px;}
	.inner_caption{ float:left; width:250px; height:auto; margin-left:6px; margin-top:-275px;}
	.inner_caption h1{ float:left; font-size:35px; width:100%; color:#FFF; line-height:35px; margin-bottom:15px;}
	.inner_caption h1 span{ font-size:35px;}
	.rslides img {
  	display: block;
  	height: auto;
 	 margin-top:55px;
  	float: right;
  	width: 500px !important;
  	border: 0;
  	}
	.content{ float:left; width:100%; height:auto;}
	.inner_content{ float:left; width:100%; height:auto; background-image:url(../images/content_bg3.png); background-position:left top; background-repeat:		no-repeat; margin-bottom:50px;}
	.right_sub{ float:right; width:350px; margin-top:30px;}
	.right_sub h2{ float:left; font-size:18px; color:#05aad9; width:100%; text-align:right; margin-bottom:20px;}
	.right_sub h2 strong{ font-weight:bold;}
	.right_sub p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e; text-align:right; float:right;}
	
	.sub_box1{ float:left; width:280px; height:auto; margin-top:70px;}
	.sub_box1 h2 a{ font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-left:0px !important; margin-top:8px; width:100%; margin-bottom:13px	;}
	.image_box{ margin-left:100px;}
	.sub_box1 p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e6e6e; text-align:center; padding-right:10px;}
	
	.sub_box2{ float:left; width:280px; height:auto; margin-top:45px;}
	.image_box2{ margin-left:93px;}
	.sub_box2 h2 a{ font-size:18px; color:#6e6e6e; width:100%; margin-left:0px !important; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
	.sub_box2 p{ font-size:11px; color:#6e6e6e;}
	.sub_box3{ float:right; width:280px; height:auto; margin-top:-45px;}
	.sub_box3 h2 a{ float:left; font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
	.sub_box3 p{ font-size:11px;}

	.sub_box4{ float:right; width:280px; height:auto; margin-top:70px; margin-right:-50px;}
	.image_box4{ margin-left:82px;}
	.sub_box4 h2 a{ float:left; font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
	.sub_box4 p{font-size:11px;}
	
	
	.sub_box5{ float:left; width:280px; height:auto; margin-top:-45px; margin-left:10px;}
	.image_box5{ margin-left:105px; margin-top:10px;}
	.sub_box5 h2 a{ float:left; font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
	.sub_box5 p{  font-size:11px;}
	
	.middle_top h2{ float:left; font-size:15px; color:#9b9b9b; padding: 20px 20px 18px 20px; background-color:#1a232f; margin-top:-21px;}
	.middle_top p{ display:none;}
	.mail_box{ float:left; width:100%; height:auto; background-color:#1a232f;}
	.box1s{ float:left; width:220px; height:25px; background-color:#FFF; margin-left:20px; margin-right:16px; border:none; margin-top:15px; margin-bottom:15px; padding-left:10px; color:#666666;}
	.send{ float:left; width:95px; height:28px; background-color:#16488a; color:#7da1d1; cursor:pointer; border:none; margin-top:15px;}
	.middle_cap{ float:left; width:auto; height:auto; margin-top:-54px;}
	.middle_cap img{ float:left; margin-left:20px; margin-right:20px;}
	.middle_cap h5{ float:left; font-size:22px; color:#bdbdbd; font-family:"Times New Roman", Times, serif; padding-top:5px;}
	.middle_left{ float:left; width:340px; height:auto; margin-left:35px;}
	.middle_left h2{ float:left; font-size:19px; color:#FFF; width:100%; margin-bottom:15px;}
	
	.middle_right{ float:right; width:350px; height:auto; margin-right:20px;}
	.middle_right h2{ float:left; font-size:19px; color:#FFF; width:100%; margin-bottom:15px; margin-left:28px;}
	.colon{ float:left; width:350px; height:auto; background-image:none !important;}

	#news-container
	{
	width: 287px; 
	margin: auto;
	margin-top: 0px;
	border:none;
	}
	
	.bottom_box h2{font-size:21px; color:#6e6e6e; text-align:center; margin-top:50px; margin-bottom:10px; width:100%;}
	.bottom_folio{ float:left; width:100%; height:auto; margin-top:30px; margin-bottom:30px;}
	.social_icons{ float:left; width:auto; margin-left:110px; margin-bottom:10px;}
	.social_name ul li{ float:left; font-size:12px; color:#6e6e6e; padding:5px 33px;}
	.social_name{ margin-left:98px;}
	.footer_box{ float:left; width:100%; height:auto; margin-top:45px; margin-bottom:50px;}
	.foo_left1{ float:left; width:103px; height:auto;}
	.foo_left1 h2{ float:left; width:100%; font-size:16px; color:#FFF; margin-bottom:10px;}
	.foo_left1 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595;}
	
	.foo_left2{ float:left; width:380px; margin-left:10px;}
	.foo_left2 h2{ float:left; width:100%; font-size:16px; color:#FFF; margin-bottom:10px;}
	.foo_left2 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595;}
	
	.foo_left3{ float:left; width:240px; height:auto; margin-left:5px;}
	.foo_left3 h2{ float:left; width:100%; font-size:16px; color:#FFF; margin-bottom:10px;}
	.foo_left3 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595;}
	
	.foo_left5{ float:left; width:210px; height:auto; margin-left:5px;}
	.foo_left5 h2{ float:left; width:100%; font-size:16px; color:#FFF; margin-bottom:10px;}
	.foo_left5 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595;}


	#back-top {
	position: fixed;
	bottom: 30px;
	right:30px;
}

/********************inner*****************************/

	.service_left{ float:left; width:470px; height:auto;}
	.box1_content{ width:288px;}
	.box2_content{ width:288px;}
	.box2_icon{ margin-left:5px;}
	.box4_icon{ margin-left:5px;}
	.box6_icon{ margin-left:5px;}
	.box8_icon{ margin-left:5px;}

	/***************contact***********************/
	.te_box{ width:96%;}
	.te_sub1{ width:237px;}
	.te_sub2{ width:237px;}
	
	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
		width:170px; height:130px; margin-right:10px; margin-bottom:15px;
		-webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;
   box-shadow: 1px 1px 2px #CCC;
	}
	
	
	/**************************************/

/*************************************************/
	.top_box{ float:right; width:223px; height:auto; background-color:transparent; border-radius:0px 0px 10px 10px; behavior: url("PIE/PIE.htc");}
	.top_box p{ float:left; font-size:12px; color:#9099a5; margin:15px 0px 10px 0px;}
	.top_box p em{width:100%; float:left}
	.top_box a{ font-size:12px; color:#333;}


}


	@media only screen and (max-width:768px){
	body{min-width:471px;}
	.page{ width:471px; height:auto; margin-left:auto; margin-right:auto;}
	.page2{ width:471px; height:auto; margin-left:auto; margin-right:auto;}
	.logo{ margin-top:0px;}
	.logo img{ float:left; width:180px; height:60px;}
	.main_menu{ float:right; width:100%; height:auto; margin-top:0px; display:block; margin-bottom:5px;}
	.menu2{ display:none;}
	
	.container2{ float:left; width:100%; background-color:#252d37; margin-top:112px;}
	.banner{ float:left; width:471px;}
	.inner_caption{ float:left; width:170px; height:auto; margin-left:6px; margin-top:-160px;}
	.inner_caption h1{ float:left; font-size:18px !important; width:100%; color:#FFF; line-height:18px; margin-bottom:5px;}
	.inner_caption h1 span{ font-size:18px !important;}
	.inner_caption p{ float:left; font-size:10px; color:#d9d9d9; line-height:11px; padding-right:5px;}

	.cap_link{ float:left; font-size:11px; color:#FFF; padding:4px 10px; background-image: none;  margin-top:10px; background-color:#73a146;}
.cap_link:hover{ background-color:#447a9d; background-image: none;  }
	
	.rslides img {
  	display: block;
  	height: auto;
 	 margin-top:15px !important;
  	float: right;
  	width: 300px !important;
  	border: 0;
  	}
	
	.inner_content{ float:left; width:100%; height:auto; background-image:none; margin-bottom:30px;}
	.right_sub{ float:right; width:350px; margin-top:20px;}
	.right_sub h2{ float:left; font-size:18px; color:#05aad9; width:100%; text-align:right; margin-bottom:10px;}
	.right_sub p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e6e6e; text-align:right; float:right;}
	.sub_box1{ float:left; width:230px; height:auto; margin-top:10px;}
	.sub_box1 h2 a{ font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-left:0px !important; margin-top:8px; width:100%; margin-bottom:13px	;}
	.image_box{ margin-left:71px;}
	.sub_box1 p{  font-size:11px; color:#6e6e6e; text-align:center; padding-right:5px;}
	.sub_box2{ float:left; width:230px; height:auto; margin-top:18px; margin-left:5px;}
	.image_box2{ margin-left:62px;}
	.sub_box2 h2 a{ font-size:18px; color:#6e6e6e; width:100%; margin-left:0px !important; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}
	.sub_box3{ float:left; width:230px; height:auto; margin-top:10px;}
	.image_box3{ margin-left:76px;}
	.sub_box4{ float:right; width:230px; height:auto; margin-top:15px; margin-left:5px; margin-right:0px !important;}
	.image_box4{ margin-left:55px;}
	.sub_box4 h2 a{ float:left; font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-top:20px; width:100%; margin-bottom:16px;}
	.sub_box5{ float:left; width:245px; height:auto; margin-top:10px; margin-left:0px !important; margin-bottom:20px;}
	.image_box5{ margin-left:105px; margin-top:10px;}
	
	
	.desk_box{ float:left; width:386px; height:360px; background-image:url(../images/desk_box.png); background-position:left top; background-repeat:no-repeat; margin-top:0px;}
	
	.box1s{ width:307px;}
	.middle_cap img{ float:left; margin-left:10px; margin-right:10px;}
	.middle_cap h5{ float:left; font-size:21px; color:#bdbdbd; font-family:"Times New Roman", Times, serif; padding-top:10px;}
	
	.middle_left{ float:left; width:225px; height:auto; margin-left:5px; margin-right:5px;}
	.middle_left h2{ float:left; font-size:18px; color:#FFF; width:100%; margin-bottom:15px;}
	.middle_left p{ font-size:11px;}
	.middle_left a{ font-size:12px;}
	
	.middle_right{ float:right; width:225px; height:auto; margin-right:5px;}
	.middle_right h2{ float:left; font-size:18px; color:#FFF; width:100%; margin-bottom:15px; margin-left:0px;}
	#news-container ul li div p{ font-size:11px;}
	.colon{ float:left; width:225px; height:auto; background-image:none !important;}
	#news-container
	{
	width: 220px; 
	margin: auto;
	margin-top: 0px;
	border:none;
	}
	.middle_box{ margin-bottom:25px;}
	.bottom_box h2{ margin-top:29px;}
	.foo_left2{ float:left; width:200px; margin-left:10px;}
	.foo_left5{ float:left; width:133px; height:auto; margin-left:5px;}
	.bottom_social h2{ margin-top:25px;}
	.social_icons{ float:left; width:auto; margin-left:25px; margin-bottom:10px;}
	.icon1{ margin-left:20px; margin-right:20px;}
	.icon2{ margin-left:20px; margin-right:20px;}
	.icon3{ margin-left:20px; margin-right:20px;}
	.icon4{ margin-left:20px; margin-right:20px;}
	.icon5{ margin-left:20px; margin-right:20px;}
	
	.social_name{ float:left; width:auto; height:auto; margin-left:20px; margin-bottom:25px;}
	.social_name ul li{ float:left; font-size:12px; color:#6e6e6e; padding:5px 20px;}
	.foo_left3{ float:left; width:175px; height:auto; margin-left:5px;}

	
	.foo_left5{ margin-left:0px; margin-top:10px;}
	.footer_box{ margin-bottom:15px;}
	
	/********************inner*****************************/

	.service_left{ float:left; width:100%; height:auto;}
	.sub_matter p{ line-height:17px;}
	.service_caption h3{ display:none;}
	.service_right{ float:left; margin-top:20px;}
	.overview ul li{ float:left;}
	.right_box4{ margin-bottom:25px;}
	.box1_content{ width:288px;}
	.box1_content p{ line-height:16px;}
	.box2_content p{ line-height:16px;}
	.box2_content{ width:288px;}
	.box2_icon{ margin-left:5px;}
	.box4_icon{ margin-left:5px;}
	.box6_icon{ margin-left:5px;}
	.box8_icon{ margin-left:5px;}
	
	/***************contact***********************/
	.contact_right{ width:45%;}
	.contact_left h2{ font-size:22px;}
	.contact_right h2{ font-size:22px;}
	.te_sub1{ float:left; width:100%;}
	.te_sub2{ float:left; width:100%;}
	.te_box2{ margin-left:0px;}

	.active{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:10px 35px; background-color:#05aad9; color:#FFF; margin-right:15px;}
.active2{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:10px 35px; 
background-color:#d6d4d4; color:#FFF;}

	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
		width:140px; height:110px; margin-right:10px; margin-bottom:15px;
		-webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;
   box-shadow: 1px 1px 2px #CCC;
	}
	.service_right{ margin-top:0px;}

	


	
	/*************slider******************/	

.textElement21_opportuneFullWidth p{ display:none}

.textElement11_opportuneFullWidth p{display:none}
.textElement43_opportuneFullWidth p{display:none}

/*************slider******************/	


	
}


@media only screen and (max-width:480px){
	body{min-width:356px;}
	.page{ width:356px; height:auto; margin-left:auto; margin-right:auto;}
	.page2{ width:356px; height:auto; margin-left:auto; margin-right:auto;}
	.logo img{ float:left; width:150px; height:52px;}
	.top_box{ margin-top:0px;}
	.main_menu{ display:none;}
	.menu2{ display:block; }
	select{
	width: 100%; height:23px; border:solid #999; border-width:1px; margin-bottom:5px;
	}
	.top_headder{ float:left; width:100%; height:auto; background-color:#FFF; position:relative; z-index:89;}
	.container2{ float:left; width:100%; background-color:#252d37; margin-top:0px;}
	.banner{ float:left; width:356px;}
	.inner_caption{ float:left; width:130px; height:auto; margin-left:6px; margin-top:22px;}
	.inner_caption h1{ float:left; font-size:15px !important; width:100%; color:#FFF; line-height:18px; margin-bottom:3px;}
	.inner_caption h1 span{ font-size:15px !important;}
	.inner_caption p{ float:left; font-size:9px; color:#d9d9d9; line-height:10px; padding-right:5px; text-align:left;}

	.rslides img {
  	display: block;
  	height: auto;
 	 margin-top:30px !important;
  	float: right;
  	width: 220px !important;
  	border: 0;
  	}
	.cap_link{ float:left; font-size:10px; color:#FFF; padding:3px 10px; background-image: none;  margin-top:5px; background-color:#73a146; margin-bottom:0px;}
	.cap_link:hover{ background-color:#447a9d; background-image: none;  }

	.right_sub{ float:right; width:350px; margin-top:20px;}
	.right_sub h2{ float:left; font-size:16px; color:#05aad9; width:100%; text-align:right; margin-bottom:10px;}
	
	.sub_box1{ float:left; width:170px; height:auto; margin-top:10px;}
	.sub_box1 h2 a{ font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-left:0px !important; margin-top:8px; width:100%; margin-bottom:13px	;}
	.image_box{ margin-left:44px;}
	.sub_box1 p{  font-size:11px; color:#6e6e6e; text-align:center; padding-right:5px;}
	.sub_box2{ float:left; width:170px; height:auto; margin-top:18px; margin-left:5px;}
	.image_box2{ margin-left:44px;}
	.sub_box2 h2 a{ font-size:18px; color:#6e6e6e; width:100%; margin-left:0px !important; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}


	.sub_box3{ float:left; width:170px; height:auto; margin-top:10px;}
	.image_box3{ margin-left:50px;}
	.sub_box4{ float:right; width:170px; height:auto; margin-top:15px; margin-left:5px; margin-right:0px !important;}
	.image_box4{ margin-left:33px;}
	
	.sub_box5{ float:left; width:196px; height:auto; margin-top:10px; margin-left:0px !important; margin-bottom:20px;}
	.image_box5{ margin-left:68px; margin-top:10px;}
	.box1s{ width:194px;}


	.desk_box{ float:left; width:320px; height:292px; background-image:url(../images/desk_box2.png); background-position:left top; background-repeat:no-repeat; margin-top:0px;}

	.slideshow { height: 171px !important; width: 273px !important; margin-left:27px; margin-top:22px;  }
.slideshow img {  height: 171px !important; width: 273px !important;}


	.middle_cap img{ display:none;}
	.middle_cap h5{ float:left; font-size:18px; color:#bdbdbd; font-family:"Times New Roman", Times, serif; padding-top:10px; margin-top:20px;}
	
	.middle_left{ float:left; width:330px; height:auto; margin-left:5px; margin-right:5px; margin-top:9px;}
	.middle_right{ float:left; width:330px; height:auto; margin-left:5px; margin-top:15px;}
	
	.colon{ float:left; width:330px; height:auto; background-image:none !important;}
	#news-container
	{
	width: 330px; 
	margin: auto;
	margin-top: 0px;
	border:none;
	}
	
	.middle_box{ margin-bottom:5px;}
	.ch-grid li {
	width: 168px !important;
	height: 110px !important;
	display: inline-block;
	margin:4px 3px;
}
	
	
	.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px !important;
	margin: 0 20px !important;
	padding: 20px 0 0 0 !important;
	height:auto;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
	.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 10px !important;
	font-size: 11px !important;

}
	
	.bottom_box h2{font-size:17px; color:#6e6e6e; text-align:center; margin-top:20px; margin-bottom:10px; width:100%;}
	
	.bottom_folio{ margin-top:15px;}
	.bottom_social h2{ margin-top:20px; font-size:17px;}
	
	.social_icons{ float:left; width:auto; margin-left:40px; margin-bottom:10px;}
	.icon1{ margin-left:6px; margin-right:6px;}
	.icon2{ margin-left:6px; margin-right:6px;}
	.icon3{ margin-left:6px; margin-right:6px;}
	.icon4{ margin-left:6px; margin-right:6px;}
	.icon5{ margin-left:6px; margin-right:6px;}
	
	.social_name{ float:left; width:auto; height:auto; margin-left:22px; margin-bottom:25px;}
	.social_name ul li{ float:left; font-size:11px; color:#6e6e6e; padding:5px 10px;}
	
	
	.foo_left1{ width:125px;}
	.foo_left2{ float:left; width:180px;}
	.foo_left3{ margin-left:0px;}
	.foo_left5{ margin-left:0px; margin-top:10px; width:175px !important;}
	.footer_box{ margin-bottom:15px;}
	.foo_left5 p{ float:left; width:100%; font-size:11px; color:#959595; margin-bottom:10px; margin-left:8px; }
	
	
	
	#back-top {
	position: fixed;
	bottom: 30px;
	right:20px;
}
	.copy_right h3{ width:100%; text-align:center; padding:10px; font-size:11px; color:#959595;}
	.side_social{ display:none;}
	
	/*************************************************/
	.inner_container{ margin-top:25px;}
	.service_caption h2{ font-size:23px;}
	.box1_content{ width:100%;} .box1_content h2{ font-size:21px;} .box2_content h2{ font-size:21px;}
	.box2_content{ width:100%;}
	.box1_content p{ line-height:18px;}
	.box2_content p{ line-height:18px;}
	.box1_icon{ display:none;} .box2_icon{ display:none;} .box3_icon{ display:none;} .box4_icon{ display:none;} .box5_icon{ display:none;}
	.box6_icon{ display:none;} .box7_icon{ display:none;} .box8_icon{ display:none;} .box9_icon{ display:none;}
	.overview{ display:none;}
	
	/***************contact***********************/
	.contact_left{ width:100%; border-right:none; margin-bottom:15px;}
	.contact_right{ width:100%; margin-left:0px;}
	.contact_left h2{ font-size:22px;}
	.contact_right h2{ font-size:22px;}
	.te_sub1{ float:left; width:100%;}
	.te_sub2{ float:left; width:100%;}
	.te_box{ margin-top:5px; margin-bottom:5px;}
	.te_box2{ margin-left:0px; margin-top:15px;}
	.facebook{ margin-left:22px;}
	
	/**************************************/
	.active{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:10px 25px; background-color:#05aad9; color:#FFF; margin-right:15px;}
.active2{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:10px 25px; 
background-color:#d6d4d4; color:#FFF;}
	
	/*************************************************/
	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
		width:160px; height:120px; margin-right:10px; margin-bottom:10px;
		-webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;
   box-shadow: 1px 1px 2px #CCC;
	}
	
	
	
	
}

@media only screen and (max-width:365px){
	body{min-width:240px;}
	.page{ width:240px; height:auto; margin-left:auto; margin-right:auto;}
	.page2{ width:240px; height:auto; margin-left:auto; margin-right:auto;}
	.logo img{ width:200px; height:69px;} 
	.top_box{ float:left; margin-top:-10px;}
	.top_box p{ margin-top:0px;}
	.main_menu{ display:none;}
	.menu2{ display:block; margin-top:15px;}
	.top_headder{ float:left; width:100%; height:auto; background-color:#FFF; position:relative; z-index:89;}
	select{
	width: 100%; height:23px; border:solid #999; border-width:1px; margin-bottom:5px;
	}
	
	.container2{ }
	.banner{ float:left; width:240px;}
	.inner_caption{ float:left; width:92px; height:auto; margin-left:6px; margin-top:44px;}
	.inner_caption h1{ float:left; font-size:15x !important; width:100%; color:#FFF; line-height:18px; margin-bottom:3px;}
	.inner_caption h1 span{ font-size:15px !important;}
	.inner_caption p{ float:left; font-size:8px; color:#d9d9d9; line-height:10px; padding-right:5px; text-align:left; display:none;}

	.rslides img {
  	display: block;
  	height: auto;
 	 margin-top:30px !important;
  	float: right;
  	width: 140px !important;
  	border: 0;
  	}
	.right_sub{ float:right; width:240px; margin-top:20px;}
	.right_sub h2{ float:left; font-size:16px; color:#05aad9; width:100%; text-align:right; margin-bottom:10px;}
	.right_sub p{ width:240px;}

	.sub_box1{ float:left; width:240px; height:auto; margin-top:10px;}
	.sub_box1 h2 a{ font-size:18px; color:#6e6e6e; width:100%; text-align:center; margin-left:0px !important; margin-top:8px; width:100%; margin-bottom:13px	;}
	.image_box{ margin-left:80px;}
	.sub_box1 p{  font-size:11px; color:#6e6e6e; text-align:center; padding-right:5px;}
	.sub_box2{ float:left; width:240px; height:auto; margin-top:18px; margin-left:5px;}
	.image_box2{ margin-left:80px;}
	.sub_box2 h2 a{ font-size:18px; color:#6e6e6e; width:100%; margin-left:0px !important; text-align:center; margin-top:8px; width:100%; margin-bottom:13px;}


	.sub_box3{ float:left; width:240px; height:auto; margin-top:10px;}
	.image_box3{ margin-left:90px;}
	.sub_box4{ float:left; width:240px; height:auto; margin-top:15px; margin-left:5px; margin-right:0px !important;}
	.image_box4{ margin-left:70px;}
	
	.sub_box5{ float:left; width:240px; height:auto; margin-top:10px; margin-left:0px !important; margin-bottom:20px;}
	.image_box5{ margin-left:101px; margin-top:10px;}
	.box1s{ width:194px; margin-left:20px;}
	.send{ margin-left:20px; margin-top:0px; margin-bottom:10px;}
	.desk_box{ display:none;}
	.middle_cap h5{ display:none;}
	
	.middle_left{ float:left; width:235px; height:auto; margin-left:5px; margin-right:0px; margin-top:15px;}
	.middle_right{ float:left; width:235px; height:auto; margin-left:5px; margin-top:15px;}
	.colon{ float:left; width:235px; height:auto; background-image:none !important;}
	#news-container
	{
	width: 235px; 
	margin: auto;
	margin-top: 0px;
	border:none;
	}
	
	.ch-grid li {
	width: 215px !important;
	height: 139px !important;
	display: inline-block;
	margin:4px 3px;
}
	.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px !important;
	margin: 0 30px !important;
	padding: 40px 0 0 0 !important;
	height:auto;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px !important;
	font-size: 12px !important;
	
}


	.social_icons{ float:left; width:auto; margin-left:0px; margin-bottom:10px;}
	.icon1{ margin-left:0px; margin-right:2px;}
	.icon2{ margin-left:0px; margin-right:2px;}
	.icon3{ margin-left:0px; margin-right:2px;}
	.icon4{ margin-left:0px; margin-right:2px;}
	.icon5{ margin-left:0px; margin-right:2px;}


	.social_name{ float:left; width:auto; height:auto; margin-left:0px; margin-bottom:25px;}
	.social_name ul li{ float:left; font-size:10px; color:#6e6e6e; padding:5px 4px;}

	.foo_left2{ float:left; margin-left:0px; margin-top:10px; margin-bottom:10px; }
	.foo_left5{ float:left; margin-left:0px; margin-left:-5px;}
	.side_social{ display:none;}

/*****************************************************/
	.service_right{ width:240px;}
	#news-container2{ margin-left:8px;}
	.right_box3 p{ margin-left:11px;}
	.box1_content h2{ font-size:20px !important;} .box2_content h2{ font-size:20px !important;}
	.mail_box2{ margin-left:11px; width:216px;}
	.sub_final{ margin-left:11px;}
	.facebook{ margin-left:22px;}


.active{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:10px 25px; background-color:#05aad9; color:#FFF; margin-right:0px; margin-bottom:5px;}
.active2{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:10px 25px; 
background-color:#d6d4d4; color:#FFF; margin-bottom:5px;}


/*****************************************************/

	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
		width:220px; height:140px; margin-right:10px; margin-bottom:10px;
		-webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;
   box-shadow: 1px 1px 2px #CCC;
	}





	/*************slider******************/	

.textElement22_opportuneFullWidth,.textElement21_opportuneFullWidth { display:none}

.textElement11_opportuneFullWidth{display:none}
.textElement43_opportuneFullWidth,.textElement42_opportuneFullWidth {display:none}

/*************slider******************/	


}



/**************************media*************************************/
.seoForm .lhtClr { }
.seoForm .lhtClr2 { background:#ececec!important; }
.seoForm .drkClr { }
.seoForm .hdngg {background:#ececec;border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-transform:uppercase;}
.seoForm .hdngg span { border-left:1px solid #d2d2d2;background-color:#252d37; padding: 9px 0 9px 0; height:36px; display:block; font-size:15px; color:#fff; text-align:center;}
.seoForm{ /*background:#f3f3f3; border-top:1px solid #d2d2d2;*/  font-size:13px; width:895px; margin:0 auto;}
.seoForm .box1{width:240px!important; float:left; display:block; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#e8e8e8; }
.seoForm .box1 span{text-align:left!important; padding:11px 3px 7px 15px;background: url(../images/arrow.gif) no-repeat 5px 15px;display:block; }
.seoForm .box2, .seoForm .box3, .seoForm .box6{width:131px;border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:center; height:35px;display:block !important;padding:10px 6px 7px 5px; color:#666; }
.seoForm .box2, .seoForm .box3, .seoForm .box6{ }
.seoForm .box3 { width:872px!important;}
.seoForm .box6 { width:695px!important; text-align:left;}
.plst .box1 {  width:299px!important;}
.bxcmn {min-height: 18px; padding: 8px 6px 6px;}
.ht30 { height:35px!important;}
.ht40 { height:35px!important; padding-top:15px!important;}
.seoForm .voiletBg{ font-weight:bold; color:#fff;background: url(../images/tab.png) repeat; }
.seoForm h2.seoHd, .seoForm h3.seoHd1{ font-size:16px; padding: 4px 0 5px 0; border-bottom:1px solid #000; border-right:1px solid #000; }
.seoForm .bigBoxImg {padding:7px 0 5px 0px;}
.seoForm .voiletBg1{ background:#a5a7d7; font-weight:bold; color:#fff;}
.seoForm h4.seoHd, .seoForm h5.seoHd1 { border-bottom: 1px solid #000; border-right: 1px solid #000; font-weight:bold; font-size: 15px; padding: 8px 0; background: url(../images/tab.png) repeat; }
.seoForm h5.seoHd1 { font-size: 14px !important; }
.tpp { float:left; padding-top:13px;}
.pam { padding:0px!important}
.tppp { float: left; overflow: hidden; padding-top: 13px;width: 157px;}
.tpppp { float:right; padding-top:6px;}
.tbr {background: url(../images/seoh.gif) repeat-x left top; height:62px; position:absolute; left:388px; top:53px; width:795px; z-index:9999;}
.tbr li {background: url(../images/seod.gif) no-repeat right 16px; float:left; width:25%;}
.tbr li:last-child {background: none;}
.tbr li a { font-size:13px; color:#fff; text-decoration:none; text-transform:uppercase; display:block;}
.tbr li a span { padding: 23px 6px 0; height:39px; display:block; text-align:center;}
.tbr li a:hover, .tbr li.active a { text-decoration:none; background: url(../images/sh.gif) no-repeat right top;}
.tbr li a:hover span, .tbr li.active a span {background: url(../images/sh2.gif) no-repeat left top;}
.seoPkgNw {  background:#fdfdfd; position:relative;}
.seoPkgNw .ltprt { width:385px; float:left;}
.seoPkgNw .ltprt .pic { padding:20px 0 0; height:300px; text-align:center;}
.seoPkgNw .rtprt { width:795px; float:left; padding-left:3px;}
.seoPkgNw .rtprt .pkgrt { padding-top:122px;}
.seoPkgNw .rtprt .pkgrt li { width:159px; height:198px; float:left;background: url(../images/value.jpg) no-repeat left top;}
.seoPkgNw .rtprt .pkgrt li + li { background: url(../images/bronze.jpg) no-repeat left top;}
.seoPkgNw .rtprt .pkgrt li + li + li { background: url(../images/silver.jpg) no-repeat left top;}
.seoPkgNw .rtprt .pkgrt li + li + li + li { background: url(../images/gold.jpg) no-repeat left top;}
.seoPkgNw .rtprt .pkgrt li + li + li + li + li { background: url(../images/platinum.jpg) no-repeat left top;}
.seoPkgNw .rtprt .pkgrt li + li + li + li + li span { font-size:22px; padding-top:49px;}
.seoPkgNw .rtprt .pkgrt li span { text-align:center; font-size:30px; font-weight:bold; color:#fff; display:block; padding-top:60px; height:63px;}
.seoPkgNw .rtprt .pkgrt li a { height:52px; display:block; text-indent:-9999px;}
.clr{clear:both;}
.dispB{display:block}
.fl{float:left;}
.fr{float:right;}


.seohead {width:895px!important;}
.column_head{float:left;padding:0px 0px 0px 0px; width:240px; height:132px; text-align:center;  }
.column_head2{float:left;padding:0px 0px 0px 0px; width:240px; height:80px; text-align:center;  }
.column_head1{float:left; background:url(../images/n_bg.jpg) repeat-x left top;width:130px;display:block;font-size:22px; margin:0px 1px 0px 0px; }
.column_head1last{margin-right:0px!important; }
.column_head1 .hd {background: url(../images/packser.png) no-repeat 90px bottom !important; padding:0 0 7px 0; font-size:20px; }
.column_head1 .hd span {padding:11px 0 0 0px; background:url(../images/n_bg2.jpg) repeat-x left bottom;  display:block; font-size:20px; color:#fff; font-weight:normal; height: 40px; line-height:18px; text-align:center; }
.column_head1 .packpriz{color:#FFFFFF;display:block;text-align:center; font-size:28px; font-weight:normal; padding:2px 0px 10px 0px; }
.column_head1 .packpriz span{color:#051937;font-size:22px;}
.column_head1 a{background:#e8e8e8; display:block;text-align:center; font-size:13px; padding:4px 0px 4px 0px; color:#424242;}
.column_head1 .padd{padding:12px 0px 11px 0px;}
.column_head1 a:hover {background:#329fd5; text-decoration:none; color:#FFFFFF; }
.column_head1 .packprmnth{display:block;text-align:center; font-size:11px; padding:4px 0px 4px 0px;background:#f5f5f5; }
.buy{ float:left; width:655px; padding:5px 0px 0px 0px; }
.buy a{margin:0px 0px 0px 30px; float:left;background:#7e7e7e;padding:5px 9px 4px;font-size:14px;color:#fff; display:inline-block; text-transform:uppercase; border:1px solid #7e7e7e;
}
.buy a + a { margin:0px 0px 0px 42px;background:#686868;border:1px solid #686868;}
.buy a + a + a { margin:0px 0px 0px 42px;background:#535353;border:1px solid #535353;}
.buy a + a + a + a { margin:0px 0px 0px 42px;background:#3d3d3d;border:1px solid #3d3d3d;}
.buy a + a + a + a  + a{ margin:0px 0px 0px 52px;background:#282828;border:1px solid #282828;}

.buy a:hover{text-decoration:none; background:#42ade2;border:1px solid #3398ca; }