/*******************************************************************************************************************
*  Breezy New Media (http://www.breezy.cz)  
*
*  Author: Tomas Lach (http://www.tomaslach.cz);                                                                         
*  Date: 26.11.2012                                                                                                
*******************************************************************************************************************/

@import "reset.less";
@import url("../css/font.css");
@import url("../css/sprites.css");
@import url("../css/jquery.fancybox.css");
@import "print.less";

/* -------------------------------------------------------------------------------------------------------------- */

@designPath: "../images";
@fontFamily: Arial, Tahoma, Verdana;
@titleFontFamily: "droid_serif", Serif, Tahoma, Verdana;
@layoutWidth: 980px;
@baseColor: #666666;
@highColor: #333333;
@lessColor: #999999;
@linkColor: #689e70;
@backgroundColor: #ffffff;
@footerBackgroundColor: #eeeeee;

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html {

	background-color: @backgroundColor;
	border-top: 4px solid #eeeeee;
	  
} // html

body {

	font-size: 12px; 
	color: @baseColor;  
	font-family: @fontFamily;
	border-top: 1px solid #dddddd;

} // body

.wrap {

	.container(@layoutWidth);
	.clearfix();

} // .wrap

p, 
address {

	margin: 0 0 25px;
	line-height: 1.6em;

} // p, address

address {

	font-style: normal;

} // address

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, 
a:link {

	color: @linkColor; 
	outline: 0; 
	text-decoration: underline;
	.transition(color 0.3s ease-in-out);

} // a, a:link

a:focus {

	color: @highColor; 	

} // a:focus;

a:hover {

	color: @baseColor; 
	text-decoration: none;

} // a:hover

/*******************************************************************************************************************
*  HEADINGS                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4, h5, h6 {  

	font-family: @titleFontFamily;
	color: @baseColor;
	margin-bottom: 15px;
	text-rendering: optimizelegibility; // Fix the character spacing for headings  

} // h1, h2, h3, h4, h5, h6

h2 {

	color: @linkColor;
	font-size: 1.8em;
	margin-top: 20px;
	font-weight: normal;

}

h3 {

	color: @highColor;
	font-size: 1.5em;
	line-height: 1.2em;

} // h3

h4 {

	color: @highColor;
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: 1.2em;

} // h3

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header {

	position: relative;
	z-index: 100;

	.logo-tide-development {  
		
		z-index: 60;
		text-decoration: none;
		display: block;   
		float: left;
		text-indent: -9999px;   
		.hide-text();

	} // .logo-tide-development

	#navigation {

		float: right;	
		margin: 0 30px -5px;		

		> strong {
	  		
	  		display: none;

		} // > strong

		#main-menu {            
		
			z-index: 30;

	  		> li {
		
				display: block;
				float: left;

				> a {
		  
					display: block;
					float: left;
					line-height: 85px;
					padding: 0 20px;
					text-decoration: none;
					font-weight: bold;
					color: @highColor;
					.transition(all 0.3s ease-in-out);
					text-transform: uppercase;
					border-bottom: 5px solid #699e70;
		  
					&:hover {
						
						border-bottom-color: #ffffff;
						color: @lessColor;

					} // a:hover

				} // > a      

				&.active {
		  
		  			> a {
						
						border-bottom-color: #ffffff;
						color: @lessColor;
		  			
		  			} // > a

				} // .active
		
			} // > li

		} // #main-menu

	} // #navigation

} // #header

/*******************************************************************************************************************
*  CONTAINER                                                                                                         
*******************************************************************************************************************/
#container {

	.background("background-repeat.png", repeat-x);	
	margin-bottom: 20px;

} // #container 

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#content {

	.background("background-intro.png", no-repeat, 50% 0);
	min-height: 560px;
	padding: 40px 0;
	.clearfix();
	
	// Main title	
	h1 {

		color: #fff;
		text-shadow: 1px 1px 1px #7ba779;
		padding: 0 30px;
		margin-bottom: 35px;
		font-size: 2.65em;		

		.container(@layoutWidth - 60);

	} // h1

	/*******************************************************************************************************************
	*  Homepage differents styles                                                                                                       
	*******************************************************************************************************************/
	&.homepage {

		// Main title
		h1 {

			text-align: center;
			font-size: 2.8em;
			margin-bottom: 5px;			

		} // h1

		.slogan {

			color: #314d34;
			font-family: @titleFontFamily;
			font-size: 1.7em;
			text-align: center;

		} // .slogan

		/*******************************************************************************************************************
		*  Main
		*******************************************************************************************************************/
		#main {

			.background("main-top.png", no-repeat, 50% 0);
			background-color: transparent;
			width: @layoutWidth - 0;
			margin: 0 -20px;
			padding: 20px 15px;			

			> .inner {

				background-color: #fff;				
				padding: 5px 35px;

			} // .inner

			#hp-slideshow {

				margin: 0 0 20px;
				padding: 5px 15px 20px;
				.background("shadow.png", no-repeat, 50% 100%);
				background-color: #fff;

				.slider-content {

					padding-bottom: 30px;

				} // .slider-content

				.item {

					width: 950px;
					position: relative;

					.info {
						
						position: absolute;
						bottom: -30px;left: 0;
						width: 100%;

						.inner {

							background-color: #222222;
							margin: 0 20px;
							height: 60px;
							padding: 0 20px;
							position: relative;
							color: #aaaaaa;
							line-height: 60px;
							border-bottom: 1px solid #000;

							h2 {

								display: inline;
								color: #fff;
								font-weight: normal;
								font-size: 1.7em;

							} // h2

							.place-info {

								display: inline;
								text-transform: uppercase;
								font-size: 11px;

								span {

									color: #5d5d5d;
									padding: 0 5px;

								} // span

								i {

									margin-left: 5px;
									position: relative;
									top: 2px;

								} // i

							} // .place-info

							.on-right {

								float: right;

							}

							.btn {

								.gradient(#93c897, #7cbb82);
								border-top-color: #b9dbbc;
								border-left-color: transparent;
								border-right-color: transparent;
								border-bottom-color: transparent;
								.box-shadow(0 1px 0 #000);
								color: #fff;
								float: left;
								padding-right: 30px;
								position: relative;
								top: 15px;

								&:hover {

									color: @highColor;
									border-top-color: #deffe1;
									.gradient(#b7ecbc,#a1e0a7);

								} // :hover
								
							} // .btn

							.paging {

								float: right;
								background-color: #333333;
								height: 36px;
								line-height: normal;
								margin: 0 -20px 0 15px;	
								padding: 24px 15px 0 0;
								position: relative;

								&:before {

									content: '';
									position: absolute;
									top: 0;right: 100%;
									display: block;
									.background("sprites.png");
									background-position: -238px 0; // Sprites: .paging-start;
									width: 60px;
									height: 60px;

								} // :before							

								a {

									text-indent: -9999px;
									margin: 0 3px;

									&:hover {

										position: relative;
										top: 1px;left: 1px;
										background-position: -210px -67px ; // Sprites: .bullet-on;

									} // :hover

									&.bullet-on {

										position: relative;
										top: 1px;left: 1px;

									} // .bullet-on

								} // a

							} // .paging

						} // .inner

					} // .info

				} // .item

				.controls {

					a {
						
						margin-top: -23px;
						left: -60px;

						&.next {

							right: -60px;

						} // .next

					} // a

				} // .controls

			} // #hp-slideshow 

		} // #main

	} // #content.homepage

} // #content 

/*******************************************************************************************************************
*  MAIN
*******************************************************************************************************************/
#main {

	background-color: #fff;

	> .inner {

		padding: 30px;		

	} // .inner

	/*******************************************************************************************************************
	*  Intro on content page                                                                                                         
	*******************************************************************************************************************/
	#intro {

		background-color: #eeeeee;
		border-bottom: 1px solid #dddddd;
		position: relative;
		.clearfix();

		.main {

			float: left;
			width: 600px;
			font-family: @titleFontFamily;
			font-size: 1.4em;

			p:last-child {

				margin: 0;

			} // :last-child

		} // .main

		.aside {

			float: right;
			width: 280px;
			font-size: 1.2em;

			p:last-child {

				margin: 0;

			} // :last-child

		} // .aside

		.show-options {

			margin: 0;
			position: absolute;
			bottom: -1px;right: 30px;
			line-height: 40px;

			span {

				float: left;
				margin-right: 20px;
				color: @lessColor;

			} // span

			a {

				display: block;
				.size(40px,40px);
				text-align: center;
				background-color: #dddddd;
				float: left;

				&.active, &:hover {

					background-color: #fff;

				} // .active, :hover

			} // a

		} // .show-options
 
	} // #intro

	/*******************************************************************************************************************
	*  Panel on content page                                                                                                         
	*******************************************************************************************************************/
	#panel {

		background-color: #eeeeee;
		border-bottom: 1px solid #dddddd;
		position: relative;
		.clearfix();

		&.inner {

			padding: 0 30px;
			line-height: 50px;

		} // .inner

		.place-info {

			color: #94c898;
			float: left;
			text-transform: uppercase;			

			i {

				margin-left: 5px;
				position: relative;
				top: 2px;left: -5px;

			} // i

		} // .place-info	

		.controls {

			margin: 0;
			float: right;
			padding-top: 10px;

			.btn {

				float: left;

			} // .btn

			> .btn {

				margin-right: 10px;

				i {

					position: relative;
					top: 2px;
					margin-right: 5px;

				} // i

			} // > .btn

			.btn-group {

				> .btn {

					i {

						position: relative;
						top: 2px;

					} // i

					&.first {

						margin-right: -1px;

						.border-radius(2px 0 0 2px);

					} // .first

					&.last {

						.border-radius(0 2px 2px 0);

					} // .first

				} // > .btn

			} // .btn-group

		} // .controls
 
	} // #panel

	/* ---------------------------------------------------------------------------------------------------------- */
                                                                            
	/* ul, ol etc. for content page */
	ul {

		line-height: 2.0em;
		margin-bottom: 25px;
		margin-left: 20px;

		li {

			padding-left: 15px;
			position: relative;

			&:before {

				content: '';
				position: absolute;
				top: 9px;left: 0;
				.background("sprites.png");
				background-position: -131px -79px; // Sprites: .li;
				width: 5px;
				height: 5px;

			} // :before

		} // li

		&.style-ok {

			li {

				padding-left: 20px;

				&:before {

					content: '';
					position: absolute;
					top: 7px;left: 0;
					.background("sprites.png");
					background-position: -171px -54px; // Sprites: .ok-small;
					width: 13px;
					height: 11px;

				} // :before

			} // li

		} // .list-ok

	} // ul

	/* ---------------------------------------------------------------------------------------------------------- */

	/* Homepage & content cols */
	.cols {

		padding-top: 20px;
		margin-left: 0;
		.clearfix();

		> li {

			float: left;
			width: 30%;
			padding: 0;

			&:before, &:after {

				display: none;

			}

			.head {

				padding: 0 0 0 65px;
				position: relative;
				min-height: 70px;
				margin-bottom: 20px;

				.icon {

					position: absolute;
					top: 0;left: 0;
					width: 50px;height: 70px;
					border-bottom: 1px solid #dddddd;

				} // .icon

				&.small {

					padding: 0 0 0 45px;
					min-height: 50px;					

					.icon {

						position: absolute;
						top: 0;left: 0;
						width: 30px;height: 50px;
						border-bottom: 1px solid #dddddd;

					} // .icon

					h3 {

						font-size: 1.3em;
						display: table-cell;
						vertical-align: middle;
						height: 30px;

					} // h3

				} // .head.small

			} // .head

			p, ul {

				margin-bottom: 25px;
				margin-left: 0;

				&.high {

					margin-bottom: 10px;

				} // .high

			}  // p, ul

			&.middle {

				margin: 0 5%;

			} // .middle

		} // > li

	} // .cols

	/* Contact cols */
	.contact-cols {

		margin-left: 0;
		.clearfix();

		> li {

			float: left;
			width: 30%;
			padding: 0;

			&:before, &:after {

				display: none;

			}			

			h3 {

				font-size: 1.3em;
					
				&:after {

					content: '';
					display: block;
					width: 50px;
					height: 1px;
					margin-top: 10px;
					border-bottom: 1px solid #dddddd;

				} // :after

			} // h3

			p strong, address strong, dt {

				color: @highColor;
				font-weight: bold;

			} // p strong, address strong, dt

			dl {

				line-height: 1.6em;
				margin-bottom: 5px;
				.clearfix();

				dt {

					float: left;
					width: 70px;

				} // dt

				dd {

					float: left;

				} // d

			} // dl

			.hours {

				line-height: 32px;
				position: relative;
				padding-left: 40px;
				color: @highColor;
				font-weight: bold;

				i {

					position: absolute;
					top: 0;left: 0;

				} // i

			} // .hours

			.hours-info {

				font-style: italic;
				color: @lessColor;

			} // .hours-info

			&.middle {

				margin: 0 5%;

			} // .middle

		} // > li

	} // .contact-cols

	/*******************************************************************************************************************
	*  Projects-list                                                                                                         
	*******************************************************************************************************************/
	.projects-list {

		margin-right: -40px;
		margin-left: 0;
		.clearfix();

		li {

			float: left;
			padding: 0;
			width: 280px;
			margin-right: 40px;
			height: 365px;
			margin-bottom: 20px;			

			&:before, &:after {

				display: none;

			} // &:before, &:after

			a {

				display: block;
				text-decoration: none;
				width: 100%;height: 100%;
				.background("shadow-small.png", no-repeat, 50% 100%);

				.thumb {

					position: relative;
					
					.overlay {

						position: absolute;
						top: 0;left: 0;
						background: #699e70;
						opacity: 0;
						.size(100%,100%);
						.transition(all 0.3s ease-in-out);

					} // .overlay

				} // .thumb

				.info {
							
					position: absolute;
					top: 208px;left: 0;
					width: 100%;

					.inner {

						background-color: #222222;
						margin: 0 20px;
						height: 130px;
						padding: 0 20px;
						position: relative;
						color: #aaaaaa;					
						border-bottom: 1px solid #000;

						h2 {

							color: #fff;
							font-size: 1.3em;
							padding-top: 15px;
							margin-bottom: 2px;
							font-weight: normal;

						} // h2

						.place-info {

							color: #94c898;
							padding-bottom: 7px;
							margin-bottom: 7px;
							text-transform: uppercase;


							i {

								margin-left: 5px;
								position: relative;
								top: 2px;left: -5px;

							} // i

						} // .place-info	

						.date-info {

							margin: 0;
							font-size: 11px;
							color: #999999;

						} // date-info				 
						
						.show-detail {

							display: block;
							text-indent: -9999px;
							position: absolute;
							bottom: -1px;right: 0;
							width: 53px;

							&:hover {

								background-position: -184px 0; // Sprites: .show-detail > hover change position;

							} // :hover

						} // .show-all					

					} // .inner

				} // .info

				&:hover {

					.thumb {

						.overlay {

							opacity: 0.8;

						} // .overlay

					} // .thumb

					.info {

						.inner {

							.show-detail {

								background-position: -184px 0; // Sprites: .show-detail > hover change position;

							} // .show-detail

						} // .inner

					} // .info					

				} // :hover

			} // a

		} // li

	} // .projects-list

	/* ---------------------------------------------------------------------------------------------------------- */

	.projects-list-rows {

		.project {

			border-bottom: 1px solid #dddddd;
			margin-bottom: 20px;
			padding-bottom: 20px;
			.clearfix();			

			.thumb {

				display: block;
				float: left;
				width: 280px;
				margin-right: 40px;
				position: relative;

				.overlay {

					position: absolute;
					top: 0;left: 0;
					background: #699e70;
					opacity: 0;
					.size(100%,100%);
					.transition(all 0.3s ease-in-out);

				} // .overlay

				&:hover {

					.overlay {

						opacity: 0.8;

					} // .overlay

				} // :hover

			} // .thumb

			.info {

				width: 280px;
				float: left;

				h2 {

					color: #699e70;
					margin-top: 0;
					font-weight: normal;
					font-size: 1.6em;
					padding-top: 5px;

				} // h2

				.date-info {

					> span {

						display: block;
						border-bottom: 1px solid #eeeeee;
						padding: 6px 0;

					} // > span

				} // .date-info

			} // .info

			.description {

				width: 280px;
				float: right;

				.place-info {

					color: #94c898;
					text-align: right;	
					margin-bottom: 15px;	
					text-transform: uppercase;	

					i {

						margin-left: 5px;
						position: relative;
						top: 2px;left: -5px;

					} // i

				} // .place-info	

				p {

					line-height: 1.8em;
					margin-bottom: 15px;

					&:last-child {

						margin: 0;

					} // :last-child

				} // p

			} // .description

		} // .project

	} // .projects-list-rows

	/*******************************************************************************************************************
	*  Project detail                                                                                                        
	*******************************************************************************************************************/
	#project-detail {

		#main-thumb {

			padding: 9px;
			border: 1px solid #dddddd;
			position: relative;
			margin-bottom: 40px;

			img {

				max-width: 100%;

			} // img

			&:before {

				content: '';
				display: block;
				height: 2px;
				background-color: #f6f6f6;
				border: 1px solid #dddddd;
				border-bottom: 0;
				position: absolute;
				top: -4px;left: 1%;
				margin-left: -1px;
				width: 98%;

			} // :before

			&:after {

				content: '';
				display: block;
				height: 2px;
				background-color: #f6f6f6;
				border: 1px solid #dddddd;
				border-bottom: 0;
				position: absolute;
				top: -7px;left: 2%;
				margin-left: -1px;
				width: 96%;

			} // :after

			.info {
						
				position: absolute;
				bottom: -10px;left: 0;
				width: 100%;

				.inner {

					background-color: #222222;
					margin: 0 20px;
					height: 40px;
					padding: 0 20px;
					position: relative;
					color: #aaaaaa;
					line-height: 40px;
					border-bottom: 1px solid #000;

					p {

						margin: 0;
						line-height: 40px;

					} // p				

				} // .inner

			} // .info

		} // #main-thumb

		/* ---------------------------------------------------------------------------------------------------------- */

		.thumbs-list {

			margin-left: -10px;

			a {

				display: block;
				float: left;
				padding: 9px;
				border: 1px solid #dddddd;
				margin-left: 10px;
				margin-bottom: 10px;
				position: relative;

				> div {

					position: relative;

				} // > div

				.overlay {

					position: absolute;
					top: 0;left: 0;
					background: #699e70;
					opacity: 0;
					.size(100%,100%);
					.transition(all 0.3s ease-in-out);

				} // .overlay

				&:hover {

					border-color: #94c898;

					.overlay {

						opacity: 0.8;

					} // .overlay

				} // :hover

			} // a

		} // .thumbs-list

		/* ---------------------------------------------------------------------------------------------------------- */

		.title {

			display: block;
			margin-bottom: 15px;
			font-size: 1.3em;
			font-family: @titleFontFamily;
			color: #000;
			line-height: 1.5em;

		} // .title

	} // #project-detail

} // #main


/*******************************************************************************************************************
*  FOOTER                                                                                                         
*******************************************************************************************************************/
#footer {  
  	
  	padding: 20px 0;
  	border-top: 1px solid #e0e0e0;
	background-color: @footerBackgroundColor;       

	p {

		padding: 0 20px;
		margin: 0;

		a {

			color: @baseColor;

			&:hover {

				color: @highColor;

			} // :hover

		} // a

		.copyright {

			display: block;
			margin-bottom: 8px;
			color: @lessColor;

		} // .copyright

		.contact {

			i {

				position: relative;
				top: 2px;
				margin-right: 5px;

			} // i

		} // .contact

		/* ---------------------------------------------------------------------------------------------------------- */

		&.column-right {

			text-align: right;

			span {

				padding: 0 5px;

			} // span 

			a.breezy {

				display: inline-block;
				text-decoration: none;
				color: @lessColor;

				i {

					position: relative;
					top: 8px;
					margin-left: 5px;

				} // i

				&:hover {

					color: @baseColor;

				} // :hover

			} // a.breezy

		} // .column-right

	} // p

} // #footer 

/*******************************************************************************************************************
*  OTHER                                                                                                         
*******************************************************************************************************************/

.text, textarea {

	border: 1px solid #dddddd; 
	background-color: #fff;
	padding: 7px 3%;
	width: 94%;
	.transition(all 0.3s ease-in-out);

	&.error {
	
		border-color: #f15c4f;
		color: #f15c4f;
		
	} // .error

	&:focus {
	
		border-color: #999999;
		outline: 0 !important;
	
	} // :focus;

} // .text, textarea

textarea {

	min-height: 80px;

} // textarea

.btn, .btn:link {

	cursor: pointer;
	text-decoration: none !important;  
	display: inline-block;
	color: @highColor;
	.border-radius(2px);
	font-weight: bold;
	font-family: @fontFamily;
	font-size: 12px;
	border: 1px solid #dddddd;
	border-bottom-color: #bcbcbc;
	.gradient(#fefefe,#efefef);
	padding: 7px 13px;
	line-height: normal;
	text-transform: uppercase;
	.transition(none);

	&:hover {

		border-color: #517c57;
		border-color: #6a9e70;
		.gradient(#93c897, #7cbb82);
		.box-shadow(0 0 2px #e3e3e3);
		color: #fff;

	} // :hover

	&.btn-primary {

		border-color: #699e70;
		.gradient(#93c897, #7dbc83);
		.box-shadow(0 0 2px #e3e3e3);
		color: #fff;

		&:hover {

			border-color: #517c57;
			.gradient(#79ba7f, #5caa64);
			.box-shadow(0 0 2px #e3e3e3);
			color: #fff;

		} // :hover

	} // .btn-primary

} // .btn

/* ---------------------------------------------------------------------------------------------------------- */

.two-cols {

	.clearfix();

	.column-left, .column-right {

		width: 48%;

	} // .column-left, .column-right

	.main {

		float: left;
		width: 600px;

	} // .main

	.aside {

		float: right;
		width: 280px;		

	} // .aside

} // .two-cols

.column-left {

	float: left;

} // .column-left

.column-right {

	float: right;

} // .column-right

/* ---------------------------------------------------------------------------------------------------------- */

form {

	.background("pattern.gif", repeat);

	fieldset {

		padding: 20px;

		h3 {

			color: @linkColor;
			font-weight: normal;
			font-size: 1.9em;

		} // h3

		.inputs-row {

			width: 100%;
			padding-top: 17px;
			.clearfix();

			.element {

				label {

					display: block;
					margin-bottom: 10px;
					font-weight: bold;
					color: @highColor;

					> span {

						color: #c64058;

					} // > span

				} // label

				textarea {

					width: 543px;

				} // textarea

			} // .element

			&.cols {

				.element {

					width: 180px;
					float: left;

					.text {

						width: 162px;

					} // .text					

					&.middle {

						margin: 0 10px;

					} // .element.middle

				} // .element

			} // .inputs-row.cols

		} // .inputs-row

		.submit-row {

			padding-top: 15px;
			.clearfix();

			p {

				float: left;

				> span {

					color: #c64058;
					
				} // > span

			} // p

			.btn {

				float: right;

			} // .btn

		} // .inputs-row

	} // fieldset

} // form

.text, textarea {

	border: 1px solid #b2b2b2;
	padding: 8px;
	.box-shadow(inset 0 2px 2px #e6e6e6);
	.border-radius(3px);

	&.error-field {

		border-color: #ce8f9f;
		color: #ce8f9f;
		background-color: #faedef;

	} // .error-field

}

.alert {

	color: #fff;
	padding: 5px 10px 5px 30px;
	position: relative;
	margin-bottom: 5px;
	.border-radius(3px);

	i {

		position: absolute;
		top: 50%;left: 10px;
		margin-top: -7px;

	} // i

	&.success {

		background-color: #699e70;

	} // .alert.success

	&.error {

		background-color: #c74158;

	} // .alert.error

} // .alert

/* ---------------------------------------------------------------------------------------------------------- */

.slider-init {

	position: relative;

	.slider-content {

		overflow: hidden;		

		.list {

			margin: 0 !important;
			position: relative;

			.item {

				padding: 0 !important;
				float: left;

				&:before, &:after {

					display: none;

				} // &:before, &:after

			} // .item

		} // .list

	} // .slider-content

	.controls {

		a {

			display: block;
			text-indent: -9999px;
			position: absolute;
			top: 50%;			

			&.next {

				left: auto !important;

			} // .next

		} // a

	} // .controls

} // .slider-init

/* ---------------------------------------------------------------------------------------------------------- */

.high {

	font-weight: bold;
	color: @linkColor;

} // .high

hr.sep {

	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #dddddd;
	margin: 0 0 40px;

} // hr.sep

img.float-right {

	float: right;
	margin-left: 30px;
	margin-right: -30px;

} // img.float-right

.high-text {

	font-family: @titleFontFamily;
	color: #1f1f1f;
	font-size: 1.3em;

} // .high-text

/* ---------------------------------------------------------------------------------------------------------- */

@import "mixins.less";
@import "display.less";