html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, fieldset, img, small, sub, b, dl, dd, dt, ul, li, label, article, details, footer, header, menu, nav, input, textarea, select {
	background: transparent;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

body {
    background-color:#282828; 
    position:absolute; 

    width:100%; 
    height:100%; 
}

div.mc-image {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
p {
    font:13px/18px 'Tahoma', sans-serif; 
    color:#5a5a5c;
	color:#e6e6e6;
}

.imgIndent1 {
	margin-bottom: 21px;
}

h1 {
    display:inline-block; 
    float:left; 
    margin-right:20px;
	padding-top:20px;
}

h2 {
    font:20px 'Oswald', sans-serif; 
    font-weight:300; 
    text-transform:uppercase; 
    color:#fff; 
    margin-bottom:23px;
}
h3 {
    font:18px/23px 'Oswald', sans-serif; 
    font-weight:300; 
    text-transform:uppercase; 
    color:#d6d6d6; 
    margin-bottom:8px;
}
h4 {
    font:16px/23px 'Oswald', sans-serif; 
    font-weight:300; 
    text-transform:uppercase; 
    color:#fff; 
    margin-bottom:10px; 
    display:inline-block;
}

div {
	display: block;
}

#logo {
    background:url(/images/logo.png) 0 0 no-repeat; 
    display:inline-block; 
    width:500px; 
    height:43px; 
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
}

#home {
	height: 100%;
	margin-bottom: -100px;
	position: relative;
	border:none;
}

#navigation {
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 100px;
	background: url(/images/pattern_header.png) repeat;
}

#navigation ul {
	padding-top: 35px;
	float: right;
}

#navigation ul#menu li {
	display: inline;
	margin-right: 20px;
	font: 14px 'Oswald', sans-serif;
}

#navigation ul#menu li.current a {
	color: #FFFFFF;
	border-top: 5px solid #ccc;
}

#navigation a, #navigation a:active, #navigation a:visited {
	color: #ccc;
	text-decoration:none;
	text-transform: uppercase;
}

#navigation a, #navigation a:active, #navigation a:visited {
	padding-top: 30px;
/*	height: 90px; 
	padding-bottom: 45px;
*/
	font-weight: normal;
	font-size: 14px;
}

.container {
	width: 885px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
	padding: 100px 25px 100px 40px;	
	background:url(/images/container_bg.png) repeat;
	border-bottom:2px solid #ccc;
}
.imgIndent {
	margin-bottom: 28px;
}
img {
	vertical-align: top;
}

a, li {
	text-decoration: none;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

img, div, input, textarea {
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}


.clearfix:after, .group:after, .clearboth:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	float: left;
	margin-bottom: 20px;
	margin-right: 4%;
	position: relative;
}


.one_half {
   	width: 48%;
}
	
.one_third {
	width: 30.5%;
}
	
.one_fourth {
	width: 22%;
}
	
.one_fifth {
	width: 16.8%;
}
	
.one_sixth {
	width: 13.33%;
}
	
.two_fifth {
	width: 37.6%;
}
	
.two_fourth {
	width: 48%;
}	
	
.two_third {
	width: 65.33%;
}
	
.three_fifth {
	width: 58.4%;
}
	
.three_fourth {
	width: 74%;
}
	
.four_fifth {
	width: 79.2%;
}
	
.five_sixth {
	width: 82.67%;
}
	
	
.last {
	margin-right: 0px!important;
}

.clear {
    clear:both;
}

/*-----contact form-----*/
.more {
	font: 18px/23px 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
}
.margLeft {
	margin-left: 20px;
}
#ContactForm {
    padding:0;
}
#ContactForm fieldset {
    width:430px;
}
#ContactForm .bg {
    padding:0;
}
#ContactForm .success {
    padding-bottom:4px; 
    position:absolute; 
    color:#7c7c7c; 
    font:13px 'Arial', sans-serif; 
    margin-top:0; 
    z-index:1; 
    padding:47px 93px; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
    text-align:center;
} 
#ContactForm label {
    position:relative; 
    display:inline-block; 
    padding-bottom:10px;
}
#ContactForm span {
    display:block
}
#ContactForm .message .empty {
    top:193px;
}
#ContactForm .error,#ContactForm .empty {
    font:9px 'Arial'; color:#fff; 
    line-height:9px; 
    display:none; 
    width:220px; 
    top:36px; 
    left:5px; 
    position:absolute; 
    margin-top:1px;
}
#ContactForm a {
    position:relative; 
    z-index:1;
}
#ContactForm .input {
    width:324px;  
    padding:9px 8px 10px 13px; 
    color:#7c7c7c; 
    outline:none; 
    margin:0; 
    font:12px 'Arial'; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
}
#ContactForm textarea {
    overflow:auto; 
    margin:0; 
    width:404px; 
    height:170px; 
    padding:9px 8px 10px 13px; 
    color:#7c7c7c; 
    resize:none; 
    outline:none; 
    font:12px 'Arial'; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
}
#ContactForm .block {
    display:inline-block; 
    position:relative;
}
.formBtn{
    display:inline-block; 
    position:relative; 
    float:left; 
    margin-top:-3px; 
}
.buttons-form {
    display:inline-block; 
    float:right; 
    right:0; 
    margin-right:3px; 
    margin-top:13px;
}



#ClientForm {
    padding:0;
}
#ClientForm fieldset {
    width:430px;
}
#ClientForm .bg {
    padding:2px;
    font:13px 'Arial', sans-serif; 
	color:#fff;
}
#ClientForm .success {
    padding-bottom:4px; 
    position:absolute; 
    color:#7c7c7c; 
    font:13px 'Arial', sans-serif; 
    margin-top:0; 
    z-index:1; 
    padding:47px 93px; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
    text-align:center;
} 
#ClientForm label {
    position:relative; 
    display:inline-block; 
    padding-bottom:10px;
}
#ClientForm span {
    display:block
}
#ClientForm .message .empty {
    top:193px;
}
#ClientForm .error,#ClientForm .empty {
    font:9px 'Arial'; color:#fff; 
    line-height:9px; 
    display:none; 
    width:220px; 
    top:36px; 
    left:5px; 
    position:absolute; 
    margin-top:1px;
}
#ClientForm a {
    position:relative; 
    z-index:1;
}
#ClientForm .input {
    width:314px;  
    padding:6px 8px 6px 13px; 
    color:#fcfcfc; 
    outline:none; 
    margin-top:2px; 
    font:14px 'Arial'; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
}
#ClientForm textarea {
    overflow:auto; 
    margin:0; 
    width:314px; 
    height:170px; 
    padding:9px 8px 10px 13px; 
    color:#7c7c7c; 
    resize:none; 
    outline:none; 
    font:12px 'Arial'; 
    background-color:#202020; 
    border:1px solid #1c1c1c;
}
#ClientForm .block {
    display:inline-block; 
    position:relative;
}

footer {
    position:relative; 
    width:100%;  
    background:url(/images/pattern_header.png) repeat; 
    border-top:7px solid #282828;
}
footer div {
    width:960px; 
    height:44px; 
    margin:0 auto; 
    padding-top:18px;
}
footer p {
    font:14px 'Oswald', sans-serif; 
    font-weight:300; 
    color:#7d7d7d; 
    text-transform:uppercase; 
    float:right;
}
footer a {
    font:14px 'Oswald', sans-serif; 
    font-weight:300; 
    color:#7d7d7d; 
    text-transform:uppercase;
}
footer > div > p > img {
    margin-left:5px; 
    margin-right:6px; 
    margin-top:8px;
}
footer ul {
    float:left; 
    margin-left:-5px;
}
footer ul li {
    float:left; 
    margin-right:22px;
}
footer div ul li img {
    margin-top:8px; 
    margin-right:12px;
}

ol, ul {
	list-style: none;
}
.portfolio_main {
	padding:10px;	
}

.container figure {
	float:left;	
	position:relative;
	padding:0;
	margin:0;
	overflow:hidden;
}
.container figcaption {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	color:#fff;	
	padding:20px;
	width:100%;
	height:100%;
	background:rgba(22,22,22,.8);
	display:none;
	cursor:pointer;
    font-family:'Oswald', sans-serif; 
}
.container figcaption h2{
	font-size:72px;
	text-align:center;
	width:100%;
	margin-top:100px;
}


@media only screen and (max-width: 1004px) {
	.container {
		width:720px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#navigation ul {
		width: 110px;
		padding: 5px 0;
		position: relative;
		top: 20px;
		float:left;
		border: solid 1px #efefef;
		background: #fff url(/images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
		display:none;
	}

	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation #menu a {
		display: block;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(/images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation #menu a, #navigation #menu a:active, #navigation #menu a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}

	#ContactForm textarea {
    	overflow:auto; 
	    margin:0; 
    	width:314px; 
	}
	
	img#imagering {
		width: 300px;
	}

	img#imagerr {
		width: 250px;
	}
	
	#ClientForm .input {
	    width:224px;  
	}

	#ClientForm fieldset {
		width:330px;
	}
	#ContactForm fieldset {
		width:330px;
	}
	footer div {
		width: 720px;
	}
}

@media only screen and (max-width: 720px) {

	.container {
		width:90%;
		padding:100px 10px 100px 10px;
	}
	
	.imgkendra {
		width: 90%;		
	}
	
	#ClientForm fieldset {
		width:98%;
	}
	#ContactForm fieldset {
		width:98%;
	}

	#ClientForm .input {
	    width:90%;  
	}

	#ContactForm textarea {
	    width:250px;  
	}

	#ContactForm .input {
	    width:250px;  
	}
	img#imagering {
		width: 90%;
	}
	footer div {
		width:90%;
	}

	#logo {
		background:url(/images/logo-small.png) 0 0 no-repeat; 
	}
	.portfolio_main {
		padding: 10px;
		width: 90%;
	}
	figcaption 	{
		width: 90%;		
	}
	
	.container figcaption h2 {
		font-size: 48px;
		text-align: center;
		width: 100%;
		margin-top: 100px;
	}
	#navigation a {
		padding-bottom:0px;
		height:30px;	
	}

}

@media only screen and (max-width: 480px) {

	p {
		font:14px/18px 'Tahoma', sans-serif; 
		color:#e6e6e6;
	}
	.one_half {
		width: 98%;
	}
	

}