/* ----------------------------------------------------------- */
/*                     RESPONSIVE ELEMENTS                     */
/* ----------------------------------------------------------- */

#left select, .special select, .mobile-select, .cj-mobile-menu {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	
	border: 1px solid #333;
	z-index: 999999;
	outline: none;
	
	background: #151515;
	background: -moz-linear-gradient(top, #151515 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #151515), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #151515 0%, #000 100%);
	background: -o-linear-gradient(top, #151515 0%, #000 100%);
	background: -ms-linear-gradient(top, #151515 0%, #000 100%);
	background: linear-gradient(top, #151515 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515", endColorstr="#000000", GradientType=0);
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-appearance: button;
	-moz-appearance: button;

	
	/* ============= LAYOUT ============= */
	
	line-height: normal;
	margin: 0 0 5px 20px;
	padding: 8px 9px 6px 8px;
	
}

.special select, .mobile-select, .cj-mobile-menu {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	
	/* ============= LAYOUT ============= */
	
	width: 100%;
	margin: 0;
	
}

.mobile-select {
	
	/* ============= LAYOUT ============= */
	
	position: fixed;
	
}

#left option, .special option, .mobile-select option, .cj-mobile-menu option {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #151515;
	outline: none;
	
}

.ie9 #left option, 
.lt-ie9 #left option,
.ie9 .special option,
.lt-ie9 .special option,
.ie9 .mobile-select option,
.lt-ie9 .mobile-select option,
.lt-ie9 .cj-mobile-menu option {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: none;
	
}

.ie9 #left select, .ie9 .special select, .ie9 .mobile-select, .ie9 .cj-mobile-menu {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-radius: 0;
	
}

@media screen and (max-width: 800px) {
	
	.normalize #wrapper {
	
		/* ============= LAYOUT ============= */
	
		width: 708px;
		overflow: hidden;
		
	}
	
	.fullscreen #wrapper {
	
		width: auto;
		overflow: visible;
		
	}
	
	.normalize #main {
		
		/* ============= LAYOUT ============= */
		
		width: 538px;
		overflow: hidden;
		
	}
	
	a.respond {
	
		width: 498px;
		
	}
	
	.one-half a.respond {
	
		width: 370px;
		
	}
	
	.normalize .banner, 
	.normalize .banner img, 
	.normalize .banner .thumbnail span,
	a.respond span, 
	a.respond img, 
	img.respond {
		
		/* ============= LAYOUT ============= */
		
		max-width: 100% !important;
		max-height: 100% !important;
		
	}
	
	.shadow_760, .shadow_542 {
	
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
		background: url(../img/shadows/498.png) no-repeat center bottom;
		
		
		/* ============= LAYOUT ============= */
	
		padding-bottom: 9px;
		
	}
	
	.three-fourths {
	
		width: 100% !important;
		margin-left: 0 !important;
		
	}
	
	.one-third {

		/* ============= LAYOUT ============= */
	
		width: 500px;
		float: none;
		margin-right: 0;
		
	}
	
	.gallery .one-third {
		
		/* ============= LAYOUT ============= */
		
		margin-bottom: 7px;
		margin-left: 0;
		width: 240px;
		float: left;
		
	}
	
	.portfolio-gallery .one-third {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		width: 240px;
		float: left;
		
	}
	
	.five .last {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 5px !important;
		
	}
	
	.gallery .one-fifth {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 11px !important;
		margin-bottom: 8px !important;
		
	}
	
	.portfolio-gallery .one-fifth {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 11px !important;
		
	}
	
	.full-width .portfolio-description {
		
		/* ============= LAYOUT ============= */
		
		margin-bottom: 11px !important;
		
	}
	
	.gallery .second, .portfolio-gallery .second {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 18px;
		
	}
	
	#content .one-half {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		width: 100%;
		
	}
	
	#content .social-share {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		
	}
	
	.contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 128px;
		
	}
	
	.first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 62px;
		
	}
	
	.two-column .first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 62px !important;
		width: 370px !important;
		
	}
	
	.sidebar {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		
	}
	
	.sidebar-item .one-fourth {
		
		/* ============= LAYOUT ============= */
		
		width: 160px;
		margin-left: 0;
		float: left;
		
	}
	
	.blog-meta hr {
		
		/* ============= LAYOUT ============= */
		
		width: 428px;
		margin-top: 5px;
		margin-bottom: 0;
		
	}
	
	.reply {
	
		/* ============= LAYOUT ============= */
	
		width: 416px;
		
	}
	
	.comment .comment .reply {
		
		/* ============= LAYOUT ============= */
		
		width: 336px;
		
	}
	
	.blog .contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 128px;
		
	}
	
	header h2 {
	
		/* ============= LAYOUT ============= */
	
		width: auto;
		
	}
	
	.breadcrumbs {

		float: right;
		
	}
	
	ul.sitemap {
	
		margin-bottom: 50px !important;
		
	}
	
	footer {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		background: url(../img/shadows/538.png) no-repeat top center;
		
	}
	
	footer .last-footer {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		
	}
	
	input[type=text], 
	input[type=email], 
	input[type=tel], 
	input[type=search], 
	input[type=password] {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-appearance: caret;
		-moz-appearance: caret; 
		
	}
	
}

@media screen and (max-width: 600px) {
	
	.normalize #wrapper {
	
		/* ============= LAYOUT ============= */
	
		width: 440px;
		overflow: hidden;
		
	}
	
	#left {
		
		/* ============= LAYOUT ============= */
		
		width: 440px;
		
	}
	
	.fullscreen #left {
		
		/* ============= LAYOUT ============= */
		
		display: none;
		
	}
	
	#left-wrap {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
		
	}
	
	.left-fixed {
		
		/* ============= LAYOUT ============= */
		
		position: relative !important;
		float: left !important;
		
	}

	
	#ribbon {
		
		/* ============= LAYOUT ============= */
		
		display: none;
		
	}
	
	#left hr {
		
		/* ============= LAYOUT ============= */
		
		display: none;
		
	}
	
	#left hr.nav-hr {
		
		/* ============= LAYOUT ============= */
		
		display: block;
		
	}
	
	#left select {
		
		/* ============= LAYOUT ============= */
		
		width: 400px;
		
	}
	
	.normalize #main {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		width: 440px;
		overflow: hidden;
		
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-border-top-right-radius: 0;	
		-moz-border-radius-topright: 0;
		border-top-right-radius: 0;
		
	}
	
	.normalize .main-margin {
		
		/* ============= LAYOUT ============= */
		
		float: left !important;
		margin-left: 0 !important;	
		
	}
	
	a.respond {
		
		/* ============= LAYOUT ============= */
		
		width: 400px;
		
	}
	
	.shadow_760, .shadow_542 {
	
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
		background: url(../img/shadows/400.png) no-repeat center bottom;
		
		
		/* ============= LAYOUT ============= */
	
		padding-bottom: 7px;
		
	}
	
	.one-third {

		/* ============= LAYOUT ============= */
	
		width: 400px;
		float: none;
		margin-right: 0;
		
	}
	
	.gallery .one-third {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 80px !important;
		margin-bottom: 9px;
		
	}
	
	.portfolio-gallery .one-third {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 80px !important;
		
	}
	
	.gallery .one-fifth, .portfolio-gallery .one-fifth {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 15px !important;
		
	}
	
	.full-width .portfolio-description {
		
		/* ============= LAYOUT ============= */
		
		margin-bottom: 13px !important;
		
	}
	
	.five .second {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 42px !important;
		
	}
	
	.two-column .first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 15px !important;
		
	}
	
	.first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 13px;
		
	}
	
	.blog-meta {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		margin-top: 10px;
		
	}
	
	hr.blog-hr {
		
		/* ============= LAYOUT ============= */
		
		width: 400px;
		
	}
	
	.reply {
		
		/* ============= LAYOUT ============= */
		
		width: 318px;
		
	}
	
	.comment .comment .reply {
		
		/* ============= LAYOUT ============= */
		
		width: 238px;
		
	}
	
	.blog .contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 30px;
		
	}
	
	footer {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		background: url(../img/shadows/480.png) no-repeat top center;
		
	}
	
	footer .last-footer {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		
	}
	
	input[type=text], 
	input[type=email], 
	input[type=tel], 
	input[type=search], 
	input[type=password] {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-appearance: caret;
		-moz-appearance: caret; 
		
	}
	
	.contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 30px;
		
	}
	
}

@media screen and (max-width: 320px) {
	
	.normalize #wrapper {
	
		/* ============= LAYOUT ============= */
	
		width: 280px;
		overflow: hidden;
		
	}
	
	#left {
		
		/* ============= LAYOUT ============= */
		
		width: 280px;
		
	}
	
	#left-wrap {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
		
	}
	
	.left-fixed {
		
		/* ============= LAYOUT ============= */
		
		position: relative !important;
		float: left !important;
		
	}
	
	#ribbon {
		
		/* ============= LAYOUT ============= */
		
		display: none;
		
	}
	
	#left hr {
		
		/* ============= LAYOUT ============= */
		
		display: none;
		
	}
	
	#left hr.nav-hr {
		
		/* ============= LAYOUT ============= */
		
		display: block;
		
	}
	
	#left select {
		
		/* ============= LAYOUT ============= */
		
		width: 240px;
		
	}
	
	.normalize #main {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-border-top-right-radius: 0;	
		-moz-border-radius-topright: 0;
		border-top-right-radius: 0;
		
				
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		width: 280px;
		overflow: hidden;

	}
	
	.normalize section > div.one-half {
		
		/* ============= LAYOUT ============= */
		
		max-width: 100%;
		margin-left: 0;
		
		
	}
	
	.normalize .main-margin {
		
		/* ============= LAYOUT ============= */
		
		float: left !important;
		margin-left: 0 !important;	
		
	}
	
	a.respond, .one-half a.respond {
		
		/* ============= LAYOUT ============= */
		
		width: 240px;
		
	}
	
	.shadow_760, .shadow_542, .shadow_371 {
	
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
		background: url(../img/shadows/240.png) no-repeat center bottom;
		
		
		/* ============= LAYOUT ============= */
	
		padding-bottom: 11px;
		
	}
	
	.one-third, .one-fourth, footer .one-fourth, footer .last-footer {

		/* ============= LAYOUT ============= */
		
		width: 240px;
		float: none;
		margin-right: 0;
		padding-right: 0;
		
	}
	
	.one-fourth {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 30px;
		display: inline-block;
		background-position: left bottom;
		
	}
	
	.sidebar-item {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 10px;
		
	}
	
	.two-column .first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0px !important;
		
	}
	
	.contact-form textarea {
		
		/* ============= LAYOUT ============= */
		
		width: 224px;
		
	}
	
	.contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin-right: 2px;
		
	}
	
	.message-success {
		
		/* ============= LAYOUT ============= */
		
		display: inline-block;
		width: 120px;
		
	}
	
	.gallery .one-third, .portfolio-gallery .one-third {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0 !important;
		
	}
	
	.gallery .one-fifth, .portfolio-gallery .one-fifth, .five .second {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 48px !important;
		
	}
	
	.one-fourth .portfolio-description {
		
		/* ============= LAYOUT ============= */
		
		width: 181px !important;
		margin-bottom: 8px !important;
		
	}
	
	.full-width .portfolio-description {
		
		/* ============= LAYOUT ============= */
		
		margin-bottom: 9px !important;
		
	}
	
	h3.first {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 30px;
		
	}
	
	hr.blog-hr {
		
		/* ============= LAYOUT ============= */
		
		width: 240px;
		
	}
	
	.posted-comments {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		
	}
	
	.blog .pagination {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		margin-top: 5px;
		
	}
	
	.blog .bottom {
		
		/* ============= LAYOUT ============= */
		
		margin-top: 20px;
		
	}
	
	.reply {
		
		/* ============= LAYOUT ============= */
		
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		
	}
	
	.comment .comment .reply {
		
		/* ============= LAYOUT ============= */
		
		width: 100%;
		
	}
	
	.blog .contact-form button {
		
		/* ============= LAYOUT ============= */
		
		margin: 0;
		float: left;
		
	}
	
	.message-success {
		
		/* ============= LAYOUT ============= */
		
		width: 100px;
		
	}
		
	.blog .sidebar, .site-map .sidebar {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		margin-left: 0;
		
	}
	
	.blog .sidebar-item, .site-map .sidebar-item {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 0;
		
	}
	
	.breadcrumbs {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		padding-top: 0;
		margin-top: -5px;
		margin-bottom: 10px;
		
	}
	
	header h2 {
		
		/* ============= LAYOUT ============= */
		
		width: 100%;
		
	}
	
	.socialize-blog {
		
		/* ============= LAYOUT ============= */
		
		float: left;
		margin-top: 10px;
	
	}
	
	ul.sitemap ul.widget {
		
		/* ============= LAYOUT ============= */
		
		margin-left: 20px !important;
		
	}
	
	footer .one-fourth, footer .last-footer {
		
		/* ============= LAYOUT ============= */
		
		margin: 0 0 40px 0;
		display: block;
		
	}
	
	footer {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		background: url(../img/shadows/320.png) no-repeat top center;
		
	}
	
	input[type=text], 
	input[type=email], 
	input[type=tel], 
	input[type=search], 
	input[type=password],
	.sidebar .search input[type=text] {
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		width: 226px;
		
		/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
		-webkit-appearance: caret;
		-moz-appearance: caret; 
		
	}
	
	form.search button {
		
		/* ============= LAYOUT ============= */
		
		right: 0;
		
	}
	
	.ie9 form.search button {
		
		/* ============= LAYOUT ============= */
		
		height: 23px;
		
	}
	
	.last-footer {
	
		/* ============= LAYOUT ============= */
		
		width: 150px;
		padding-left: 40px;
		
	}
	
}