@charset "utf-8";
/* RESET 
updated with html5 tags
*/
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* MAIN */
body { background:url(img/main_bg.jpg) top repeat-x #001428;  font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000;  }



 
/* FLOAT-elements */
.fltlft { float:left; }
.fltrt { float:right; }
.clear { clear:both } /* only to clear floats - to be used with any class as addition */
.clrflt { clear:both; line-height:1px; font-size:1px; overflow:hidden; } /* clear float with blank <div> or <br>*/
strong{
font-weight:bold;
} 
 
 .paddlr22{margin:0 22px;}
 
 
 
#main_bg2{width:100%; background:url(img/main_bg2.jpg) top center repeat-x ;} 

 

 
 
 
#wrapper{width:972px; margin:0 auto;}


#header{width:972px; height:130px;}

.logo{width:108px; height:168px; float:left; position:absolute;}
.logo_p2{width:470px; height:130px; float:left;}
 

ul.header_right {margin:0px; padding:20px 0 0 0; float:right; visibility: hidden;}
.header_right li{margin:0px; list-style:none; float:left;  padding:0 20px 0 0;}
 


 
/*--------------navigation ------------*/


#navigation{width:962px; margin:0 5px; background:url(img/navigation_bg.jpg) top center no-repeat; height:34px;}

#navigation ul{margin:0px; padding:1px 0 0 70px; }


#navigation li{margin:0px; list-style:none; float:left; padding:0px 10px; background:url(img/navigation_divider.jpg) top right no-repeat; font: 15px/31px Georgia, "Times New Roman", Times, serif; color:#422801;}
#navigation li a{ font:15px/31px Georgia, "Times New Roman", Times, serif; color:#422801; text-decoration:none;}
#navigation li a:hover{ font:15px/31px Georgia, "Times New Roman", Times, serif; color:#422801; text-decoration:underline;}

/*--------------container ------------*/


.container{width:962px; margin:0 5px; background:#fff; overflow:hidden;}

.content{width:772px; float:left;}


.fingerstyle{width:772px; background:url(img/fingerstyle_bg.jpg) bottom repeat-x #fff; padding:10px 0; border-bottom:1px solid #aac4df;}

.fingerstyle_lcol{width:426px; float:left; margin:0 0 0 30px;}

.fingerstyle_text{text-align:center; font:bold 18px "Times New Roman", Times, serif; color:#345e9d; text-transform:uppercase; padding:8px 0 0 0;}

.fingerstyle_lcol ul{margin:0px; padding:0px;}
.fingerstyle_lcol li{margin:0px; list-style:none; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#001831; background:url(img/bullet_02.jpg) 0 12px no-repeat; padding:15px 0 10px 35px;}
.fingerstyle_lcol li a{color:#001831; text-decoration:none;}
.fingerstyle_lcol li a:hover{color:#001831; text-decoration:underline;}


.fingerstyle_bottom{border-top:1px solid #aac4df; font:10px Verdana, Arial, Helvetica, sans-serif; color:#345e9d; padding:10px 0;}


.fingerstyle_rcol{width:277px; float:right; margin:0 12px 0 0;}
 
.fingerstyle_video{width:277px; padding:0 0 10px 0;}  





.content_inner{background:url(img/content_inner_bg.jpg) top repeat-x #fff; padding:10px;  }

.content_inner h1{margin:0; padding:0px; font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#17478f;}

.content_inner h2{margin:0; padding:15px 0 0 0; font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

.content_inner h3{margin:0; padding:10px 0 0 0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#255296;}

.content_inner p{margin:0; padding:10px 0 0 0; font:13px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.content_inner p a{color:#255296; text-decoration:none;}
.content_inner p a:hover{color:#255296; text-decoration:underline;}

.content_inner ul{margin:0px; padding:10px 0 0 0; }

.content_inner li{margin:0px; list-style:inside; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}











.sidebar{width:189px; float:right; background:#001831; border-left:1px solid #002b58;}

 .sidebar h1{margin:0px; padding:10px 0 0 10px; font:bold 15px "Times New Roman", Times, serif; color:#dbc493; background:url(img/testimonials_bg.jpg) top left no-repeat; height:28px;}
 .sidebar h1 img{vertical-align:middle;}
 
 .sidebar p{margin:0px; border-bottom:1px dotted #6b8196; font:11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:10px;} 
 
 .sidebar p span{font:11px Verdana, Arial, Helvetica, sans-serif; color:#dbc493;  }  
 
.sidebar_icon{text-align:center;}  
.sidebar_icon img{padding:0 5px 0 0;}
 
 
/*----------------footer---------------*/


#footer{width:972px;}
.footer_top{width:962px; background:url(img/footer_bg.png) top left no-repeat; height:185px; padding:22px 5px 0 5px;} 

.footer_top h1{margin:0px; font:bold 16px "Times New Roman", Times, serif; color:#9cc2f5; padding:0px;}

.footer_top ul{margin:0px; padding:12px 0 0 0; visibility: hidden;}
.footer_top li{margin:0px; list-style:none; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:0 0 7px 0;}
.footer_top li a{color:#ffffff; text-decoration:none;}
.footer_top li a:hover{color:#ffffff; text-decoration:underline;}

.footer_box1{width:230px; float:left; margin:0 0 0 52px;}
.footer_box2{width:230px; float:left; padding:0 0 0 52px; background:url(img/bullet_01.png) left repeat-y;}

.footer_box3{width:290px; float:left; padding:0 0 0 52px; background:url(img/bullet_01.png) left repeat-y;}

.footer_box3 p{margin:0px; padding:12px 0 0 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.footer_box3 p a{color:#fff; text-decoration:none;}
.footer_box3 p a:hover{color:#fff; text-decoration:underline;}

.footer_box3 p.dan_text{font:22px "Times New Roman", Times, serif; color:#9dc3f5;}

.footer_bottom{width:972px; text-align:center; margin:-7px 0 0 0;} 
 
.footer_bottom p{margin:0px; padding:10px 0 30px 0; font:12px tahoma; color:#588fcc; visibility: hidden;} 



@media (min-width:768px) and (max-width:991px) {
#wrapper {width: 750px;margin: 0 auto;}
.footer_bottom {width: 750px;text-align: center;margin: 0 auto;}
.container {width: 744px;margin: 0 auto;background: #fff;}
#footer {width: 750px;margin: 0 auto;}

#header {width: 100%;height: 130px;}
.content {width: 100%;float: left;}
.sidebar {width: auto;border: 1px solid #002b58;}
.footer_top {width: 100%;background: url(img/footer_bg.png) top left no-repeat;background-size: auto auto;min-height: 185px;height:auto;padding: 22px 0 0 0;background-size: 100% 100%;}
.footer_box1 { margin: 0 0 0 25px;}
.footer_box2, .footer_box3{ padding: 0 0 0 25px;}
.footer_box3 {width: 225px;}
.footer_box2 {width: 200px;}
.fingerstyle {width: 100%;}
.sidebar h1 {background: url(img/testimonials_bg.jpg) top left repeat-x;}
.fingerstyle_lcol {width: 420px;}
#navigation {display: block;width: 744px;margin: 0 auto;}
#navigation li { padding: 0px 5px;}
#navigation li a, #navigation li:hover a{ font-size:12px;}
}


@media (min-width:481px) and (max-width:767px) {
#wrapper {width: 98%;margin: 0 auto;}
.footer_bottom {width: 98%;text-align: center;margin: 0 auto;}
.container {width: 98%;margin: 0 auto;background: #fff;}
#footer {width: 98%;margin: 0 auto;}

#header {width: 100%;height: 130px;}
.content {width: 100%;float: left;}
.sidebar {width: auto;border: 1px solid #002b58;}
.footer_top {width: 100%;background: url(img/footer_bg.png) top left no-repeat;background-size: auto auto;min-height: 185px;height:auto;padding: 22px 0 40px;background-size: 100% 100%;}
.footer_box1 { margin: 0 0 0 0;}
.footer_box1, .footer_box2, .footer_box3 {margin: 0;padding: 10px 0 10px;text-align: center;width: 100%;background: url(img/bullet_01.png) left bottom repeat-x;}
.footer_box3 { background:none; padding:15px 0 0;}
#navigation{ display:none;}	
.fingerstyle {width: 100%;}
.sidebar h1 {background: url(img/testimonials_bg.jpg) top left repeat-x;}
.fingerstyle_lcol {width: 92%;margin: 0 auto;float: none;}
.footer_bottom img{ display:block; margin:0 auto; width:400px; height:auto;}
.fingerstyle_rcol {width: 277px;float: none;margin: 0 auto;}
}

@media (min-width:290px) and (max-width:480px) {
#wrapper {width: 98%;margin: 0 auto;}
.footer_bottom {width: 98%;text-align: center;margin: 0 auto;}
.container {width: 98%;margin: 0 auto;background: #fff;}
#footer {width: 98%;margin: 0 auto;}

#header {width: 100%;height: 130px;}
.content {width: 100%;float: left;}
.sidebar {width: auto;border: 1px solid #002b58;}
.footer_top {width: 100%;background: url(img/footer_bg.png) top left no-repeat;background-size: auto auto;min-height: 185px;height:auto;padding: 22px 0 40px;background-size: 100% 100%;}
.footer_box1 { margin: 0 0 0 0;}
.footer_box1, .footer_box2, .footer_box3 {margin: 0;padding: 10px 0 10px;text-align: center;width: 100%;background: url(img/bullet_01.png) left bottom repeat-x;}
.footer_box3 { background:none; padding:15px 0 0;}
#navigation{ display:none;}	
.fingerstyle {width: 100%;}
.sidebar h1 {background: url(img/testimonials_bg.jpg) top left repeat-x;}
.fingerstyle_lcol {width: 92%;margin: 0 auto;float: none;}
.footer_bottom img{ display:block; margin:0 auto; width:280px; height:auto;}
.fingerstyle_rcol {width: 277px;float: none;margin: 0 auto;}
.fingerstyle_lcol li { background: url(img/bullet_02.jpg) 0 50% no-repeat;}
}

@media (min-width:290px) and (max-width:767px) {
#header{ display:none;}
.mobile-header {display: block !important;width: 98%;margin: 0 auto;}
.logo {width: 280px;margin: 0 auto;height: 150px;position: relative;clear: both;float: none;}
.logo img{ width:280px; margin:0 auto;}
.socilalinks{ float:left; width:70%;}
ul.header_right {margin: 0px;padding: 0 0 15px 0;float: left;}
.menuicon{ float:right; width:28%;}
.menu-btn {float: right;width: 48px;height: 34px;font-size: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfbfc+0,d8c18d+100 */
background: #fdfbfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfbfc 0%, #d8c18d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdfbfc 0%,#d8c18d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdfbfc 0%,#d8c18d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfc', endColorstr='#d8c18d',GradientType=0 ); /* IE6-9 */
border: 1px solid #bb8c23;
cursor: pointer;
color: #000;
}

}