html { font-family:Arial, Helvetica, sans-serif; overflow-y:scroll; min-width:1000px }
body { color:#595959; font-size:14px; line-height:18px; background:url(../images/main-bg.jpg) repeat top center; margin:0px; padding:0px; z-index:99999; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
h1 { font-size:25px; font-family:'Fjalla One',sans-serif; color:#272020; width:100%; float:left; padding:18px 0 0px 0px; text-transform:uppercase; font-weight:normal; }
h2 { border-top: medium none; color: #033B6A; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding:28px 0 5px; float:left; width:100%; }

h2 span { color:#000; }
h3 { font-size:22px; color:#043257; padding:6px 0 5px 7px; float:left; width:100%; border-left:4px solid #919191; margin: 16px 0 0 0; }
h3.bordernone { font-size:15px; color:#043257; padding:6px 0 8px 0px; float:left; width:100%; border-left:none;  }
h3 span{ font-size:14px; color:#45637b; }
h4 { padding:25px 0px 10px 0px; width:100%; font-weight:bold; float:left; color:#b9b9b9; font-size:14px; }
h5 { font-size:13px }
h6 { font-size:13px }
p { margin:0px; padding:0px 0 10px 0px; text-align:justify; line-height:23px; }
img { vertical-align:middle; }
a { text-decoration:none; outline:none; border:0px; color:#666; }
a:hover, a:focus { text-decoration:none; color:#666; }
a:hover, a:active { outline:none; color:#4d8b36; }
.clear { clear:both; }
a img { border:0; outline:none; vertical-align:middle; }
.floatleft { float:left; }
.floatright { float:right !important; }
/*==============================main===============================*/

.hpart { width:100%; float:left; }
.menu { width:100%; float:left; background:url(../images/menu-bg.jpg) repeat-x top center; height:91px; }
.banner { width:100%; float:left; background:url(../images/banner-shadow.png) repeat-x bottom left; height:452px; position:relative; top:-1px; }
.cpart { width:100%; float:left; }
.fpart { width:100%; float:left; }
.header { width:982px; margin:10px auto; }
.social-icon { width:143px; float:right; margin:0 0 10px 0; }
.header2 { width:982px; margin:0px auto; }
.logo { width:275px; float:left; }
.nav { width:660px; float:left; padding:0px 0 0px 12px; font-family: 'Fjalla One', sans-serif; position:relative; z-index:10000; }
.nav strong { width:660px; float:right; text-align:right; font-size:20px; padding:12px 0px 0px 0px; color:#203b61; }
.nav ul { margin:0px; padding:3px 0px 0px 0px; float:left; }
.nav ul li { list-style:none; padding:0px 0px 0px 10px; float:left; font-size:20px; color:#323e50; margin:-12px 0 0 23px; text-transform:uppercase; }
.nav ul li a { color:#323e50; text-decoration:none; float:left; padding:0 0px 0 20px; margin:0px 0px 0px 0px; white-space:normal; }
.nav ul li a span { padding:43px 33px 8px 10px; float:left; margin:0 -60px 0 0; }
.nav ul li a:hover { color:#fff; background:url(../images/menu-hoverbg.png) left top no-repeat; height:110px; }
.nav ul li a:hover span { color:#fff; background:url(../images/menu-hoverbg.png) right top no-repeat; height:110px; }
.nav ul li a.act { color:#fff; background:url(../images/menu-hoverbg.png) left top no-repeat; height:110px; }
.nav ul li a.act span { color:#fff; background:url(../images/menu-hoverbg.png) right top no-repeat; height:110px; }
.nav-shadow { width:100%; float:left; position:relative; top:-10px; }
.banner-main { width:974px; margin:28px auto; border:#FFF solid 4px; }
.banner-text { width:974px; background:url(../images/banner-text-bg.jpg) repeat-x top center; height:62px; }
.banner-text h2 { width:820px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#444; padding:22px 0 0 15px; }
.banner-text a.btn1 { background:url(../images/more-projects.png) no-repeat top left; height:34px; cursor:pointer; float:left; width:127px; font-size:0px; position:relative; left:0px; top:14px; }
.banner-text a.btn1:hover { background-position:bottom left; }
.content-main { width: 982px; margin:20px auto 10px; }
.content-gallery /*==========================content-gallery==================*/

.eyeglasses_brands { width:1000px; float:left; height:30px; background:#4f3625; }
.eyeglasses_brands h1 { font-size:11px; color:#fff; padding:0px 0px 0px 26px; line-height:30px; text-transform:uppercase; }
.eyeglasses_link { width:250px; float:left; }
.single_list li { margin:0; padding:10px 18px 18px 8px !important; width:152px; height:136px; position:relative; line-height:100%; float:left; text-align:center; }
.single_list li h3 { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#464646; font-weight:bold; text-align:center; position:relative; top:0px; border-bottom:none; left:4px;}
.single_list a { color:#565656; text-decoration:none; }
.single_list a:hover { color:#D29E42; text-decoration:none; }
.single_list .price { font-size:12px; color:#333; line-height:22px; float:left; padding:5px 0 0 4px; }
.single_list .price a { width:160px; overflow:hidden; display:block; line-height:15px; font-size:12px; }
.feat_prods { padding:15px 0 18px 0px; top:20px; margin-left:0px !important; }
.feat_prods .next, .feat_prods .next1 { position:absolute; right:0; top:0px; z-index:20; cursor:pointer; background:url(../images/next_img.png) no-repeat 0 0; display:none; }
.feat_prods .prev, .feat_prods .prev1 { position:absolute; right:32px; top:0px; z-index:20; cursor:pointer; display:none; }
.feat_list { overflow:hidden; width:980px!important; padding:16px 0 0; }
.feat_list li { padding:0px; width:216px; *width:204px!important;
height:255px !important; margin:0 4px 0 0; background:url("../images/gallery-bg.png") no-repeat scroll center top transparent; }
.feat_list .add { right:0; }
.feat_list .price { right:15px; width:100%; }
.feat_prods1 .next1 { position:absolute; right:0; top:0px; z-index:20; cursor:pointer; }
.feat_prods1 .prev1 { position:absolute; left:0; top:0px; z-index:20; cursor:pointer; }
.feat_list1 { height:165px; overflow:hidden; }
.feat_list1 li { padding:0px; width:216px; height:149px; margin:0px 5px 0px 0px; }
.single_list li a.btn { background:url(../images/readmore.png) no-repeat top left; height:28px; cursor:pointer; float:left; width:73px; font-size:0px; position:relative; left:75px; top:5px; }
.single_list li a.btn:hover { background-position:bottom left; }
.single_list_shadow { width:228px; float:left; }
.footer-main { width:982px; margin:10px auto; }
.footer-main1 { width:100%; float:left; color:#252525; font-size:17px; font-family: 'Fjalla One', sans-serif; background:url(../images/footer-top-bg.png) repeat-x top left; padding:25px 0 0; text-align:center; }
.footer-main1 ul { margin:10px auto; padding:0px; display:table; }
.footer-main1 ul li { list-style:none; float:left; *float:none;
background:url(../images/seprator1.jpg) no-repeat center left; display:inline; }
.footer-main1 ul li.last { background:none; }
.footer-main1 ul li a { text-decoration:none; padding:10px 15px; color:#252525; text-transform:uppercase; }
.footer-main1 ul li a:hover { color:#000; }
.footer-main2 { width:100%; float:left; text-align:center; color:#595959; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0px 0 0px; line-height:25px; }
.footer-main2 a { color:#2c2c2c; font-weight:bold; text-decoration:underline; }
.footer-main2 a:hover { text-decoration:none; }
.footer-main2 span { color:#777; float: left; }
.footer-main2 span.rgt { color:#777; float: right; }
/*==================slider-css==========================*/

#sliderFrame { position:relative; width:900px; }
#slider { width:974px; height:370px; background:#fff url(loading.gif) no-repeat 50% 50%; position:relative; }
#slider img { position:absolute; border:none; display:none; }
#slider a.imgLink { z-index:2; display:none; position:absolute; top:0px; left:0px; border:0; padding:0; margin:0; width:100%; height:100%; }
#slider { transform: translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); }
/*==================inner=page==========================*/

.content-left { width:760px; float:left; }
.content-left-top { width:760px; float:left; }
.content-left-middle { width:700px; float:left; background:url(../images/content-left-middle.png) repeat-y top left; padding:30px;}
.content-left-middle h1 { padding:0px 0 15px 0; color:#272020; font-weight:normal; font-family:'Fjalla One',sans-serif; border-bottom: 1px dashed #CCCCCC;}
.content-left-bottom { width:760px; float:left; }
.content-right { width:220px; float:right; margin:3px 0 0 0; }
.content-right1 { width:100%; float:left; }
.content-right1 h1 { width:222px; float:left; background:url(../images/content-right-title.jpg) repeat-x top left; height:25px; border:#c8c8c8 solid 1px; font-weight:normal; font-size:19px; padding:10px 0 0 12px; color:#6e6e6e; }
.content-right1-part { width:194px; float:left; background:#f4f4f4; border:#c8c8c8 solid 1px; padding:20px; }
.content-right1-part h3 { font-family:Arial, Helvetica, sans-serif; color:#033b6a; font-size:13px; font-weight:bold; border-top:none; padding:0px 0 5px; border-left: none; margin: 0px; }
.content-right1-part b { color:#626262; font-size:14px; font-weight:normal; border-top:none; }
.content-right1-part b a { color:#417097; text-decoration:none; }
.content-right1-part-testimonials { color:#4b82b0; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.content-right1-part-testimonials span { background: url("../images/arrow.png") no-repeat scroll 3px 3px transparent; float: left; height: 20px; width: 25px; }
.content-right1-part-testimonials span.end { background: url("../images/arrow.png") no-repeat scroll -34px -19px transparent; float: right; height: 20px; width: 25px; }
.content-right1-shadow { width:236px; float:left; }
.content-right1-part-pro { float:left; width:100%; border-bottom:#CCC dashed 1px; margin:10px 0 0 0px; }
.content-right1-part-pro span { float:left; width:75px; }
.content-right1-part-pro p { float:right; width:130px; color:#6e6e6e; font-size:11px; }
.content-right1-part-pro p b { float:left; width:130px; font-size:12px; color:#333333; line-height:normal; }
.content-right1-part-pro p a { float:right; color:#6D99BE; font-weight:bold; }
.content-left-pro2 { width:982px; }
.content-left-pro2-top { width:982px; float:left; }
.content-left-pro2-middle { width:948px; float:left; background:url(../images/content-left2-middle.png) repeat-y top left; padding:30px; }
.content-left-pro2-middle h1 { padding:0px 0 15px 0; color:#272020; font-weight:normal; font-family:'Fjalla One',sans-serif; width:97%; line-height:25px; border-top:none; border-bottom: 1px dashed #CCCCCC; margin:0 0 12px 0px;}   
.content-left-pro2-bottom { width:982px; float:left; }

.testi{width:100%; float:left; margin:19px 0 0px; }
.testi-top{width:100%; float:left;}
.testi-mid{width:95%; float:left; background:url(../images/testi-mid.jpg) repeat-y top left; color:#595959; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 20px 0 20px;}
.testi-mid h3{width:100%; float:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; border-top:none; padding:0px 0 10px 0; border-left: none;}
.testi-mid h3 span{color:#666;}

.projects{width:100%; float:left;}
.projects1{width:430px; float:left; border-right:1px solid #D2D5CF; padding:0 25px 0 0; margin:0px 0 18px 0;}
.projects1 span{width:189px; float:left; border:#FFF solid 4px;}
.projects1 div{width:220px; float:right; color:#333; font-size:15px; line-height:24px;} 
.projects1 h2{font-weight:normal; color:#466f92; padding:0 0 7px 0; line-height:22px; font-size:20px;}
.projects1 h2 a{color:#19568b; text-decoration:none; }
.projects1 a.btn2{background:url(../images/view.png) no-repeat top left; height:28px; cursor:pointer; float:left; width:73px; font-size:0px; position:relative; left:0px; top:14px; } 
.projects1 a.btn2:hover{ background-position:bottom left; } 
.projects2{float:right; border-right:none;}

/*============================gallery-display==================*/

/*..............  Gallery _ display page ..........................*/

.return_main{ text-align:right; margin:0px 15px 15px 0;}
.gd_wrap{ background: url(../images/gallery_pattern.gif) left top; width:920px; height:500px; border:4px solid #c6c6c6; position:relative;}
.gd_head{ background:#c6c6c6; height:87px; padding:0 10px;}
.gd_thumb{ position:relative; float:left;}
.gd_thumb img.thumb{ position:absolute; width:80px; z-index:10;}
.gd_thumb div.topcir{ background:url(../images/cir_gallery.png) no-repeat left top; width:84px; height:83px; position:absolute; top:0px; left:0px; z-index:20;}
.gallery_display_bg{ background:url(../images/gallery_display_bg.png) no-repeat left bottom; padding:0 7px 7px 0; width:718px; height:409px; margin:35px auto 0 auto;}
/*..............  Gallery _ display page ..........................*/

.white_wrap{position:relative; width:130px; height:129px; float:left; margin-right:5px;}
.white_wrap div.thumb{  z-index:5; position:absolute; width:129px; height:128px; overflow:hidden; top:0px; left:0px; }
.white_wrap div.thumb img{ margin-bottom:10px; }

.white{ background:url(../images/white_img.png) no-repeat; width:130px; height:129px; position:absolute; top:0px; left:0px; z-index:10}

.srvs{float:left; width:600px;}
.srvs p{ color:#494949; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:20px 0px 0px 0px; line-height:18px; text-align:justify;}
.srvs h6{ border-bottom:solid #caccca 1px; font-weight:bold; color:#000; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:15px 0px 5px 0px; margin:0px;}

.mob{color: #252525; float: right; font-size: 20px; text-align: right; font-family:'Fjalla One',sans-serif; padding:7px 13px 16px 43px;}
.degree{font-size: 11px; color: #767676; font-style: italic; width: 100%; float: left; font-weight: normal; padding: 0px 0 7px 0;}
.bios{padding:0px 0 25px 13px; float: left;}
.content-left a{color:#417097;}