@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#bfa17f;
	line-height:20px;
	font-size:14px;
	color:#222d32;
	margin:0px;
	padding:0px;
}
h1{font-family:"Museo-500", "Museo 300", Arial; font-size:24px; margin:0px; padding:0px;  color:#ecf0f2; font-weight:normal;}
h2{
	font-family:"Museo-500", "Museo 300", Arial;
	font-size:18px;
	line-height:17px;
	margin:0px;
	padding:0px;
	text-shadow:#c7a988 1px 1px 0;
	color:#384a5b;
	font-weight:normal;
}
h3{font-family:"Museo-500", "Museo 300", Arial; font-size:18px; line-height:35px; margin:0px; padding:0px; color:#fff; font-weight:normal;}
h4{
	font-family:"Museo-500", "Museo 300", Arial;
	font-size:20px;
	line-height:35px;
	margin:0px;
	padding:0px;
	color:#384a5b;
	font-weight:normal;
}
h5{font-family:"Museo-500", "Museo 300", Arial; font-size:21px; line-height:30px; margin:0px; padding:0px; color:#485f74; font-weight:normal;}

p{margin:0px; padding:10px 0 0 0;}

@font-face {
	font-family: Museo-500;
	src: url('fonts/Museo_Slab_500.otf');
	src: url('fonts/MuseoSlab-500.eot?') format('eot'),
         url('fonts/MuseoSlab-500.woff') format('woff'),
         url('fonts/museo_slab_500.ttf') format('truetype'),
         url('fonts/MuseoSlab-500.svg#font') format('svg');

}



.fl{
	float:left;
}
.fr{float:right;}

#container{width:100%; margin:0px; padding:0px;}

/*header*/
#header{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	border-top:4px solid #2e3a44;
}
.header-main{width:980px; margin:0px auto; height:85px; padding:0px;}
.hdr-search-box{width:227px; padding:14px 14px 0 0; float:right;}
.input-type-text{width:191px; float:left; background:url(../images/search-bg.jpg) no-repeat; line-height:14px; color:#303030; height:20px; padding:5px; margin:0px; border:0px;}
.hdr-logo{
	width:300px;
	float:left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: right;
}


/*middle*/
#middle{width:980px; margin:0px auto; padding:0px;}
.middle-main{width:980px; float:left;}
.middle-slider-box{width:980px; float:left;}
.mid-slogan{
	width:980px;
	float:left;
	margin:29px 0 35px 0;
	line-height:50px;
	text-shadow:#333333 1px 1px 0;
	text-align:center;
	background: url(../images/gold-smith-bg.jpg) repeat-y;
}
.mid-services-box{width:325px; float:left; padding:20px 0 0 0;}
.mid-ser-img{width:106px; float:left; text-align:center;}
.mid-ser-text{
	width:219px;
	float:left;
	font-size: 14px;
}

.mid-services-box-two{
	width:325px;
	border-left:1px solid #ac8c69;
	border-right:1px solid #ac8c69;
	float:left;
	padding:20px 0 0 0;
}
.mid-brd{
	width:945px;
	height:0px;
	float:left;
	margin:25px 17px 30px 18px;
	border:1px solid #ac8c69;
}
.mid-brd2{
	width:930px;
	height:0px;
	float:left;
	margin:25px 5px 30px 0px;
	border:1px solid #ac8c69;
}
.mid-work-box{
	width:620px;
	border-right:1px solid #ac8c69;
	text-align:justify;
	float:left;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.mid-work-box2{
	width:950px;
	text-align:justify;
	float:left;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.mid-work-img{
	width:211px;
	float:left;
	border:1px solid #a18464;
	margin-top: 22px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 10px;
}
.mid-work-text{
	width:375px;
	float:left;
	padding:12px 0 0 0;
	font-size: 14px;
}
.mid-recent-work-box{
	width:310px;
	float:right;
	padding-left:15px;
}
.mid-recent-work-box2{
	width:425px;
	float:left;
}
.mid-recent-box{
	width:276px;
	float:left;
	margin:15px 0 0 15px;
	border:1px solid #a18464;
}


/*sec-home-mid*/
.middle-left-part{width:620px; border-right:1px solid #d5dce0; float:left; padding:0 15px 0 15px;}
.twitter-update-box{width:310px; padding:20px 0 0 0; float:left;}
.mid-recent-box2{width:277px; float:left; margin:15px 0 0 0px; border:1px solid #d2d6d8;}

.mid-brd-ext{width:620px; height:0px; float:left; margin:25px 0px 30px 0px; border:1px solid #916f49;}

.middle-right-part{width:325px; float:right;}
.mid-services-box-three{width:325px; border-top:1px solid #d5dce0; border-bottom:1px solid #d5dce0; margin:15px 0;  float:left; padding:15px 0 15px 0;}


/*footer*/
.footer{width:100%; float:left; margin:40px 0 0 0; background:url(../images/footer-bg.jpg) repeat-x; padding:0 0 24px 0px;}
.footer-main{width:920px; margin:0px auto; padding:20px 15px 0px 15px;}
.footer-link{width:185px;  float:left;}
.footer-link ul{ margin:0px; padding:0px;}
.footer-link ul li{display:block; list-style:none; margin:0px; padding:0px; border-bottom:1px solid #404f5c;}
.footer-link li a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px;   color:#abb6be;line-height:30px;}
.footer-link li a:hover{color:#fff;}
.footer-link ul li span{font-family:"Museo-500", "Museo 300", Arial; font-size:18px; border:none; text-decoration:none; vertical-align:top; line-height:30px;  color:#deebeb;}
.footer-testimonial{
	width:245px;
	float:left;
	padding-left:33px;
	color:#acb6be;
	line-height:17px;
	padding-right: 35px;
	font-size: 13px;
}
.footer-testimonial span{color:#7993a7; line-height:17px}
.get-contact-box{width:206px; float:left; color:#e1e1e1; line-height:17px}

.get-contact-box{
	width:186px;
	float:left;
	color:#acb6be;
	line-height:17px;
	padding-right: 20px;
	font-size: 13px;
}
.get-contact-img-box{width:200px; padding:15px 0 0 0 ; float:left;}
.get-contact-img-box span{ padding-right:0px; text-decoration:none;}
.get-contact-box span{color:#7993a7;}
.get-contact-box a{text-decoration:none; color:#acb6be;}
.get-contact-box a:hover{text-decoration:none; color:#e1e1e1;}
.facebook a{width:48px; float:left; background:url(../images/facebook.png) no-repeat; height:33px; cursor:pointer;}
.facebook a:hover{width:48px; float:left; background:url(../images/facebook-hover.png) no-repeat; height:33px;}
.twitter a{width:35px; padding-left:20px; float:left; background:url(../images/twitter.png) no-repeat; height:33px; cursor:pointer;}
.twitter a:hover{width:35px; float:left; background:url(../images/twitter-hover.png) no-repeat; height:33px;}
.in a{width:35px; float:left; background:url(../images/in.png) no-repeat; height:33px; cursor:pointer;}
.in a:hover{width:35px; float:left; background:url(../images/in-hover.png) no-repeat; height:33px;}

/*about-us*/
.mid-image-bg{
	width:980px;
	float:left;
	background:url(../images/middle-bg.jpg) no-repeat;
	height:151px;
	padding-bottom: 40px;
}
.mid-inner-text{width:400px; float:left; padding:62px 0 0 45px;}
.mid-inner-text h1{ font-family:"Museo-500", "Museo 300", Arial; font-size:30px; text-shadow:#000000 1px 1px 0px; color:#ecf0f2; margin:0px; padding:0px; font-weight:normal;}
.mid-inner-text-right{width:258px; float:right; padding:48px 0 0 0;}
.mid-inner-text-right h2{ font-family:"Museo-500", "Museo 300", Arial; font-size:22px; font-weight:normal; color:#b2cbde; margin:0px; text-shadow:none; line-height:30px;}
.mid-abt-img{
	width:211px;
	float:right;
	padding:0px 0px 0 0px;
	border:1px solid #a18464;
	margin-top: 18px;
	margin-left: 15px;
	} 
.mid2-abt-img{
	width:150px;
	float:left;
	padding:0px 0px 0 0px;
	margin-top: 45px;
	margin-right: 25px;
	margin-bottom: 10px;
	} 
.mid3-abt-img{
	width:211px;
	float:right;
	padding:0px 0px 0 0px;
	border:1px solid #a18464;
	margin-top: 18px;
	margin-right: 15px;
	} 
.mid4-abt-img{
	width:200px;
	float:right;
	padding:0px 0px 0 0px;
	border:1px solid #a18464;
	margin-top: 18px;
	margin-left: 15px;
	height: 250px;
	margin-bottom: 35px;
	} 		
.mid-abt-span{
	color:#384a5b;
}
.twitter-upd{
	width:285px;
	line-height:22px;
	float:left;
	color:#333333;
	border-top:1px solid #ac8c69;
	margin:10px 0 20px 0;
	padding:10px 0 15px 0;
	font-size: 14px;
}
.twitter2-upd{
	width:285px;
	line-height:15px;
	float:left;
	color:#333333;
	border-top:1px solid #ac8c69;
	margin:10px 0 20px 0;
	padding:10px 0 15px 0;
	font-size: 14px;
}
.twitter3-upd{
	width:420px;
	line-height:22px;
	float:left;
	color:#333333;
	margin:11px 0 14px 0;
	padding:0px 0 0px 0;
	font-size: 14px;
}
.twitter4-upd{
	width:285px;
	line-height:22px;
	float:left;
	color:#333333;
	border-top:1px solid #ac8c69;
	margin:10px 0 40px 0;
	padding:10px 0 15px 0;
	font-size: 14px;
}
.mid-a{ text-decoration:underline; color:#4e565d;}
.mid-a:hover{
	text-decoration:none;
	color:#6e767d;
}

.mid-text-color{color:#939699;}

/*contact-us-page*/
.contact-us-main-box{width:620px; color:757b80; float:left;}
.contact-email{font-weight:bold; text-decoration:none; color:#757b80;}
.contact-submit-bg{width:560px; float:left; background:url(../images/submit-query-bg.jpg) no-repeat; height:175px;  padding:20px; margin:30px 0 0 0;}
.contact-input-box{width:226px; float:left; margin:15px 15px 0 0;}
.contact-main-box{width:241px; float:left;}

.contact-input{ width:215px; padding:0 5px; color:#7c858c; border:none; background:url(../images/input-bg.jpg) no-repeat; line-height:28px; height:30px;}
.contact-text-area-box{width:303px; float:left; margin:15px 0px 0 0;}
.contact-area{ width:293px; padding:0 5px; border:none; background:url(../images/comment-bg.jpg) no-repeat; height:77px;}

/*service*/
.services-box{width:620px; float:left; padding:0px 0 20px 0; margin-bottom:15px; border-bottom:1px solid #916f49;}
.services-img-box{width:157px; padding:20px 0 0 0; float:left; text-align:center;}
.services-text-right{width:460px; float:right; text-align:justify; padding:20px 0 0 0;}
.mid-service-text{width:225px; float:left;}
.mid-service-text ul{ margin:0px; padding:0px;}
.mid-service-text ul li{display:block; list-style:none; margin:0px; padding:0px;}
.mid-service-text ul li a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#587389; background:url(../images/plus.png) no-repeat 0 3px; padding:0 0 0 15px; line-height:20px;}
.mid-service-text ul li a:hover{color:#000000;}

/*portfolio-page*/
.work-box{
	width:300px;
	float:left;
	color:#333333;
	padding:0 0 20px 0;
	text-align:left;
}
.work-box3{
	width:218px;
	float:left;
	color:#333333;
	padding:0 0 20px 0;
	text-align:left;
}
.work-box4{
	width:210px;
	float:left;
	color:#333333;
	padding:0 0 20px 0;
	text-align:left;
}
.work-box5{
	width:390px;
	float:left;
	color:#333333;
	padding:0 0 20px 0;
	text-align:left;
}
.work-text-color{
	color:#384a5b;
}
.work-image-box{
	width:290px;
	float:left;
	border:5px solid #a18464;
	margin:10px 0;
}
.work-image-box2{
	width:175px;
	float:right;
	border:5px solid #a18464;
	margin:10px 0;
}
.work-image-box3{
	width:208px;
	float:left;
	border:5px solid #a18464;
	margin:10px 0;
}
.work-image-box4{
	width:200px;
	float:left;
	border:5px solid #a18464;
	margin: 10px 15px 0px 0px;
}
.work-blank{width:20px; float:left; height:150px;}

/*portfolio-1 column*/
.portfolio-one-column{ width:620px; float:left;}
/*middle-slider-box*/
.fad-in-out{width:964px; float:left; background:url(../images/creative-middle-bg-border.jpg) no-repeat; height:323px; padding:12px 8px;}
.image-galleries-left{width:650px; float:left;}
.design-text{width:250px; float:left; line-height:20px; padding:20px 0 0 0;}

/*head-menu*/
.head-menu-blue{
	width:655px;
	float:right;
	padding-top: 25px;
	padding-right: 2;
	padding-bottom: 0;
	padding-left: 0;
}


/*head-menu-stop*/

/*Blog*/
.blog-image-box{ width:620px; float:left; /*border:5px solid #fff;*/ margin:10px 0;}
.blog-text-line{ width:608px; float:left; border:1px solid #d5d6d7; margin:15px 0 0 0; text-align:center; padding:5px 5px;}
.blog-add-comment-box{ width:600px; float:left; padding-left:10px;}
.blog-font-family{ font-size:11px; float:left; color:#999999; width:100%;}
.blog-small-image-box{ width:100px; float:left; text-align:center;}
.blog-comment-box{ width:460px; float:right; border:1px solid #d5d6d7;  padding:20px;}
/*stop-blog*/

/*Error*/
.error{ width:100%; float:left; text-align:center;}
.error-button{ width:100%; float:left; text-align:center; margin-top:20px;}

/*typography*/
.typography{ width:620px; float:left}
.typography ul{ display:block; margin:0px; padding:0px;}
.typography ul li{ display:block; margin:10px 0 10px 0; border:0px solid #CCCCCC; padding:5px; list-style:none;}


/*full-half-width*/
#content {	width: 960px;	margin: 0 auto;}
#content .full,
#content .half,
#content .quart,
#content .onethird,
#content .twothirds,
#content .threequarts ,
#content .half_onethird {display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
#content .full {width: 918px; border:0px solid #CCCCCC; padding:10px;}
#content .half {width: 438px; border:0px solid #CCCCCC; padding:10px}
#content .quart {width: 198px; border:0px solid #CCCCCC; padding:10px}
#content .onethird {width: 278px; border:0px solid #CCCCCC; padding:10px}
#content .twothirds {width: 598px; border:0px solid #CCCCCC; padding:10px}
#content .threequarts {	width: 678px; border:0px solid #CCCCCC; padding:10px}
#content .half_onethird {	width: 118px; border:0px solid #CCCCCC; padding:10px}



/*slide-show*/
div#tmpSlideshow {
	position: relative;
	height: 347px;
	width: 964px;
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 730px;
    display: none;
}
div#tmpSlideshowControls { text-align:center; 
    position: absolute;
    bottom: 0px;
    right: 0px;
	
    width:210px;
}
div.tmpSlideshowControl {
    float: left;
	position:relative;
	top:-52px;
    margin: 0 0px 0 0;
    width: 14px;
	padding:5px;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 14px;
	color:#fff; font-size:18px; font-family:"Museo-500", "Museo 300", Arial; font-weight:normal;
    vertical-align: middle; text-align:center; text-shadow:#333 1px 1px 0px;
}
div.tmpSlideshowControlOn {
	color:#000; font-size:18px; font-weight:bold;

    
}
div.tmpSlideshowControlActive {
	color:#000; font-size:18px; font-weight:bold;
  /*background-image: url('../images/gallery-icon-active.png');*/
	padding:5px;
   background:#24405a;
}
div.tmpSlideCopy {padding:30px 26px 0px 22px;
    position: absolute;
    left:648px;
    top: 0px;
	color:#fff;
	
	background:url(../images/mid-text-bg-blue.jpg); height:295px; width:264px;
}

div.tmpSlideCopy h1{font-family:"Museo-500", "Museo 300", Arial; font-size:24px; line-height:30px; margin:0px; padding:0px;  color:#ecf0f2; font-weight:normal;}
div.tmpSlideCopy h2{font-family:"Museo-500", "Museo 300", Arial; font-size:18px; line-height:24px; margin:0px; padding:0px; text-shadow:#333333 1px 1px 0; color:#b2cbde; font-weight:normal;}

.clear {
	clear:both;
}
/*******************************/
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*middle-slider*/


#container2{width:964px; float:left; margin:0px 0 0 0px; padding:0px;}
#container2 #content-top-home{width:950px; float:left; margin:0px; padding:0px;}
#container2 #content-top-home .slideshow{width:964px; height:325px; float: left; }
#container2 #content-top-home .slideshow #sli{width:964px; height:400px; float: left; }
#container2 #content-top-home .slideshow #sli2{width:964px; height:400px; float:left; }
#container2 #content-top-home .slideshow #sli3{width:964px; height:400px; float: left;}
#container2 #content-top-home .slideshow #sli .description{	width:434px; float: left; margin-left:0px;	padding:20px 0 0 30px;}
#container2 #content-top-home .slideshow #sli .description h1{	float:left;	display:block; margin:35px 0px 10px 0px;}
#container2 #content-top-home .slideshow #sli .description h1.ev-web{width:464px; color:#fff; font-family:"Museo-500", "Museo 300", Arial; font-size:36px; font-weight:normal; }
#container2 #content-top-home .slideshow #sli .description h2.nev-web{	width:464px; color:#fff; font-family:"Museo 300", "Museo 300", Arial; font-size:36px; font-weight:normal; line-height:48px; margin-bottom:10px;}
#container2 #content-top-home .slideshow #sli .description a.readmore {float:left;	height:56px; width: 202px; display: block; margin-top: 25px;
	margin-left: 0px;}
#container2 #content-top-home .slideshow #sli .description #navslide a#prev2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description #navslide a#next2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description p{width:280px; margin:0px; font-size:13px; font-style:normal;
color:#FFF; float:left; line-height:21px; display: block; padding:0px; top:-5px; position:relative;}
#container2 #content-top-home .slideshow #sli #rightcolumn{	width:486px; float:right ; margin:0px ;	}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens {float:right; width:486px;}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right{width:456px; padding:0px 30px 0px 0;}
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right img{float:right;}

/*stop-slider*/

/*sub-menu*/

ul#topnav {
	float:left;
	margin:0;
	padding: 5px 0px 0px 0px;
	list-style:none;
	width: 275px;
}
ul#topnav li{
	font-size: 10px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;  /*--Important - Masking out the hover state by default--*/
}
ul#topnav a,ul#topnav a:visited { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	float:left;
	width:100%;
	height:30px;
	font-size: 14px;
	padding:0px 45px 0px 10px;
	font-weight:bold;
	color: #681024;
	text-decoration:none;
	
}
ul#topnav a:hover {
	color:#883c4d;
}
ul#topnav b {
	font-variant: normal;
	font-weight: normal;
	}
/*-----------------------------------------------------------------------
Button
------------------------------------------------------------------------*/

.mid-more-button{width:52px; float:right; margin:0 25px 0 0;}
#button {
	background: url(../images/more.png) no-repeat center top;
	height: 23px;
	width: 75px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	float: right;
	font-size: 12px;
	margin-top: 15px;
}
#button:hover {
	background: url(../images/more_hover.png) no-repeat center top;
	color: #FFFFFF;
}
#button2 {
	background: url(../images/more.png) no-repeat center top;
	height: 23px;
	width: 75px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	float: right;
	font-size: 12px;
	margin-top: 0px;
}
#button2:hover {
	background: url(../images/more_hover.png) no-repeat center top;
	color: #FFFFFF;
}
#button3 {
	background: url(../images/more.png) no-repeat center top;
	height: 23px;
	width: 75px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	float: right;
	font-size: 12px;
	margin-top: 15px;
	margin-right: 5px;
}
#button3:hover {
	background: url(../images/more_hover.png) no-repeat center top;
	color: #FFFFFF;
}

/* Button Css  */
.button-new{
	float: right;
	margin: 0px;
	padding: 0 0px 0 0;
}