﻿/*==================================================================

Project:		[GGS]
Version:		1.0
Last update:	27/07/2009

=====================================================================*/

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color:#feca04;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
.clear { 
	clear:both; 
}
.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}

/* Global Elements
=====================================================================*/
body {
	background:#fff url(../product_images/578/background_1.png) repeat-x;
	font-family:"Trebuchet MS", Arial, serif;
	min-height:100%;
	font-size:12px;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#container {
	width:100%;
	background:url(../product_images/578/footer.png) repeat-x 0 100%;
}
#wrapheader {
	width:100%;
	background:url(../product_images/578/header.jpg) no-repeat 50% 0;
}
#wrapper {
	width:860px;
	margin:0 auto;
}
#header {
	width:860px;
	height:206px;
}
#logo{
	width:281px;
	height:102px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	text-indent:-5000px;
	margin:23px 0 0 0;
}
#logo span{
	background:url(../product_images/578/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#butshop{
	width:160px;
	height:52px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:right;
	text-indent:-5000px;
	margin:52px 0 0 0;
}
#butshop span{
	background:url(../product_images/578/but_shop.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#headertop {
	width:860px;
	height:145px;
}
#mainmenu {
	height:61px;
	width:860px;
}
#mainmenu li {
	height:61px;
	float:left;
	display:inline;
	background:url(../product_images/578/sepmenu.png) no-repeat 100% 5px;
	padding:0 4px 0 3px;
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	height:41px;
	float:left;
	display:inline;
	padding:20px 23px 0 23px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	font-family:Arial, verdana, serif;
}
#mainmenu li a:hover, #mainmenu li.active a{
	background:url(../product_images/578/back_hover.png) repeat-x;
	color:#feca04;
	text-decoration:none;
}
#intro {
	width:860px;
	height:220px;
	background:url(../product_images/578/back_intro.png) no-repeat;
}
#placeintro {
	width:860px;
	height:220px;
	position:relative;
}
#listintro {
	width:490px;
	float:left;
	padding:30px 0 0 0;
}
#listintro li {
	width:465px;
	padding:0 0 0 25px;
	background:url(../product_images/578/bullet.png) no-repeat;
	font-family:"Trebuchet MS", arial, serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:0 0 15px 0;
}
#imgintro {
	width:379px;
	height:226px;
	position:absolute;
	z-index:100;
	right:0;
	top:0;
	background:url(../product_images/578/intro.png) no-repeat
}
#content {
	width:860px;
	padding:0 0 15px 0;
}
#front1 {
	width:410px;
	float:left;
	background:url(../product_images/578/sepfront.png) no-repeat 100% 0;
	padding:15px 22px 0 0;
}
#front1 p, #front2 p {
	font-size:12px;
	color:#232323;
	line-height:1.4em;
	padding:0 0 10px 0;
}
#front1 h1, #front2 h1 {
	font-size:26px;
	color:#353535;
	padding:0 0 10px 0;
}
#front1 ul, #front2 ul {
	padding:0 0 10px 20px;
}
#front1 ul li, #front2 ul li{
	background:url(../product_images/578/bullet1.png) no-repeat 0 7px;
	font-size:12px;
	color:#232323;
	padding:0 0 0 10px;
	margin:0 0 3px 0;
}
.imgright {
	float:right;
	margin:5px 0 10px 10px;
}
.butorder {
	width:180px;
	height:40px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:right;
	margin:5px 0 0 0;
}
.butorder span{
	background:url(../product_images/578/but_order.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#front2 {
	width:415px;
	float:left;
	padding:15px 13px 0 0;
}
/* Inner page
=====================================================================*/
body#innerpage {
	background:#fff url(../product_images/578/background_2.png) repeat-x;
}
#innercontent {
	width:860px;
	padding:25px 0 0 0;
}
#innercontent h1 {
	font-size:25px;
	color:#191919;
	padding:0 0 10px 0;
}
#innercontent p {
	font-size:1.1em;
	color:#232323;
	padding:0 0 10px 0;
}
#innercontent h2 {
	font-size:18px;
	color:#191919;
	padding:0 0 5px 0;
}
#innercontent ul {
	padding:0 0 10px 20px;
}
#innercontent ul li {
	background:url(../product_images/578/bullet2.png) no-repeat 0 8px;
	font-size:13px;
	color:#232323;
	padding:0 0 0 10px;
	margin:0 0 3px 0;
}
/* Footer
=====================================================================*/
#footer  {
	width:860px;
	height:128px;
	background:url(../product_images/578/back_footer.jpg) no-repeat;
}
#footerleft {
	width:365px;
	float:left;
	display:inline;
	margin:25px 0 0 75px;
}
#footerleft p {
	font-size:12px;
	color:#fff;
	font-family:Arial, verdana, serif;
	padding:0 0 10px 0;
}
#footerright {
	width:205px;
	float:right;
	font-size:12px;
	color:#fff;
	text-align:right;
	display:inline;
	margin:25px 75px 0 0;
	font-family:Arial, verdana, serif;
}