html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, 
b, u, i, 
dl, dt, dd, ol,li,ul
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding-top: 0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
	margin-bottom:0;	
}

/* remember to define focus styles! */
:focus { 
outline: 0; 
}
@font-face {
    font-family: 'franchiseregular';
    src: url('inc_files/fonts/franchise-bold/franchise-bold.eot');
    src: url('inc_files/fonts/franchise-bold/franchise-bold.eot?#iefix') format('embedded-opentype'),
         url('inc_files/fonts/franchise-bold/franchise-bold.woff') format('woff'),
         url('inc_files/fonts/franchise-bold/franchise-bold.ttf') format('truetype'),
         url('inc_files/fonts/franchise-bold/franchise-bold.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:15px;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a{
	text-decoration:none;
	color:inherit;
	font-family: 'franchiseregular';
	text-transform: uppercase;
	font-size:26px;
	color:#fff;
}
li{
	list-style-type:none;
}
h1,h2,h3,h4,h5{
	font-family: 'franchiseregular';
	text-transform: uppercase;
	font-weight:normal;
}
h2{
	font-size:50px;
}
p{
	font-size:15px;
	line-height:23px;
}
#main-wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
}
#header-wrapper{
	max-width:1200px;
	height:95px;
	margin:0 auto;	
}
#amata-logo{
	width:138px;
	height:83px;
	float:left;
	margin-top:10px;
}
/* -------------- main menu section -------------- */
.menu-holder{
	float:right;
	position:relative;
	width:80%;
	margin-top:34px;
}
#menu-button{
	background:url(inc_files/images/menu-icon.png) no-repeat;
	display:block;
	width:34px;
	height:44px;
	float:right;
	margin-right:15px;
}
#menu-wrapper{
	margin:0 auto;
	display:none;
	position:absolute;
	right:0;
	top:63px;
}
#main-menu{
	text-align:center;
	display:block;
}
#main-menu li{
	position:relative;
	line-height:28px;	
	margin-bottom:4px;
	text-align:right;
	font-family: 'franchiseregular';	
	text-transform: uppercase;
	
}
#main-menu li a{
	color:#fff;
	line-height:28px;
	background:url(inc_files/images/main-title-bg.png) repeat;
	padding:4px 6px;
	font-size:24px;
	text-align:right;
	display:inline-block;
}
#main-menu li a:hover{
	color:#e8e8e8;
}

/* -------------- main title -------------- */
#main-title{
	background:url(inc_files/images/main-title-bg.png) repeat;
	width:100%;
	margin-top:278px;
	padding:20px 0 20px 0;
}
#main-title h1{
	text-align:center;
	color:#fff;
	font-size:122px;
	line-height:89px;
}

/* -------------- home content wrapper -------------- */
#home-content-wrapper{
	width:100%;
}
#home-details-box-wrapper{
	max-width:1200px;
	margin:248px auto 0 auto;
	overflow:hidden;
	padding-top:37px;
	text-align:center;
}
.details-box{
	width:347px;
	height:200px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	margin-left:2%;
	margin-right:2%;
	margin-bottom: 50px;
	padding-bottom: 33px;
	display:inline-block;
}
.details-box h3, .details-box p {
	text-shadow: 0 0 3px #000000;	
}

.details-box-icon{
	width:50px;
	height:43px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-25px;
	top: -21px;
}
.details-box-icon-holder{
	position:absolute;
	top:-37px;
	left:0;
	width: auto\9; /* ie8 */
	margin:0 auto;
}
.details-box h3 a{
	font-size:35px;
	text-align:center;
	margin:0 0 20px 0;
	padding-top:56px;
	display:block;
}
.details-box p{
	width: 94%;
	margin: 0 auto;
}
.details-box .details-box-next{
	display:block;
	position:absolute;
	right: 20px;
	bottom: 15px;
}
.details-box a img{
	margin-left:12px;
}
.details-box.details-box-right{
	float:right;
	margin-right:23px;
}
/* -------------- inner content wrapper -------------- */
#inner-content-wrapper{
	max-width:1445px;
	margin:0 auto;
	background:url(inc_files/images/content-transparent-bg.png) repeat;
	margin-top:237px;
}
#content-top-black-area{
	background-color:#292729;
	height:46px;
	width:100%;
}
#content-block{
	max-width:1200px;
	margin:0 auto;
	padding-top:95px;
	overflow: hidden;
	padding-bottom: 90px;
}

#content-block h2{
	margin-bottom:30px;
}
#content-block.contact-page{
	padding-top:66px;
}

/* -------------- twitter feed wrapper -----------------*/
.details-box #tweets a{
	font-size: 16px;
}
/* -------------- image block wrapper -------------- */
#image-block-wrapper{
	max-width:1445px;
	margin:0 auto;
	clear:both;
	overflow: hidden;
}
#image-block-wrapper img{
	float:left;
	height:auto;
	display:block;
	max-width: 100%;	
	width: auto\9; /* ie8 */
	margin:0 auto;
	width:20%;
}

/* -------------- red row -------------- */
#red-row{
	max-width:1445px;
	background-color:#d0092d;
	padding:49px 0 67px 0;
	clear:both;
}
#red-row img{
	width:26px;
	height:26px;
	display:block;
	margin:0 auto 32px auto;
}
#red-row a{
	text-align:center;
	display:block;
	font-size:29px;
}
#red-row a span{
	display:inline;
}
#red-row a img{
	width:21px;
	height:15px;
	display:inline;
	margin-bottom:0;
	vertical-align: middle;
	margin-left: 9px;
}
#red-row a span:hover{
	border-bottom:2px solid #fff;
}
#previous-clients-wrapper{
	text-align:center;
	max-width:1445px;
	background-color:#d0092d;
	padding:49px 0 67px 0;
	clear:both;
}
#previous-clients-wrapper h3{
	text-align:center;
	font-size:35px;
	padding-bottom:44px;
}
#previous-clients-wrapper a{
	display:inline-block;
	margin:0 3%;
}
#previous-clients-wrapper img {
	margin: 0 20px 20px 20px;
}
/* -------------- center text block -------------- */
.center-text-block{
	width:556px;
	margin:0 auto;
	overflow:hidden;
}
.center-text-block h2{
	text-align:center;
}
.center-text-block p{
	text-align:center;
}
/* -------------- left text block --------------*/
#text-block-wrapper{
	width:100%;
	overflow:hidden;
	padding-bottom:170px;
}

.full-block { width: 100%; }

.full-block p a { font-family: "Open Sans",sans-serif; text-decoration: underline; font-size: 15px; }

.left-text-block{
	width:45%;
	float:left;
}
.left-text-block p, .right-text-block p, .full-block p {
	margin-bottom:28px;
}
.left-text-block a img, .full-block a img {
	margin-left:12px;
}
.left-text-block h4, .full-block h4 {
	font-size:20px;
}
/* -------------- right text block --------------*/
.right-text-block{
	width:45%;
	float:right;
}
/* -------------- left img block --------------*/
.left-img-block{
	float:left;
	width:48.75%;
}
.left-img-block img{
	height:auto;
	display:block;
	max-width: 100%;	
	width: auto\9; /* ie8 */
	margin:0 auto;
	width:100%;
}
/* -------------- video wrapper --------------*/
#video-wrapper{
	position: relative;
	float:right;
	width:48.75%;
	height:0;
	padding-bottom: 25.25%; /* 16:9 */
	padding-top: 25px;
}

#video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video-wrapper img{
	width:100%;
}
.video-wrapper{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------------- communications wrapper --------------*/
#black-content{
	background-color:#252525;
	max-width:1445px;
}
#communications-wrapper{
	max-width:1200px;
	margin:0 auto;
	padding-top:75px;
	overflow:hidden;
	text-align:center;
}
.communications-block{
	width:242px;	
	margin-bottom:64px;
	display:inline-block;
	margin-left:3%;
	margin-right:3%;
	float: none;
	overflow: hidden;
}
.moving-image .large-circles-icon{
	top:60px;
}
.moving-image h5{
	top:137px;
}
.online .large-circles-icon{
	top:60px;
}
.online h5{
	top:137px;
}
.advanced-powerpoint .large-circles-icon{
	top:52px;
}
.advanced-powerpoint h5{
	top:140px;
}
.print .large-circles-icon{
	top:37px;
}
.print h5{
	top:142px;
}
.media-presentation-training .large-circles-icon{
	top:49px;
}
.media-presentation-training h5{
	top:112px;
}
.large-circles-wrapper {
	position:relative;	
	width:100%;	
}
.large-circles-wrapper h5{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}
.large-circles-wrapper h5 a{
	font-size:36px;
	margin:0;
	line-height: 31px;
}
.large-circles{
	width:100%;
	height:auto;
	margin-bottom: 26px;
}
.large-circles-icon{
	position:absolute;
	left:50%;
	margin-left:-42px;
}
.communications-block p{
	text-align:center;
}
.communications-block a {
	display:block;
	text-align:center;
	margin-top:18px;	
}
.communications-block a span{	
	margin-right:10px;
}
.communications-block a span:hover{
	border-bottom:2px solid #fff;
}

/* -------------- communications-sub-block -------------- */
.communications-sub-block{
	width:182px;
	margin-bottom:64px;
	display:inline-block;
	margin-left:3%;
	margin-right:3%;
	float: none;
	overflow: hidden;
}
.communications-sub-block .large-circles-wrapper a{
	font-size:27px;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}
.communications-sub-block .large-circles-icon{
	position:absolute;
	left:50%;
	margin-left:-28px;
}
.communications-sub-block.online .large-circles-icon{
	top:50px;
}
.communications-sub-block.advanced-powerpoint .large-circles-icon{
	top:48px;
}
.communications-sub-block.moving-image .large-circles-icon{
	top:48px;
}
.communications-sub-block.print .large-circles-icon{
	top:50px;
}
.communications-sub-block.media-presentation-training .large-circles-icon{
	top:42px;
}
.communications-sub-block.online a{
	top:106px;
}
.communications-sub-block.advanced-powerpoint a{
	top:98px;
}
.communications-sub-block.moving-image a{
	top:106px;
}
.communications-sub-block.print a{
	top:106px;
}
.communications-sub-block.media-presentation-training a{
	top:82px;
}
/* -------------- blog wrapper  --------------*/
#blog-wrapper{
	width:73%;
	float:left;
}
.blog-news-wrapper{
	overflow:hidden;
	clear:both;
	margin-bottom:82px;
}
.blog-news-wrapper img{
	max-width:100%;
	float:left;
	height:auto;
	display:block;	
	width: auto\9; /* ie8 */
	margin:0 auto;
	width:28%;
}
.blog-news-desc{
	float: right;
	width: 68%;
}
.blog-news-desc h3{
	font-size:26px;
	margin-bottom: 5px;
}
.blog-news-desc p{
	margin-bottom: 17px;
}
.blog-news-desc a{
	background:url(inc_files/images/read-article.png) center right no-repeat;
	padding-right:30px;
	font-size:22px;
}
.blog-sub-wrapper{

}
.blog-sub-wrapper h4{
	font-size:22px;
	margin-bottom:28px;
}
.blog-sub-wrapper img{
	max-width:100%;
	margin-bottom:40px;
}
.blog-sub-wrapper p{
	margin-bottom:28px;
}
#view-more-article{
	width:100%;	
}
#view-more-article a{	
	font-size:22px;
}
.previous{
	float:left;
	background:url(inc_files/images/read-article2.png) center left no-repeat;
	padding-left:27px;
}
.next{
	float:right;
	background:url(inc_files/images/read-article.png) center right no-repeat;
	padding-right:27px;
}
/* -------------- right sidebar --------------*/
#right-sidebar{
	width:22%;
	float:right;
}
#right-sidebar h3{
	font-size:35px;
	margin-bottom:50px;
	text-align:right;
}
#right-sidebar ul li{
	text-align:right;
	margin-bottom: 5px;
}
#right-sidebar ul li a{
	font-size:17px;
	
}
/* -------------- portfolio wrapper --------------*/
#portfolio-wrapper{
	overflow:hidden;
	clear:both;
	max-width:1200px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:50px;
}
.portfolio-block{
	width:29.1%;
	float:left;
	margin-right:6.2%;
	margin-bottom:58px;
}
.portfolio-block.last-child{
	margin-right:0;
}
.portfolio-block img{
	border:1px solid #fff;
	height:auto;
	display:block;
	max-width: 100%;	
	width: auto\9; /* ie8 */
	margin:0 auto;
	width:100%;
}
.portfolio-block h3{
	font-size:26px;
	text-align:center;
	margin-top:22px;	
}
/* -------------- gallerys wrapper --------------*/
#gallerys-wrapper{
	clear:both;
	overflow: hidden;
}
.gallery-block{
	width:48%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom: 57px;
}
.gallery-block h3{
	font-size:33px;
	margin-bottom: 6px;
}
.image-gallery{
	width:100%;
	overflow: hidden;
}
.image-gallery img{
	height:auto;
	display:block;
	margin:0 auto;
	float:left;
	width:33.3%;
}

/* -------------- contact page--------------*/
#google-map{
	max-width:1445px;
	margin:0 auto;
}
#social-icon-wrapper{
	width:45%;
	float:right;
}
#social-icon-wrapper a{
	display:block;
	float:left;
	width:230px;
	margin-bottom:33px;
}
#social-icon-wrapper a img{
	margin-right:16px;
}
#contact-page-circle{
	max-width:1445px;
	position:relative;
	clear:both;
	padding-bottom:30px;
	background:url(inc_files/images/round.png) center top no-repeat;
	padding-top:77px;
}
#contact-page-circle p{
	text-align:center;
	margin-top:29px;
}
#contact-form{
	max-width:740px;
	margin:0 auto;
}
.text-box{
	width:217px;
	float:left;
	margin-right:44px;
	overflow:hidden;
	margin-bottom:18px;
}
.text-box.last-child{
	margin-right:0;
}
#contact-form label{
	font-family: 'franchiseregular';
	font-size:18px;
	text-transform: uppercase;
	width:100%;
}
#contact-form input[type="text"]{
	width:100%;
	border:0;
	padding:11px 6px;	
	font-size:14px;
	color:#626262;
	display:block;
	font-family: 'Open Sans', sans-serif;
	margin-top: 8px;
}
.textarea{
	clear:both;	
	overflow:hidden;
}

#contact-form .error{
	color:#FFC8C8;
}

#contact-form h4{
	font-size:28px;
	text-align:center;
}


#contact-form textarea{
	width:98.4%;
	border:0;
	margin-top: 8px;
	height:84px;
	padding:11px 6px;
}
#contact-form  input[type="submit"]{
	height:46px;
	width:155px;
	line-height:46px;
	background-color:#292729;
	font-size:26px;
	color:#fff;
	text-transform: uppercase;
	text-align:center;
	display: inline-block;
	border:0;
	display: block;
	font-family: 'franchiseregular';
	margin-top:20px;
}

/* -------------- footer wrapper --------------*/
.footer-wrapper{
	max-width:1445px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0 auto;
}
.inner-footer-wrapper{
	background-color:#292929;
}
.footer-wrapper ul{
	text-align:center;
	clear:both;
}
.footer-wrapper ul li{
	display:inline-block;
	background:url(inc_files/images/list-separate.jpg) center right no-repeat;
	margin-bottom:16px;
	padding-right:5px;
}
.footer-wrapper ul .list-separate-none{
	background-image:none;
}
.footer-wrapper ul li a  {
	font-size:17px; 
	
}

.footer-wrapper p a { font-family: "Open Sans",sans-serif; text-decoration: none; font-size: 12px; text-transform: none; }

.footer-wrapper ul li a:hover{
	border-bottom:2px solid #fff;
}
.footer-wrapper p{
	font-size:12px;
	text-align:center;
}

/* ---------------------------- media query ---------------------------- */
@media screen and (min-width:1024px) and (max-width:1445px){
	#inner-content-wrapper{
		width:96%;		
	}
	#header-wrapper{
		width:96%;
	}	
	.footer-wrapper{
		width:96%;
		margin:0 auto;
	}
	#portfolio-wrapper{
		width:96%;
	}	
}
@media screen and (min-width:240px) and (max-width:1445px){
	#content-block{
		width:96%;		
	}
}

/* ---------------------------- media query ---------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px){
	
	#main-wrapper{
		width:100%;
	}
	#header-wrapper{
		width:98%;
	}
	#inner-content-wrapper{
		width:96%;		
	}	
	#home-details-box-wrapper{
		width:96%;
	}	
	#red-row{
		width:100%;
	}
	#contact-form{
		width:96%;
	}
	.text-box{
		width: 29%;
		margin-right: 6.5%
	}
	.gallery-block h3{
		font-size:21px;
	}
	#portfolio-wrapper{
		width:98%;
	}
}

@media screen and (min-width: 240px) and (max-width: 767px) {
	h2 {
		font-size: 38px;
	}
	p{
		font-size:13px;
	}
	#main-wrapper{
		width:98%;
	}
	#amata-logo{
		width:88px;
		height:58px;
	}
	.menu-holder{
		width:60%;
		margin-top: 20px;
	}
	#main-menu li a{
		font-size:20px;
	}
	#content-block{
		width:96%;		
	}
	#main-title{
		margin-top: 70px;
	}
	#main-title h1{
		font-size:52px;
	}
	#main-title h1 img{
		width:12px;
		height:12px;
	}
	
	#home-details-box-wrapper{
		margin: 80px auto 0 auto;
	}
	#inner-content-wrapper{
		margin-top:90px;
	}
	/* -------------- details box --------------*/
	#home-details-box-wrapper{
		width:96%;
	}
	.details-box{
		width:272px;
		margin-left:0;
		margin-right:0;
	}
	.details-box-icon-holder{
		width:272px;
		top: -29px;
	}
	.details-box p{
		font-size:13px;
	}
	.details-box h3{
		font-size:30px;
	}
	.details-box.details-box-right{
		margin:0 auto;
		float:none;
		display:block;
	}
	
	/* -------------- left text block --------------*/
	.left-text-block{
		width:96%;
		margin:0 0 70px 0;
		float:none;
	}
	
	/* -------------- center text block --------------*/
	.center-text-block{
		width:96%;
	}
	
	/* -------------- left img block --------------*/
	.left-img-block{
		width:80%;
		margin:0 auto;
		float:none;
	}
	
	/* -------------- right text block --------------*/
	.right-text-block{
		width:96%;
		margin:30px auto 0 auto;
		float:none;
	}
	
	/* -------------- right sidebar --------------*/
	#right-sidebar h3{
		text-align:center;
	}
	#right-sidebar{
		float:none;
		width:96%;
		margin:0 auto 35px auto;
	}
	#right-sidebar ul li{
		text-align:center;
	}
	
	/* -------------- blog pages --------------*/
	#blog-wrapper{
		width:96%;
		margin:0 auto;
		float:none;
	}
	.blog-news-wrapper{
		width:96%;
		margin:0 auto;
		float:none;
	}
	.blog-news-wrapper img{
		width:80%;
		margin:0 0 20px 0;
		display:block;
	}
	.blog-news-desc{
		width:100%;
		margin-top:30px;
		margin-bottom:40px;
		float:none;
	}
	#view-more-article a{
		font-size:17px;
	}
	/* -------------- portfolio wrapper --------------*/
	#portfolio-wrapper{
		width:96%;
	}
	.portfolio-block{
		width:240px;
		float:none;
		margin:0 auto 45px auto;
		display: block;
	}
	.portfolio-block.last-child{
		margin-right:auto;
	}
	.portfolio-block img{
		width:99%;
	}
	
	/* -------------- video wrapper --------------*/
	#video-wrapper{
		float: none;
		margin:0 auto;
			width:100% !important;
	padding-bottom: 51.25%; /* 16:9 */
	}


#video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	/* -------------- communications page --------------*/
	.communications-sub-block{
		margin-bottom:0;
	}
	
	/* -------------- red row --------------*/
	#red-row{
		width:100%;
	}
	#red-row a{
		font-size:22px;
	}
	#previous-clients-wrapper img{
		margin-bottom:20px;
	}
	
	/* -------------- contact page --------------*/
	#contact-page-circle p{
		width:96%;
	}
	#social-icon-wrapper{
		float:left;
		width:96%;
	}
	#contact-form{
		width:96%;
	}
	.text-box{
		width:80%;
		margin-right:0;
	}
	#contact-form textarea{
		width:76.4%;
	}
	
	/* -------------- gallery page --------------*/
	.gallery-block{
		width:80%;		
	}
	.gallery-block h3{
		font-size:28px;
	}
	.footer-wrapper p{
		font-size:11px;
	}
}