@charset "utf-8";
/* CSS Document */
html {
	height:100%; 
	margin-bottom:1px; 
	overflow-y:scroll;
	}
body {
	background-color:#0f1d25; 
	color:#CCC; 
	font:normal normal normal 80%/125% arial,sans-serif; 
	height:100%;
	margin:auto;
	}
	
#web_main_layout {
width:970px;
margin:auto;
background-color:#171e22;
}

#header_layout {
width:100%;
height:250px;
background: url(../images/header.jpg) no-repeat;
background-position:100% 100%;
}

#logo_layout {
width:220px;
height:160px;
background: url(../images/logo.jpg) no-repeat;
}

#title_layout {
width:700px;
height:160px;
}

#handwriting_layout {
width:100%;
padding-top:40px;
padding-bottom:30px;
text-align:center;
}

#content_layout {
	width:95%;
	margin:auto;
}

#content_left_layout {
	width:65%;
	margin:auto;
}

#content_right_layout {
	width:27%;
	margin:auto;
}

#product_layout {
	margin-top:30px;
	margin-bottom:40px;
	width:95%;
	height:170px;
}

.product {
	width:25%;
	float:left;
	text-align:center;
}

#footer_layout {
	width:100%;
	height:35px;
	background:url(../images/footer_bg.gif) repeat-x;
}

#footer-text {
	font-size:12px;
	text-align:center;
	padding-top:12px;
}
	
/* Floats */
.float-left {float:left;}
.float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}

a {
	text-decoration:none;
	color:#FFFFFF;
}

p {
	padding-top:5px;
	padding-bottom:5px
}

hr {
	margin-top:10px;
	margin-bottom:20px
}

h1 {
text-shadow: 3px 3px 2px #000000;
font-size:30px;
letter-spacing:0px;
line-height:30px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
color:#FFFFFF;
padding-top:25px;
}

h2 {
color:#ff4d16;
font-size:18px;
padding-bottom:7px;
padding-top:3px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}


.Font_Handwriting {
font-family: 'Courgette', cursive;
color:#ff4d16;
font-size:35px;
}

.Font_Footer {
font-size:12px;
padding-top:12px;
}