/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:12px;
	color:#231a11;
	background:url(../../images/index/bodyBkg.png) repeat-x top #fdf5e0;
}

html,body {height:100%; min-height:100%;}


img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#ca2d02; outline:none}
a:hover {color:#f2a309;}
input, textarea, select {font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif; color:#2b2b2b; font-size:11px; color:#4c3f3a}
textarea {overflow:auto}
fieldset {border:none}
h1 {margin:10px 0 10px 0; color:#4d3927; font-size:24px}
h2 {margin:20px 0 10px 0; color:#ee8900; font-size:20px}

.spacer {clear:both; font-size:0; display:block;}
.spacerSep {clear:both; font-size:0; height:20px;}


#pageContainer {width:950px;  margin:0 auto; min-height:100%; position:relative;}
* html #pageContainer {height:100%;}

/* ................. Main menu*************************/
#mainNav {padding:40px 0 0 0; float:right}
#mainNav li {list-style:none; display:block; float:left}
#mainNav a {display:block; color:#fdf5e0; height:38px; float:left; line-height:38px; font-size:14px; margin:29px 0 0 0}
#mainNav a span {display:block; float:left; height:38px;}
#mainNav a span.left {width:6px; background:url(../../images/index/menuLeft.png) no-repeat}
#mainNav a span.right {width:6px; background:url(../../images/index/menuRight.png) no-repeat}
#mainNav a span.content {background:url(../../images/index/menuBkg.jpg) repeat-x; padding:0 14px;}

#mainNav a:hover, #mainNav a.active {color:#231a11; height:46px; float:left; line-height:46px; margin:21px 0 0 0 !important;}
#mainNav a:hover span, #mainNav a.active span {height:46px;}
#mainNav a:hover span.left, #mainNav a.active .left {width:5px; background:url(../../images/index/menuActiveLeft.png) no-repeat}
#mainNav a:hover span.right, #mainNav a.active .right {width:5px; background:url(../../images/index/menuActiveRight.png) no-repeat}
#mainNav a:hover span.content, #mainNav a.active .content {background:url(../../images/index/menuActive.png) repeat-x; padding:0 15px;}

#logo {margin:20px 0 0 0; float:left; width:211px; height:80px; background:url(../../images/index/logo.png) no-repeat;}

#languages {position:absolute; top:30px; right:0;}
#languages li {list-style:none; display:inline}
#languages a {color:#f9e5af; font-size:14px; padding:0 0 0 10px}
#languages a:hover, #languages a.active {color:#f19c01}


#header {width:960px; height:300px; margin:20px 0 0 0;}
#header .imgBox {margin:0 auto !important; width:900px; height:300px; }
#header .imgBox .border {width:1px; height:300px; background:url(../../images/index/headerBorder.png) no-repeat top #4b3a28; float:left}
#header .imgBox .img {border-top:1px solid #f6ed02; border-bottom:1px solid #4b3a28; width:898px; height:298px; float:left }

#slider{}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:898px;
	height:298px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:69px;
	height:69px;
	position:absolute;
	left:0px;
	top:260px;
	text-indent: -5000px;
}	
#nextBtn{left:890px; }														
#prevBtn a, #nextBtn a{display:block; width:69px; height:69px; background:url(../../images/index/headerLeft.png) no-repeat 0 0;}	
#nextBtn a{background:url(../../images/index/headerRight.png)}

.quickLinks {margin:10px 0 0 0}
.quickLinks h2 {color:#FFFFFF; font-size:24px; font-weight:bold; margin:10px 10px 0 10px}

.quickLinks .red {width:296px; height:176px; background:url(../../images/index/red_bkg.jpg) repeat-x top #df4218; border:2px solid #e9592d; float:left; position:relative}
.quickLinks .red h2 {border-bottom:1px solid #f2552b; text-align:center}
.quickLinks .red .galleryLink {display:block; width:93px; height:105px; background:url(../../images/index/gallery_icon.png) no-repeat; margin:0 auto}

.quickLinks .brown {width:296px; height:176px; background:url(../../images/index/brown_bkg.jpg) repeat-x top #7c481a; border:2px solid #b48155; float:right; position:relative}
.quickLinks .brown h2 {border-bottom:1px solid #9c6332; text-align:right; position:relative}
.quickLinks .brown .icon {width:57px; height:56px; background:url(../../images/index/services_icon.png) no-repeat; position:absolute; bottom:0; right:0}

.quickLinks .yellow {width:296px; height:176px; background:url(../../images/index/yellow_bkg.jpg) repeat-x top #f09605; border:2px solid #f9bc3f; float:left; margin:0 28px 0 0; position:relative}
.quickLinks .yellow h2 {border-bottom:1px solid #f2a209}
.quickLinks ul {list-style:none; margin:20px 0 0 10px}
.quickLinks li a {color:#FFFFFF; display:block; margin:6px 0 0 0; background:url(../../images/index/arrow_white.png) no-repeat left; padding:0 0 0 20px}
.quickLinks li a:hover {color:#4c3826}

.quickLinks .go {color:#FFFFFF; background:url(../../images/index/arrow_white.png) no-repeat right; position:absolute; bottom:3px; left:10px; padding:0 20px 0 0; font-weight:bold}
.quickLinks .go:hover {color:#fbc962}

#contentContainer {background:url(../../images/index/rightBkg.png) repeat-y right; margin:10px 0 0 0}
#contentContainer .left {width:630px; float:left}
#contentContainer .right {width:300px; float:right}
#contentContainer h3 {background:#4f3a27; color:#FFFFFF; font-size:18px; margin:10px 0; padding:5px; border-bottom:2px solid #ee8a01}
#contentContainer .left a {text-decoration:underline}

.productBox {margin:0 auto 12px auto; display:block; width:284px;}
.productBox img {width:280px;}
.productBox .title {color:#4b3726; padding:4px 0 0 0; font-weight:bold}
.productBox:hover .title {color:#ee8a01}
.productBox .imgContainer {border:2px solid #4f3a27; display:block; width:280px; height:120px; overflow:hidden}
.productBox:hover .imgContainer {border:2px solid #ee8a01}

.topProduct {display:block; width:620px; height:200px; overflow:hidden; border:2px solid #c92c02; margin:20px 0; position:relative}
.topProduct:hover {border:2px solid #f2a209}
.topProduct .title {display:block; position:absolute; top:20px; left:0; background:#c92c02; color:#fdf5e0; width:100%; padding:2px 2px; text-transform:uppercase}
.topProduct:hover .title {background:#f2a209}

#footer {height:150px; width:100%; background:url(../../images/index/footer_bkg.png) repeat-x top #463423; margin:-150px 0 0 0;}
#footerSpacer {height:150px;}
.footerContent {width:960px; margin:0 auto; padding:40px 0 0 0; color:#fdf5e0; position:relative; height:110px}
.footerNav {}
.footerNav a {color:#fdf5e0; padding:0 10px 0 10px }
.footerNav a:hover {color:#f2a309; text-decoration:underline}

.createdBy {float:right; color:#f2a209; margin:0 20px 0 0; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.createdBy strong {color:#fdf5e0;}
.rights {color:#806c59; position:absolute; bottom:10px; left:10px}

#productList {margin:10px 0 10px 0}
#productList a {
	display:block; 
	width:300px; 
	height:192px; 
	background:url(../../images/index/productBkg.jpg) repeat-x top; 
	border:1px solid #fff; 
	float:left; 
	margin:0 3px 10px 3px; 
	text-decoration:none !important
}
#productList a .imgContainer {width:280px; height:146px; overflow:hidden; border:2px solid #f8cf80; display:block; margin:10px auto}
#productList a:hover {background:url(../../images/index/productBkgActive.jpg) repeat-x top;}
#productList a:hover .imgContainer {border:2px solid #ecb4a5 !important}
#productList a .imgContainer img {width:280px;}
#productList .title {color:#826a4a; text-align:left; padding:0 0 0 10px;}
#productList a:hover .title {color:#8e4d3c}

#product h1 {color:#ca2d02}
#product .image {border:2px solid #ca2d02; margin:10px 0; width:620px; display:block; padding:0; line-height:0}
#product .image img {width:620px; margin:0}
.back {float:right; color:#FFFFFF; background:#473524; display:block; margin:0 0 10px 0; padding:4px 6px; line-height:11px; font-size:11px; text-decoration:none !important}
.back:hover {background:#c92c02; color:#FFFFFF}

#serviceList {margin:10px 0 0 0}
#serviceList li {list-style:none;}
#serviceList li a {font-size:16px; text-decoration:none !important; padding:6px 0 6px 20px; display:block; font-weight:bold; background:url(../../images/index/arrow_red.png) left no-repeat;}
#serviceList li a:hover, #serviceList li a.active {background:url(../../images/index/arrow_yellow.png) left no-repeat; color:#f2a309}

#gallery a {display:block; width:190px; border:5px solid #f9bc3f; float:left; height:127px; overflow:hidden; margin:0 10px 10px 0; position:relative}
#gallery a img {width:190px;}
#gallery a:hover {border-color:#C92C02}

#contactForm {margin:30px 0 20px 0;}
#contactForm fieldset {display:block; margin:0 0 1px 0;}
#contactForm .inpTxt {border:2px solid #fbca65; background:#ee8800; width:400px; height:18px; color:#FFFFFF; font-size:13px; padding:3px 0 0 3px; font-weight:bold}
#contactForm .inpTxt.error {border-color:#e9592d; background:#c92c02;}
#contactForm label {display:block; width:220px; float:left; color:#ee8900}
#contactForm textarea {width:400px; height:200px; border:2px solid #fbca65; background:#ee8800; padding:3px 0 0 3px; color:#FFFFFF; font-weight:bold}
#contactForm .captchaSet {margin:6px 0 6px 0; display:block;}
#contactForm .captchaLabel {margin:0 0 0 220px; width:200px;}
#contactForm .enterCaptcha {border:2px solid #fbca65; background:#ee8800; padding:5px 0 0 3px; color:#FFFFFF; font-weight:bold; height:24px; width:200px; margin:0; font-size:14px;}
#contactForm label.error {font-size:10px; color:#c92c02; padding:0 0 4px 220px; font-style:italic}

.contactImg {float:left; margin:0 20px 0 0; border:2px solid #4d3927}

/* pager */
.pager {margin:10px 0 0 0;}
.pager ul.pages {float:left; margin:0 0 0 5px;}
.pager ul.pages li {display:inline;}
.pager ul.pages li a {display:block; float:left; margin:0 1px 0 0; padding:4px 8px 4px 8px; color:#f9bc3f; font-weight:bold; text-decoration:none !important}
.pager ul.pages li a:hover {background:#c92c02; color:#FFFFFF}
.pager ul.pages li a.selected {background:#f9bc3f; color:#fff}
.pager ul.pages li a.previous, .pager ul.pages li a.next {border-right:none; border-left:none;}
/*\ pager */

.btn {height:26px; border:2px solid #fbca65; background:url(../../images/index/btnBkg.jpg) repeat-x; padding:0 12px; color:#fff; font-weight:bold; float:right; margin:0 2px 0 0; cursor:pointer}
.btnActive {height:26px; border:2px solid #fbca65; background:url(../../images/index/btnBkgActive.jpg) repeat-x; padding:0 12px; color:#fff; font-weight:bold; float:right; margin:0 2px 0 0; cursor:pointer}

.successMessage {color:#423121; font-weight:bold; font-style:italic; padding:10px 0 20px 0}
.errorMessage {color:#c92c02; font-weight:bold; font-style:italic;  padding:10px 0 20px 0;}

.sertificate {text-align:center}
.sertificate img {margin:0 0 10px 0; border:5px solid #8ea9c5}

.sertificateLink {
	display:block; 
	height:80px; 
	background:url(../../images/index/sertificate.png) no-repeat left; 
	color:#fff; 
	font-size:18px;
	padding:0 0 0 110px;
	line-height:80px
}