/* 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:#FFFFFF; 
	font-family:Arial;
	font-size:300%; 
	line-height:1.555em;
	color:#5e5e5e;

}
html { min-width:980px; font-size:2em;}
html, body { height:100%;}


p {padding-top:14px;}
	.pad {
		padding-top:30px;
	}
	.pad1 {
		padding-top:10px;
	}
	.pad2 {
		padding-top:20px;
	}

a {
	color:#ee2154; 
	outline:none;
}
a:hover{
	text-decoration:none;
}


h1 {
	padding-top:1px ;
	float:left;
}
	h1 a {
		display:block;
		background:url(../img/logo.png) left top no-repeat;
		height:75px;
		width:260px;
		text-indent:-5000px;
	}

h3 {
	padding-top:6px;
	float:left;
}
	h3 a {
		display:block;
		background:url(../images/order-01.jpg) left top no-repeat;
		height:75px;
		width:209px;
		text-indent:-5000px;
	}
	
h2 {
	font-size:4em;
	line-height:1.2307em;
	color:#ee2154;
	padding-bottom:24px;
	text-transform:none;
	margin-top:0px;
}
	.h2-pad {
		padding-left:12px;
	}
/* Global Structure ============================================================= */
.main {
	margin:  auto;
	width: 1000px; }

	/* Header */
	header{
		height:145px;
		background:url(../img/bg_inner_s.png)
	}
		
	/* Content */
	section#content {
	}
	
	/* Sidebar */
	aside{
	}
			
	/* Footer */
	footer{
		height:100px;
		position:relative;
		background:url(../img/bg_footer.png)
	}
		footer .main {
			text-align:right;
		}
		footer a {
			color:#565656;
		}




/* 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;
}

/* The inside class provides consistent padding. To be used often! */

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

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

.block {height:60px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px; position:relative; }
body, html {height:100%;}


/*===== header =====*/
nav {
	float:right;
	padding-top:20px;
}
	nav li {
		float:left;
		font-size:2em;
		line-height:;
		padding-left:10px;
	}
		nav li a {
			text-decoration:none;
			color:#000000;
			text-transform:none;
		}
			nav li a:hover, nav .active a {
				color:#ee2154;
			}

/*===== content =====*/
.menu {
	float:left;
	width:197px;
	margin-right:20px;
}
	.menu li {
		font-size:0;
		line-height:0;
		padding-bottom:20px;
	}
		.menu li a {
			display:block;
			width:100%;
			height:112px;
			text-decoration:none;
		}
	.m1 a {
		background:url(../images/m1.gif) left top no-repeat;
	}
	.m2 a {
		background:url(../images/m2.gif) left top no-repeat;
	}
	.m3 a {
		background:url(../images/m3.gif) left top no-repeat;
	}
	.m4 a {
		background:url(../images/m4.gif) left top no-repeat;
	}
	
	
	.m1 a:hover, .m1 .active {
		background:url(../images/m1-active.gif) left top no-repeat;
	}
	.m2 a:hover, .m2 .active {
		background:url(../images/m2-active.gif) left top no-repeat;
	}
	.m3 a:hover, .m3 .active {
		background:url(../images/m3-active.gif) left top no-repeat;
	}
	.m4 a:hover, .m4 .active {
		background:url(../images/m4-active.gif) left top no-repeat;
	}
	
.images {
	float:left;
	width:764px;
}
	.images li {
		padding-bottom:20px;
	}

figure {
	float:left;
	width:573px;
	margin-right:20px;
	position:relative;
}
	figure span {
		display:block;
		height:27px;
		background:url(../images/png-bg.png) left top repeat;
		padding:16px 0 0 15px;
		margin-top:-43px;
		position:relative;
	}
		figure span em {
			display:inline-block;
			background:url(../images/figure-marker.gif) left 2px no-repeat;
			line-height:1.2307em;
			color:#fff;
			font-style:normal;
			padding-left:14px;
		}
.gallery {
	float:left;
	width:171px;
}
	.gallery img {
		margin:0 19px 19px 0;
	}
	.gallery .last {
		margin-right:0;
	}
	
#content {
	background:#f2f2f2;
	height:508px;
	width:100%;
}

.col-pad {
	padding-right:80px;
}
	.indent {
		padding:30px 28px 31px 39px;
	}
	
.divider {
	background:url(../images/divider-bg.gif) 578px 0px repeat-y;
}
.divider1 {
	background:url(../images/divider-bg.gif) 321px 0px repeat-y;
}

.col-indent {
	padding-left:13px;
}
.border {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:20px;
	margin-bottom:20px;
}

.title {
	color:#3d3d3d;
	font-family:Verdana, Geneva, sans-serif
}
.link {
	background:url(../images/link-bg.gif) right 5px no-repeat;
	padding-right:23px;
	display:inline-block;
	margin-top:25px;
}
	.link-margin {
		margin:0 0 0 15px
	}
	.link-margin1 {
		margin-top:40px;
	}
	
.list {
	
}
	.list li {
		background:url(../images/list-marker.gif) left 6px no-repeat;
		line-height:2em;
		padding-left:9px;
	}
	
.phone {
	display:inline-block;
	width:80px;
}
/*===== footer =====*/
#footer {

}


/*----- forms -----*/
#contacts-form {
	padding-top:24px;
}
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:57px;
		overflow:hidden;
		vertical-align:top;
	}
	.column1 {
		float:left;
		width:274px;
	}
		#contacts-form input {
			width:220px;
			padding:4px 0px 3px 5px;
			border:1px solid #d4d4d4;;
			line-height:1.2307em;
			background:#fff;
		}
		#contacts-form .textarea-box {
			float:left;
			width:251px;
		}
		#contacts-form textarea {
			width:244px;
			padding:3px 0px 3px 5px;
			border:1px solid #d4d4d4;;
			background:#fff;
			height:70px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:20px;
		}

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