html, body {margin: 0; padding: 0; border: 0;}

body {
	margin:0;
	padding : 0;
	text-align: center;
	color: #000;
	background: #D8DAD9 url(images/yellow-body-bg.jpg) repeat-x;
}

div#wrapper {
	width: 774px;
	margin:0 auto;
	padding:0px;
	text-align: left;
}

#header {  width: 774px; height: 115px; }

.logo { width: 190px; float: left; }

.logo img  { margin: 7px 0 0 0; }

.logo .imgtext {margin: 0 0 0 8px; }

.gold {  width: 150px; float: left; }

.gold img { margin: 32px 0 0 0; }

.top-nav {
	width: 434px;
	padding-top: 85px;
	float: left;
}

.navigation {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 35px;
	list-style-type: none;
	font: bold 13px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
}

.navigation li { 
	float: left;
	margin: 0 0 0 6px;
	padding: 10px 0px 5px 12px; 
	ctext-align: center;
	line-height: 15px;
}

.projects { width: 70px; zpadding: 13px 0 0 0; background: url(images/nav-projects.gif) top left no-repeat; }

.press { width: 50px; background: url(images/nav-press.gif) top left no-repeat; }

.karjat {  width: 94px; background: url(images/nav-karjat.gif) top left no-repeat; }

.contact { width: 65px; background: url(images/nav-contact.gif) top left no-repeat; }

.navigation a, .navigation a:visited { color: #585858; text-decoration: none; }

.navigation a:hover { color: #939393; text-decoration: none; } 

.navigation a.current:link, .navigation a.current:visited { color: #2EAB37; text-decoration: none; }

#mainTop { width: 774px; background: url(images/top-bar.gif) top left no-repeat; }

#innerspace { width: 774px; float: left; background-color: #fff; }

#pressContainer { width: 770px; float: left; }

#mainBottom { width: 774px; background: url(images/bottom-bar1.gif) bottom left no-repeat; }

#mainBottom p { padding: 0; margin: 0; text-align: center; font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;  line-height: 22px; }

#mainBottom ul { 
	clear: both;
	text-align: center;	
	list-style-type: none;
	margin: 0; padding: 10px 0px;
	font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
}

#mainBottom li, #mainBottom li.last { border-right: 1px solid #BCB8BA; display: inline; padding: 0 10px 0 10px; }

#mainBottom li.last{ border-right: 0px solid #BCB8BA; }

#mainBottom li a:link { color: #032C96; text-decoration: none; }
#mainBottom li a:hover { color: #003DD8; text-decoration: none;}
#mainBottom li a:visited {color: #939; text-decoration: none;} }

#banner { width: 774px; }

#banner img { margin: 0 0 0 8px; }

p, .text, h3, .small, h1, h4, .tableText {
	margin: 20px 10px;
	padding: 0;
	font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
	line-height: 18px;
	text-align:justify;
	color: #000;
}

sup { color: #ff0000; vertical-align: baseline; position: relative; bottom: 0.33em; }

.tableText { margin: 10px 0 10px 15px; }

.tableText td { padding: 2px; }

.tableText td b { color: #444; }

.tableText th { padding: 2px; color: #555; }

.text b { color: #666; }

.text, h3 { margin: 10px 20px; }

.small { margin: 0 0 0 20px; }

h3, h4 { color: #555; margin: 20px 20px 0 20px; font: bold 16px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif; }

h1 { color: #2EAB37; margin: 20px 20px 0 10px; font: 24px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif; }

h4 { margin: 5px 20px 0 15px; color: #737373; font-size: 14px; }

.clear { clear: both; }

.foodPack { margin: 150px 0 0 15px; position: absolute; z-index: 1; }

.left { width: 480px;
	float: left;
	display: inline;
	margin: 0 0 0 6px;
}

.right { 
	width: 250px;
	float: left;
	margin: 0 0 0 6px;
}
	
.right img { margin: 10px; }

.slideShow { width: 400px; border:1px solid #A7A7A7; float: left; margin: 0 0 0 15px; }

.list, .projectList {
	margin: 0 0 0 30px;
	list-style-type: none;
	padding: 0 0 10px 0;
	font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
}

.list li { padding: 0px 0 0 20px; margin: 5px 0 0 0; background: url(images/bullet.gif) 0px 5px no-repeat; line-height: 19px; }

.projectList li { padding: 0; margin: 20px 0 0 0; font: bold 14px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif; }

.projectList li a:link { color: #0071BB; text-decoration: none; }
.projectList li a:hover { color: #22A7FF; text-decoration: none; }
.projectList li a:visited { color: #939; text-decoration: none; }

.projectList li span { color: #840000; font: bold 9px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif; }

.pressImg, .soldout { float: left; display: inline;  margin: 30px 15px 30px 30px; font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif; }

.soldout { margin: 0 0 20px 15px; }
	
div#footertop {
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
	width: 753px;
	padding: 10px 0 10px 10px;
	font: bold 15px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
	color: #800000;
	background: url(images/footer-top-bar1.gif) no-repeat left top;
}

div#footer {  
	width: 753px;
	float: left;
	display: inline;
	margin: 0px 0 0 10px;
	padding: 0px;
	background: url(images/footer-bg.gif) repeat-y;
}

div#footer .left, div#footer .right { 
	width: 450px;
	float: left; 
	display: inline;
	margin: 0; 
	padding: 10px 0 10px 10px;  
	font: 11px Verdana,Arial,"MS Sans Serif",Helvetica,sans-serif;
	line-height: 19px;
}

div#footer .right { 
	width: 220px;
	margin: 0px 0 0 40px;
	padding: 10px 0 0 0;
	line-height: 19px;
}

div#footerlast { 
	width: 753px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px 0 0 10px;
	background: url(images/footer-bottom-bar1.gif) left bottom no-repeat;
}

.field {
	width:400px;
	float: left;
	margin: 10px 0 0 10px;
	font-family: "Trebuchet MS",Verdana,Arial, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	border: 0px;
}

.field label {
	width:140px;
	float:left;
	padding:0.2em;
	margin-top:0.3em;
	font: 11px Verdana, "Trebuchet MS",  Arial, sans-serif;
	color: #555;
	text-align: left;
}

.required {  color: #ff0000; padding-left: 2px; text-align: left; }

.field .nobr {display:none;}  

.textfield, .textarea, .button_style { font: 11px Verdana, "Trebuchet MS",  Arial, sans-serif; color: #eee; }

.field .textfield, .field .textarea { 
	margin:4px;
	padding: 3px;
	color: #6a6a6a;
	background-color: #fff;
	border: 1px solid #4B9144;
	
}

.field .button_style {
	background-color: #CFE8D0;
	border: 1px solid #8FBB92;
	color: #4F4F4F;
	padding: 2px 0 5px 0;
	width:80px; 
	height:30px;
	margin: 20px 0px 0px 30px;
	font-weight: bold; 
}

a.mailLink:link { color: #032C96; text-decoration: none; }
a.mailLink:hover { color: #003DD8; text-decoration: none;}
a.mailLink:visited {color: #939; text-decoration: none;}

/* LightBox starts  */
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{ padding: 10px; }

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 800px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/*  LightBox Ends  */