/* ==========================================================================
   template
   ========================================================================== */

p, ul, ol, h2, h3{ margin:0; padding:0;}

h1, h2, h3, h4{ font-weight:normal;}

.btn{ display:block; color:#707a82; font-size:10px; font-family:'Coda', sans-serif; text-decoration:none; text-align:left; width:45px; height:17px; padding:0 0 0 5px; background:#520e0e url(../img/btn-bg.png) no-repeat right top; border:none;}

.btn{ color:#dda0a0;}

.gray{ color:#6C728F; font-size:11px; border:1px solid #22242d; background:#1a1c21 url(../img/input-bg.png) repeat-x; padding:5px 4px 4px; resize:none; outline:none;}

.gray:focus{ border:1px solid #2e3245;}
   
html{ background:#000 url(../img/bg.png) repeat;}

body{ width:1004px; height:auto; margin:0 auto;}

#container{ background:#000;}

header{ width:1000px; height:115px; margin:0 auto; background:url(../img/header-bg.jpg) no-repeat; border-bottom:1px solid #13161a; position:relative;}

	#logo{ position:absolute; top:14px; left:32px;}
	
	#main-nav{ width:534px; height:114px; position:absolute; top:0; right:29px; font-family:'Michroma', sans-serif; font-size:10px; text-align:center;}
	
	#main-nav ul li{ float:left; margin-right:1px;}
	
	#main-nav ul li a{ width:88px; display:block; padding:62px 0 7px; color:#8a96a7; background:#13161a; text-decoration:none; transition: all 0.5s ease;}
	
	#main-nav ul li a:hover{ color:#fff; padding-bottom:38px; background:url(../img/main-nav-a-bg.png) repeat;}
	
	#main-nav ul li.active a{ color:#fff; padding-bottom:38px; background:url(../img/main-nav-a-bg.png) repeat;}
	
footer{ width:1000px; height:46px; margin:0 auto;}

	footer #copyright{ color:#42474c; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; padding:8px 0 0 19px;}
	
	footer #evokes{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; float:right; background:url(../img/evokes.png) no-repeat right 9px; padding:12px 0 0 0; margin-right:18px;}
	
	footer #evokes a{ color:#424242; text-decoration:none; display:block; width:63px; height:25px; padding:0 45px 0 0;}
	

#banner{ width:1000px; height:275px; margin:4px auto 0; border-bottom:1px solid #13161a;}

	#banner img{ width:1000px; height:272px;}
	
.content{ width:960px; height:auto; margin:23px auto 0;}

	.ct{ width:935px; padding:0 0 50px 0; margin:0 0 0 20px;}
	
	.title{ color:#3e4b54; font-size:16px; font-family:'Michroma', sans-serif; border-bottom:1px solid #13161a; margin-bottom:35px;}

	.ct-page{ color: #707a82; font-size: 11px; font-family: 'Coda', sans-serif; line-height: 16px; }

	.ct-page ul{ list-style-position: inside; margin:2px 0 2px 25px;}

	.error{ color: #ff0000; font-size: 11px; margin: -20px 0 10px; padding: 5px; background: #111; width: 913px;}

	.success{ color: #6FAC22; font-size: 11px; margin: -20px 0 10px; padding: 5px; background: #111; width: 913px;}
	

/* ==========================================================================
   home page
   ========================================================================== */
   
#main-slider{ width:1000px; height:465px; margin:4px auto 0; border-bottom:1px solid #13161a; position:relative;}

	#slider{ width:1000px; height:462px; }

	.nivoSlider { background:url(../img/loading.gif) no-repeat 50% 50%; }

	.nivo-controlNav{ z-index: 9999; position: absolute; right: 20px; bottom: 0;}
	
	.nivo-controlNav a{ display:inline-block; width:10px; height:10px; background:url(../img/bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px;}
	
	.nivo-controlNav a.active{ background-position:0 100%;}

#home-box-ct{ margin-bottom:13px;}

	#home-box-ct ul li{ width:312px; height:264px; background:#0c0d11; border:1px solid #13161a; margin-right:9px; display:inline; float:left; position:relative; }
	
	#home-box-ct ul li:last-child{ margin-right:0;}
	
	#home-box-ct ul li .home-box-hd{ width:312px; height:40px; background:#06070a url(../img/home-box-hd-bg.jpg) no-repeat;}
	
	#home-box-ct ul li .home-box-hd h2{ color:#3e4b54; font-size:12px; font-family:'Michroma', sans-serif; padding:13px 0 0 10px;}
	#home-box-ct ul li .home-box-ct{ color:#707a82; font-size:10px; font-family:'Coda', sans-serif; line-height:19px; text-align:justify; padding:15px 10px 5px;}
	
	#home-box-ct ul li #about .btn{ position:absolute; bottom:5px; right:10px;}
	
	#home-box-ct ul li #what-new section{ height:90px; }
	
		#home-box-ct ul li #what-new section:first-child{ border-bottom:1px dotted #414559; margin-bottom:20px;}
		
		#home-box-ct ul li #what-new section img{ border:1px solid #111217; float:left; }
		
		#home-box-ct ul li #what-new section div{ width:211px; padding-left:10px; line-height:15px; float:left; }
		
		#home-box-ct ul li #what-new section div h3{ color:#d1d5e5; font-size:12px; margin-bottom:2px;}
		
		#home-box-ct ul li #what-new section div a{ color:#266e97; text-decoration:none;}
		
		#home-box-ct ul li #what-new section div a:hover{ color:#488fb8;}
		
	#home-box-ct ul li #q-contact #q-contact-no{ margin:4px 0 0 5px; }
	
		#home-box-ct ul li #q-contact #q-contact-no div{ width:112px; height:50px; float:left; padding:2px 0 0 30px; }
	
		#home-box-ct ul li #q-contact #q-contact-no #fixed{ background:url(../img/qcontact-fixed-bg.png) no-repeat; margin-right:5px; }
		
		#home-box-ct ul li #q-contact #q-contact-no #mobile{ background:url(../img/qcontact-mobile-bg.png) no-repeat; width:110px; }
		
		#home-box-ct ul li #q-contact #q-contact-no div p{ color:#a2a8bd; font-size:13px;}
		
		#home-box-ct ul li #q-contact .or{ color:#474952; font-size:18px; text-align:center; margin-bottom:12px; }
		
	#home-box-ct ul li #q-contact #q-contact-form{ }
	
		#home-box-ct ul li #q-contact #q-contact-form .gray{ width:262px; display:block; margin-bottom:10px; float:right; }
		
		#home-box-ct ul li #q-contact #q-contact-form textarea.gray{ height:37px;}
		
		#home-box-ct ul li #q-contact #q-contact-form .btn{ position:absolute; bottom:5px; right:10px;}
		
#our-clients{width:957px; height:100px; margin:12px 0 0 1px; padding-bottom:20px; background:url(../img/our-clients-bg.png) no-repeat right top; }

	#our-clients .our-clients-banner{ padding:22px 0 0 0;}
	
	#our-clients .our-clients-banner img{ opacity:0.9;}
	
	#our-clients .our-clients-banner:hover img{ opacity:1;}
	
	
/* ==========================================================================
   what's new page
   ========================================================================== */
   
#whats-new{ width:900px; }

	#whats-new ul{ list-style:none;}
	
	#whats-new ul li{ min-height:164px; height:auto; border-bottom:1px dotted #414559; margin-bottom:20px;}

	#whats-new ul li:last-child{ border-bottom: none; }
	
	#whats-new ul li img{ border:1px solid #111217; float:left;}
	
	#whats-new ul li section{ width:650px; padding:0 0 18px 20px; color:#707a82; font-size:11px; font-family:'Coda', sans-serif; line-height:16px; text-align:justify; float:left;}
	
	#whats-new ul li section h2{ color:#d1d5e5; font-size:14px; text-align:left; margin-bottom:5px;}
	
	#whats-new ul li section h3{ color:#603c0b; font-size:11px; text-align:left; margin-bottom:1px;}

	#whats-new ul li section a{ color: #266e97; text-decoration: none;}

	#whats-new ul li section a:hover{ color: #488fb8;}
	
/* ==========================================================================
   portfolio page
   ========================================================================== */

#portfolio{}

	#portfolio ul{ list-style:none;}
	
	#portfolio ul li{ float:left; margin:0 18px 38px 0;}
	
	#portfolio ul li img{ border:1px solid #111217;}
	
#popup{ max-width:750px; padding:15px 20px 30px; margin:0 auto; color:#638494; font-family:'Coda'; font-size:11px; background:#0b1723; position:relative;}

	#popup img {max-width: 100%; margin:6px 0 15px;}
	
	#popup h2{ color:#d05b05; font-size:14px;}
	
	.mfp-close-btn-in .mfp-close{ color:#af6618; font-size:22px;}
	
/* ==========================================================================
   contact page
   ========================================================================== */

#contact-us{ font-family:'Coda', sans-serif;}

	.contact-top{}
	
		.contact-top .address{ color:#d1d5e5; font-size:14px; width:228px; background:url(../img/bg-line-vertical.png) no-repeat right bottom; margin-right:40px; float:left;}
		
		.contact-top .phones{ width:180px; color:#a2a8bd; font-size:13px; background:url(../img/bg-line-vertical.png) no-repeat right bottom; margin-right:40px; padding:17px 0 0 0; float:left;}
		
		.contact-top .phones .fixed{ padding:5px 0 28px 35px; background:url(../img/qcontact-fixed-bg.png) no-repeat left 2px;}
		
		.contact-top .phones .mobiles{ padding:5px 0 6px 35px; background:url(../img/qcontact-mobile-bg.png) no-repeat left 2px;}
		
		.contact-top .social-links{ width:230px; color:#a2a8bd; font-size:12px; padding:20px 0 0 0; float:left;}
		
		.contact-top .social-links ul{ list-style:none;}
		
		.contact-top .social-links ul li{}
		
		.contact-top .social-links ul li a{ color:#0d8fbd; text-decoration:none; display:block; padding:10px 0 10px 45px;}
		
		.contact-top .social-links ul li a#tw{ background:url(../img/twitter.png) no-repeat left 2px;}
		
		.contact-top .social-links ul li a#fb{ background:url(../img/fb.png) no-repeat left 2px;}
		
		.contact-top .social-links ul li a#in{ background:url(../img/in.png) no-repeat left 2px;}
		
		.contact-top .social-links ul li a:hover{ color:#58c3e8;}
		
	.contact-bot{ height:255px; margin-top:75px;}
	
		.contact-bot-left{ width:450px; float:left;}
		
		.contact-bot-left .gray{ width:440px; margin-bottom:10px;}
		
		.contact-bot-left select.gray{ width:258px;}
		
		.contact-bot-left textarea{ height:105px;}
		
		.contact-bot-left .btn{ float:right;}
		
		.contact-bot-right{ width:445px; height:218px; border:2px solid #5d5d5d; float:left; margin-left:24px;}