/* CSS Document */
* { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

header, section, footer, aside, nav, main, article, figure, div {
    display: block; position:relative;
}

body		{ margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color: #676767;}

h1, h2, h3	{ margin-top:0; }

h1 			{ font-size:24px; font-weight:normal; }
h2			{ font-size:20px; font-weight:normal; margin:10px 0; }
h3			{ font-size:16px; }

p				{ font-size:14px; line-height:18px; text-align:justify; }
a				{ color: #9B1919;}
img				{ border:0;}
hr				{ background-color:#EEEEEE; height:1px; border:0; margin-bottom:20px; }


#main			{ margin:40px 0; }
#footer			{ background-color:#676767; color: #FFFFFF; padding:20px; }

#logo			{ display:block; width:252px; height:90px; margin:25px 0; float:left; }
#content 		{ float:left; display:block; width:60%; padding-right:30px; }
#side			{ float:right; width:40%; }

.quote			{ display:block; float:right; margin-top:90px; }

nav							{ background-color:#9B1919; display:block; }
nav ul						{ list-style:none; margin:0; padding:0;}
nav ul > li					{ float:left; display:block;}

nav ul.navmenu a.menu		{ display:none; color: #FFFFFF; font-weight:bold; padding:16px 15px 14px 15px; cursor:pointer; }

nav ul.navbar				{ clear:both; float:left; border-left:1px solid #AC1B1B; width:auto;}
nav ul.navbar > li			{ padding:16px 15px 14px 15px; border-right:1px solid #AC1B1B; }
nav ul.navbar > li a		{ color:#FFFFFF; display:block; text-decoration:none; }
nav ul.navbar > li a:hover	{ text-decoration:underline; }
nav ul.navbar > li.selected	{ background-color:#801414; }

#banner							{ background-color:#EEEEEE; display:block; background-position:50% 50%; min-height:300px; background-repeat:none;  background-size:cover;}
#banner nav						{ background:none; padding:0 0 30px; }
#banner nav ul.navbar			{ border:0; text-align:center; margin-right:-10px; margin-left:-10px; float:none; width:auto; }
#banner nav ul.navbar > li		{ padding:30px 10px 0; width:25%; border:0;}

#banner nav	.text				{ background-color:#9B1919; padding:20px 0; }
#banner nav	.text span			{ margin:0 10px; display:block; font-size:16px; text-align:center; line-height:20px; }

#banner nav ul.navbar>li:hover span	{ font-size:18px; text-align:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#banner nav ul.navbar > li a:hover	{ text-decoration:none;}

#banner nav .image					{ display:block; height:390px; background-color:#676767; background-position:50% 50%; background-size:cover;}

input[type="text"], textarea, select		{ color:#666666; font-size:12px; border:1px solid #cccccc; width:50%; padding:10px; background-color:#efefef; font-family:inherit; line-height:15px; }
textarea									{ height:100px; }

input[type="submit"], a.button				{ color: #FFFFFF; background-color:#9B1919; padding:10px 20px; border:0; text-decoration:none; line-height:16px; font-size:14px; -webkit-appearance: none;-webkit-border-radius:0; border-radius:0;}
input[type="submit"]:hover, a:hover.button	{ background-color:#801414; cursor:pointer; } 

select					{ -webkit-appearance: menulist-button; padding: 10px 10px 9px; height:37px; }

input					{ background-color:#9B1919; color:#FFFFFF;}

fieldset				{ border:0; margin:0 0 10px; padding:0; float:left; width:50%; padding-right:20px; }
label					{ padding:10px 20px; display:block; width:50%; float:left; font-size:14px;  }

.action,.spamfilter		{ clear:both; }

div.container 			{ margin:0 auto; display:block; position:relative; width: 960px;}
div.contact-details		{ background-color:#EEEEEE; padding:20px; }

div.contact-details p	{ text-align:left; }

div.gallery 			{ overflow:hidden; margin-left:-10px; margin-right:-10px; }
div.gallery .item		{ border:1px solid #DDDDDD; float:left; margin:10px; width:176px; height:120px; display:block; overflow:hidden; text-align:center; }
div.gallery .item img	{ margin:0 auto; }

#side div.gallery .item { float:right; }

.enlarge				{ text-align:right; display:block; }

.contact				{ float:left; }
.social					{ float:right; }

.success p, .fail	p	{ color:#fff; }
		
.success				{ color:#fff; background-color:#690; padding:15px; margin-bottom:20px;}
.fail					{ color:#fff; background-color:#CB1B1F; padding:15px; margin-bottom:20px;}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*.opacity { -webkit-filter: opacity(50%); }*/
@media (min-width: 1300px ) {
	div.container 				{ width: 1170px; }
}

@media (max-width: 1000px) {
	nav ul.navmenu a.menu					{ display:block; }
	
	nav ul.navmenu > li > ul.navbar li		{ float:none; }
	nav ul.navmenu > li > ul				{ display:none; }
	nav ul.navmenu > li:hover > ul			{ display:block; }
	
	#banner nav ul.navbar>li				{ width:50%; }
	#banner nav .image						{ height:300px; }
	#banner									{ min-height:200px; background-size:cover; }
}

@media (min-width: 768px) and (max-width: 1000px) {
	div.container 				{ width: 724px; }
	div.gallery .item			{ width: 130px; }
}
	
@media (max-width: 767px) {
	/* Styles */
	div.container 	{ width: auto; padding:0 20px; }
	
	div.quote 		{ margin:0 auto 20px auto; float:none; width:180px; }

	#content, #side { width: auto; height:auto; }
	#content		{ padding-right:0; }
	main 			{ }
	#logo 			{ margin: 25px auto; float:none; }
	#side 			{ float:left; margin-top:20px; }
		
	#side div.gallery .item		{ float:left;}
	div.gallery .item			{ width: 130px; }
	.enlarge					{ text-align:left; }
	
	fieldset		{ width:100%; }
}

@media (min-width:480px) and (max-width: 767px){
	
}

@media (max-width: 480px) {
	#banner nav ul.navbar>li				{ width:100%; }	
	fieldset								{ padding-right:10px; }
	label									{ width:100%; padding:10px 0; }
	input[type="text"], textarea, select	{ width:100%; }
	
}

/**********************************************************************************************************/
/* INTERNET EXPLORER */


/* For IE6 - '_' , For IE7 - '*', For IE8 - '\0', For IE9 - '\9' */

/* For IE10 */
@media all and (-ms-high-contrast: none) { 
	
}

/* For Safari & Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    /* Safari Only*/
    ::i-block-chrome, select { -webkit-appearance: none; }
    ::i-block-chrome, input  { line-height:15px; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    
}


.clearboth	{ clear:both; }