@import url("Edwardian/stylesheet.css");
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body {
	background: url(../images/body-bg.jpg) 50% 0 no-repeat #051926;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #058ed7;
	min-width: 1010px;
}
html, body { height:100%;}


p {padding-bottom:20px;}

a {
	color:#fff; 
	outline:none;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration: underline;
	float: none;
}

h1 {
	float:left;
	padding:29px 0 30px 2px;
	margin-left:-3px;
}

h1h {
	float:left;
	padding:2px 0 0px 2px;
	margin-left:-3px;

}


h1hindex {
	float:left;
	padding:2px 0 0px 2px;
	margin-left:-3px;

}

	h1h a {
	display: block;
	width: 1010px;
	height: 133px;
	text-indent: -5000px;
	background: url(../images/younique_logo_top_bar.png) no-repeat;
		
	}


	h1hindex a{
	display:block;
	width: 600px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/logo2.png) no-repeat;
	}



	h1 a {
	display: block;
	width: 400px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/logo.png) no-repeat;
		
	}
	
	
	
h2{
	padding:36px 0 0 0;
	font-size:42px;
	line-height:1.2307em;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	
}

h3{
	font-size:22px;
	line-height:1.2307em;
	color:#058ed7;
	text-transform:uppercase;
	margin-top:-7px;
	padding-bottom:28px;
	letter-spacing:-1px;
}
h3b{
	font-size:17px;
	line-height:1.2307em;
	color:#058ed7;
	text-transform:uppercase;
	margin-top:-7px;
	padding-bottom:28px;
	letter-spacing:-1px;
}
h4{
	color:#1f232c;
	font-size:16px;
	line-height:1em;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding:2px 0 1px 0;
}

hcomment{
	color:#058ed7;
	font-size:13px;
	line-height:1em;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding:2px 0 1px 0;
}

/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 1010px;
	padding-bottom: 38px;
	}

	/* Header */
	header{
		
	}
		
		
	.inside{
	float: right;
	padding-top: 48px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 19px;
	line-height: 1.2105em;
	color: #F00;
	text-align: right;
	}
		.inside div{
	color: #FF0000;
		}
		.inside span{
			font-size:12px;
			line-height:1.9166em;
			display:inline-block;
			margin-top:2px;
		}
	/* Content */
	section#content {
		background:#03121c url(../images/content-bg-light.png) 0 0 no-repeat;
	}			
	/* Footer */
	footer{
		background:#03121c;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.wrapperindex {width: 100%;
overflow:hidden;
position:relative;
}


.wrapperb {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
nav {
	width:100%;
	background:#0469a9 url(../images/menu-bg2.jpg) repeat-x;
	height:50px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu li {
	float: left;
	font-size: 20px;
	/* [disabled]line-height: 0.8em; */
	letter-spacing: -1px;
	position: relative;
	z-index: 30;
	padding: 14px 14px 5px 14px;
	font-family:Arial, Helvetica, sans-serif;
	/* [disabled]margin-right: 5px; */
}

.sf-menu > li > a {
	color:#fff;
}

.sf-menu li li {
	background:#0b2536;
	margin-bottom:1px;
	font-size:12px;
	line-height:2.3333em;
	text-transform:uppercase;
	padding:0;
	
}
	.sf-menu li .last{
		margin-bottom:0;
	}
	.sf-menu li li a {
		padding:1px 0 1px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		display:block;
		letter-spacing:normal;
	}
	
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			210px; 
	display:none;
	background:#09334f;
}

.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			25px;
	top:			65px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			191px; /* match ul width */
	top:			-10px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			00px;
}

.sf-menu li.sfHover > a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
	color: #051f31;
	text-decoration: none;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
	.sf-menu li li.sfHover > a,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a.active {
		color:#55c1fb;
	}
		.sf-menu li li li.sfHover > a,
		.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a.active {
			
		}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.items {
	display:none;
}
.slider {
	height: 400px;
	position: relative;
}

.pagination {
	position:absolute;
	z-index:20;
	bottom:30px;
	left:28px;
	height:16px;
}
	.pagination li {
		float:left;
		padding:0 0 0 2px;
	}
		.pagination li a {
			font-size:0;
			line-height:0;
			display:inline-block;
			width:16px;
			height:16px;
			background: url(../images/pagination.png) -18px 0 no-repeat;
			
		}
			.pagination li a:hover, .pagination .current a{
				background: url(../images/pagination.png) 0 0 no-repeat;
			}
.banner {
	position:absolute;
	display:block;
	z-index:20;
	background:none;
	color:#fff;
	
}
	.poz-1{
		right:40px;
		top:25px;
		text-align:right;
	}
	.poz-2{
		right:355px;
		top:110px;
		text-align:center;
	}
	.poz-3{
		right:40px;
		bottom:88px;
		text-align:right;
	}
		.banner span{
			display:block;
			
		}
		.text-1{
			font-size:54px;
			line-height:1.2em;
		}
		.text-2{
			font-size:77px;
			line-height:1.2em;
		}
		.text-3{
			color:#051926;
			font-size:64px;
			line-height:1.2em;
		}
		.text-5{
			font-size:47px;
			line-height:1.2em;
		}
		.text-6{
			font-size:64px;
			line-height:1.2em;
		}
		
.inner-carousel{
	padding:0 0 0 35px;
	height:105px;
}
.carousel {
	position:relative;
	margin-top:2px;
	width:530px;
	overflow:hidden;
}
.carousel li {
	float:left;
	width:180px;
	height:103px;
	margin-right:10px;
}
.c-prev {
	display: block;
	width: 27px;
	height: 63px;
	padding: 38px 0 0 7px;
	position: absolute;
	background: url(../images/carousel-bg-back.png) 0 0 no-repeat;
	left: 0px;
	top: 855px;
	z-index: 5;
		
	}
	.c-next {
	display: block;
	width: 27px;
	height: 63px;
	padding: 38px 0 0 6px;
	position: absolute;
	background: url(../images/carousel-bg-next.png) 0 0 no-repeat;
	top: 855px;
	left: 604px;
	z-index: 5
	}
/*===== content =====*/
#content {
}


.p1{
	color:#fff;
	font-size:17px;
	line-height:1.3529em;
	padding:21px 0 12px 0;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
}
.p5{
	color:#fff;
	font-size:17px;
	line-height:1.3529em;
	padding:0px 0 2px 0;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
}
.p6{
	padding-bottom:10px;
}
.link1{
	display:inline-block;
	background:#025ca5 url(../images/link1.gif) 0 0 repeat-x;
	font-size:16px;
	line-height:1.125em;
	color:#fff;
	padding:6px 9px 10px 12px;
	margin-top:6px;
	letter-spacing:-1px;
}
	.link1:hover{
		background:#032845 url(../images/link1.gif) 0 -35px repeat-x;
		text-decoration:none;
	}

.link2{
	color:#fff;
	font-size:14px;
	line-height:1.5384em;
	letter-spacing:-1px;
}
	.link2:hover{
		color:#058ed7;
		text-decoration:none;
		
	}
.link3{
	color:#adadad;
	font-size:14px;
	display:inline-block;
}

.link6{
	display:block;
	font-size:17px;
	text-shadow:1px 1px 2px rgba(255,255,255,0.8);
	padding-bottom:1px;
}
.link8{
	color:#356686;
	font-size:12px;
}
.inside2{
	height: 150px;
	font-size: 35px;
	line-height: 1.2307em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
}
	.inside2 span{
	color: #FFFFFF;
	display: inline-block;
	padding-left: 10px;
	}
	.inside2 div{
		color:#356686;
		font-size:21px;
		line-height:1.2307em;
		padding-bottom:2px;
		letter-spacing:0;
	}
	
.inside2b{
	height: 150px;
	font-size: 35px;
	line-height: 1.2307em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding-top:10px;
}

.img-indent1{
	float:left;
	margin:0 10px 0 0 ;
}


.p2{
	color:#fff;
	font-size:17px;
	line-height:1.3529em;
	padding-bottom:9px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
}
.p3{
	color:#fff;
	font-size:17px;
	line-height:1.3529em;
	padding:0 0 12px 0;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
}
.box{
	overflow:hidden;
	margin:0 0 15px 0;
}
.box span{
	display:block;
	float:left;
	width:60px;
	height:63px;
	margin:0 19px 0 0;
}
	.b-1{
		background:url(../images/2page_img7-1.png) no-repeat;
	}
	.b-2{
		background:url(../images/2page_img7-2.png) no-repeat;
	}
	
	.b-3{
		background:url(../images/2page_img7-3.png) no-repeat;
		margin-bottom:0;
	}
	.box p{
		line-height:1.5384em;
		padding-right:40px;
		font-size:13px;
	}
	
.comment{
	background:url(../images/comment-bg.png) no-repeat;
	margin:5px 0 24px 0;
	overflow:hidden;
}

.commentr{
	background:url(../images/comment-bgr.png) no-repeat;
	margin:5px 0 5px 0;
	overflow:visible;
	padding:0 3px 0 3px;
	font-style: italic;
}

.commentr2{
	background: url(../images/residential-bgc2.png) no-repeat;
	margin: 5px 0 5px 0;
	overflow: visible;
	padding: 0 3px 0 3px;
	font-style: italic;
}

.commentc{
	background:url(../images/comment-bgc.png) no-repeat;
	margin:5px 0 30px 0;
	overflow:visible;
	padding:0 3px 0 3px;
	font-style: italic;
	text-align: justify;
}

.commentc2{
	background: url(../images/comment-bgc2.png) no-repeat;
	margin: 5px 0 30px 0;
	overflow: visible;
	padding: 0 3px 0 3px;
	font-style: italic;
	text-align: justify;
}
	.comment p{
		font-style:italic;
		line-height:1.0em;
		font-size:10px;
		padding:16px 18px 0 17px;
		text-indent: 20px;
	}
	
		.comment r{
		font-style:italic;
		line-height:1.0em;
		font-size:10px;
		padding:16px 18px 0 17px;
		text-indent: 20px;
	}
	
	.comment span{
		padding-top:46px;
		display:inline-block;
		font-size:16px;
		color:#356686;
		font-weight:bold;
		letter-spacing:-1px;
	}
	.link5{
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:49px 0 0 5px;
		display:inline-block;
	}
.list{
	background:#f9f9f9;
	overflow:hidden;
	margin-top:49px;
}
	.list li{
		margin-bottom:1px;
		padding:14px 0 14px 14px;
		border:1px solid #e9e9e9;
	}
	.list .last{
		margin-bottom:0px;
	}
		.list li img{
			float:left;
			margin-right:10px;
		}
	.list li:hover{
		background:url(../images/aside-nav-bg.gif) repeat-x;
		border-color:#0265ac;
		
	}
	.list li a:hover{
		color:#fff;
		text-decoration:none;
	}

.list4{
	background:#f9f9f9;
	overflow:hidden;
	margin-top:49px;
}
	.list4 li{
		margin-bottom:1px;
		padding:15px 0 7px 14px;
		border:1px solid #e9e9e9;
	}
	.list4 .last{
		margin-bottom:0px;
	}
		.list4 li h4{
			padding-bottom:8px;
		}
		.list4 li img{
			float:left;
			margin-right:10px;
		}
		
		.list4db{
	background:#f9f9f9;
	overflow:hidden;
	margin-top:49px;
}
	.list4db li{
		margin-bottom:1px;
		padding:15px 0 7px 14px;
		border:1px solid #e9e9e9;
	}
	.list4db .last{
		margin-bottom:0px;
	}
		.list4db li h4{
			padding-bottom:8px;
		}
		.list4db li img{
			float:left;
			margin-right:10px;
		}
		
.list4db li img{
	float: left;
	/* [disabled]margin-right:10px; */
		}
		
.indent-top{
	margin-top:0;
}

.list2{
	overflow:hidden;
	padding-bottom:17px;
}
	.list2 li{
	background: url(../images/marker2.png) 0 52% no-repeat;
	padding-left: 32px;
	font-size: 14px;
	color: #058ed7;
	font-style: italic;
	line-height: 2.1428em;
	}
		.list2 li a{
			font-size:14px;
			color:#00b2d8;
			font-style:italic;
			line-height:2.1428em;
		}
		
.list3{
	overflow:hidden;
}
	.list3 li{
		float:left;
		width:213px;
		padding-bottom:33px;
	}
	.list3 .last{
		width:204px;
	}
		.list3 li a{
			display:block;
			width:130px;
			font-size:17px;
			line-height:1.3529em;
			text-shadow:1px 1px 2px rgba(255,255,255,0.8);
			padding:21px 0 0 0;
		}

.map iframe{
	width:470px;
	height:212px;
}
	.map .p4{
		padding:0 0 12px 0;
	}
.adress{
	padding-bottom:44px;
}
	.adress img{
		float:left;
		margin:5px 10px 10px 0;
	}
	.adress p{
		padding:0;
	}
	.phone{
		display:inline-block;
		width:70px;
	}
.brochure{
	background:url(../images/bg-brochure.gif) 0 0 no-repeat;
	height:71px;
	margin-top:12px;
	padding:17px 0 0 78px;
}

	.brochure span{
		font-size:30px;
		text-transform:uppercase;
		color:#fff;
		letter-spacing:-1px;
		overflow:hidden;
	}
	.link4{
		color:#152b4d;
		font-size:15px;
		display:inline-block;
		padding-left:2px;
	}
		.link4:hover{
			color:#fff;
			text-decoration:none;
		}
.tooltips{
	padding-bottom:60px;
	overflow:hidden;
}
.tooltips li{
	float:left;
	width:42px;
}
.line{
	background:url(../images/line.gif) repeat-x;
	padding:1px;
	
}
.p7{
	padding:8px 0 58px 0; 
}
.indent-right{
	padding-right:25px;
}
.indent-r{
	margin-right:4px;
}
.indent-bottom{
	padding-bottom:24px;
}
.indent-bottom2{
	padding-bottom:22px;
}
.indent{
	padding-top:38px;
}
.indent2{
	padding-bottom:21px;
}
.indent2-2{
	padding-bottom:18px;
}
.indent3{
	padding-bottom:25px;
}

.indent-left{
	padding-left:84px;
}
.pad1{
	padding-bottom:54px;
}
.pad1-1{
	padding-bottom:50px;
}
.pad1-2{
	padding-bottom:63px;
}
.pad2{
	padding-top:30px;
}
.pad2-2{
	padding-bottom:27px;
}
.pad3{
	padding-top:70px;
}
.pad4{
	padding-top:2px;
}
.pad5{
	padding-top:49px;
}
/*===== footer =====*/
#footer {
	
}

.pad{
	padding:26px 0 40px 0;
}
.pad-f{
	padding:34px 0 40px 0;
}
.footer-menu{
	float:left;
}
	.footer-menu li{
		float:left;
		font-size:20px;
		line-height:1.2307em;
		margin-right:15px;
	}
		.footer-menu li a{
			color:#fff;
			letter-spacing:-1px;
		}
		.footer-menu li .active, .footer-menu li a:hover{
			color:#058ed7;
			text-decoration:none;
		}
		
		
.copyright{
	float:right;
	padding-top:8px;
}
	.copyright a{
		color:#356686;
		margin-left:20px;
	}
/*----- forms -----*/
#subscribe-form{
	padding-top:25px;
}

	#subscribe-form input {
		width:192px;
		float:left;
		padding:9px 10px 11px 10px;;
		border:none;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:1.2307em;
		background:#061c2a;
		color:#356686;
	}
.link-subscr{
	float:left;
	display:block;
	background:url(../images/link1.gif) 0 0 repeat-x;
	padding:7px 19px 10px 15px;
	font-size:16px;
	letter-spacing:-1px;
}
	.link-subscr:hover{
		text-decoration:none;
		background:url(../images/link1.gif) 0 -35px repeat-x;
	}
	
.link-unsubscr{
	color:#356686;
	font-size:16px;
	padding-top:10px;
	font-weight:bold;
	display:inline-block;
	letter-spacing:-1px;
}
	.link-unsubscr:hover{
		color:#058ed7;
		text-decoration:none;
		
	}
#contact-form {
	vertical-align:top;	
	padding:27px 0 0 0;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;			
			position:relative;
			height:43px;
			overflow:hidden;
			}
			#contact-form input {
				width:331px;
				padding:7px 10px 9px 15px;
				background:#061c2a;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:none;
				border-bottom:none;
				line-height:1.3em;
				font-size:13px;
				display:block;
				color:#767676;
				overflow:hidden;
				margin:0;
				}
				
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form textarea {
				line-height:1.2307em;
				width:330px;
				height:295px;
				padding:8px 10px 9px 15px;
				background:#061c2a;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:none;
				border-bottom:none;
				line-height:1.3em;
				font-size:13px;
				display:block;
				color:#767676;
				overflow:auto;
			}
				#contact-form label {
					padding:0px 0 2px 5px;
					display:block;
					display:none;
				}
				#contact-form .rowElem label {
					font-size:11px;	
					line-height:1.2307em;
					position:absolute;
					left:73px;
					top:33px;
				}
				#contact-form .textarea-box label {
					padding:0px 0 2px 5px;
					font-size:11px;
					position:absolute;
					left:73px;
					top:318px;
				}
#contact-form .error {
				color:red;
			}

div#contact_form .download-box {
	margin:0px 30px 0 0;
	padding-top:24px;
}
#back {
	display:inline-block;
	background:#025ca5 url(../images/link1.gif) 0 0 repeat-x;
	font-size:16px;
	line-height:1.125em;
	color:#fff;
	padding:6px 9px 10px 12px;
	margin-top:6px;
	letter-spacing:-1px;
} 
	#back:hover{
		background:#032845 url(../images/link1.gif) 0 -35px repeat-x;
		text-decoration:none;
	}
.link7{
	padding:27px 0 0 73px;
}
	.link7 a{
		margin-right:4px;
		padding:6px 20px 10px 23px;
	}
.form{
	display:inline-block;
	width:73px;
	float:left;
	line-height:1.2307em;
	padding-top:7px;
}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */