/* Kalustyan.com V3 - Real Blue Sky - Alex Gann - Principal Developer - 7/5/2010 */
* {margin:0; padding:0; outline:none; border:0;}

html { overflow-y: scroll; overflow-x:auto; }
html, body, #page  { height:100%; }
body {background:#fffffe url('i/bg.jpg') no-repeat 50% 0; color:#35270e; font-family: Calibri, Arial, sans-serif;}
body #page {height: auto; min-height: 100%;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

input[type="text"], input[type="password"] { background-color:transparent; background:url('i/input.png') no-repeat 0 3px; height:26px; margin-top:4px; padding:0px 4px; width:159px;}
input[type="checkbox"] { margin-top:11px; }

#recaptcha { background:#e2d9ca; float:right; margin:-170px 5px 5px 60px; padding:1px; width:300px;}
#recaptcha .inner { background:#fff; text-align:center; padding:18px 0px; }
#recaptcha span { display:block; margin-bottom:5px; }
#recaptcha_image { float:left; }
#recaptcha_format { float:left; margin-top:10px; text-align:center; width:300px;}

h2 { color:#d03d0d; font-size:150%; font-style:italic; font-weight:bold; margin:25px 50px 20px; }
p {margin-bottom:20px; }

#page {
	background:url('i/page.png');
	margin:auto;
	position:relative;
	width:778px;
}

#bg {width:100%; overflow:hidden;}
#bgleft{background:url('i/bgleft.jpg') no-repeat; height:628px; left:50%; margin-left:-643px;top:0px;position:absolute; z-index:-1; overflow:hidden; width:265px;}
#bgright{background:url('i/bgright.jpg') no-repeat; height:628px; margin-right:-643px;right:50%;top:0px;position:absolute; z-index:-1; overflow:hidden; width:265px;}

#logo {position:absolute; z-index:0; top:0px; left:20px; }

#page-inner {
	margin:0 11px;
	padding-bottom:127px;
}

#header {height:145px; position:relative;}

#topnav { background:url('i/headergrad.png') repeat-y; height:30px;	width:757px; }
#topnav ul { font-size:90%; float:right; list-style:none; margin:2px 8px 0px 0px; text-transform:uppercase; }
#topnav ul li {	float:left;	padding:4px; }
#topnav ul li a {color:#fff; display:block; float:left; padding-top:1px; text-decoration:none;}
#topnav ul li a:hover { color:#5C011B;}
#topnav ul li b { color:#fde277; font-weight:bold; padding-left:8px; }

#mainnav { position:absolute; bottom:0px; right:12px; z-index:10;}
#mainnav ul { font-size:85%; float:right; list-style:none; }
#mainnav ul li { float:left; }
#mainnav ul li a {background:#fff; border-bottom:4px solid #dd8613; color:#580a18; display:block; float:left; font-weight:500; height:22px; padding:5px 7px 0px; text-decoration:none;}
#mainnav ul li a:hover { border-bottom-color:#eccc6a;}
#mainnav ul li b {border-bottom:4px solid #dd8613; color:#dd8613; display:block; float:left; font-size:110%; font-weight:bold; height:23px; margin-top:-1px; padding-top:5px;}
#navshadow { position:absolute; bottom:-12px; right:35px; z-index:0; }

/*** Homepage ***/
#homeAnim {background:#fff; border:11px solid #fff; border-width:0px 11px; margin:0 auto; padding:0; position:relative; height:284px; width:732px; z-index:5;}
#animShadow { display:block; margin:0 auto; }

#homeLeft { background:#fff; float:left; margin-left:70px; width:345px; }
#mission { background:url('i/ribbon.png') no-repeat 0 50%; display:block; font-size:94%; font-style:italic; font-weight:bold; line-height:20px; padding-left:18px; }

#login { background:#e2d9ca; margin-top:18px; padding:1px; }
#inner { background:#fff; padding:18px 20px;}
#login h4 { color:#d03d0d; font-weight:bold; }
label { clear:left; display:block; float:left; font-size:92%; font-weight:bold; padding:8px 14px 0px 0px; text-align:right; width:118px; }

#btn {background:url('i/btnBG.png') no-repeat; cursor:pointer; font-size:60%; font-weight:bold; height:25px; margin:6px 0px 0px 133px; text-transform:uppercase; width:61px;}
#btn span {float:left; margin:-1px 0px 0px 5px;}
#btn img {margin:1px 0px 0px -2px; }

#btn2 {background:url('i/btn2BG.png') no-repeat; color:#d03d0d; cursor:pointer; font-size:110%; height:33px; margin:20px 0px 0px 15px; width:107px;}
#btn2 span {float:left; margin:-3px 0px 0px 5px;}
#btn2 img {float: left; margin-left:10px; }

#homeRight {float:left; width:260px;}
#homeRight img {float:right; margin-top:10px;}
#signup { background:url('i/arrow.png') no-repeat 0 50%; border-bottom:4px solid #dd8613; color:#685334; display:block; float:right; font-size:104%; font-style:italic; height: 25px; margin:14px 20px 0px 0px; text-align:right; text-decoration:none; width: 150px;}
#signup:hover { border-bottom-color:#eccc6a;}

/*** About Company Page ***/
#about { background:url('i/spoons.jpg') no-repeat bottom right; font-size:86%; height:285px; padding:0px 120px 0px 50px; }
#racks { float:right; margin-top:-20px; padding:0px 30px 0px 20px;}
#ring { float:right; padding:13px 30px 0px 20px; }
#mint { float:right; margin-top:-46px; padding:0px 30px 0px 20px;}

/*** Registration ***/
.content { padding:10px 50px; }
.message { margin:20px 50px -10px; }
#strength {float:right; margin-top:-50px; width:300px; }
.chronostrength-box { font-weight:bold; }

/*** Contact Us Page ***/
#contactTop { background:#e2d9ca; float:left; margin-left:82px; padding:2px; }
#contactTop .inner { background:#fff; padding:15px; width:450px; }
#contactForm { float:left; margin:0px auto 20px;}
#info label { width: 70px; }
#info { border-right:2px solid #e7882d; float:left; width: 280px; }
#request { float:left; margin-left:20px;}
#request label { width:165px; }
#other { float:left; margin-top:5px; }
#other textarea { border:1px solid #bbb; height:50px; margin-left:82px; width:450px;}
#other label { margin:0px 0px 4px 58px; width:166px; }
#other button {margin-left:82px; }



/*** Products Page ***/
#description { font-size:92%; font-style:italic; margin-left:80px; }
#overflow { float:right; margin:30px 90px 0px 0px; }
.card { background:#d8ccb8; float:left; margin:12px 0px 12px 83px; padding:1px; width:588px; }
.inner { background:#fff; float:left; padding-bottom:20px; }
.card h3 { color:#fff; display:block; font-size:110%; height:28px; padding:4px 0px 0px 15px; width:573px; }
#Aromatics { background:#efb947 url('i/Aromatics.jpg') no-repeat right top;	}
#Capsicums { background:#eb9a3b url('i/Capsicums.jpg') no-repeat right top;	}
#Dehydrated { background:#eb8235 url('i/Dehydrated.jpg') no-repeat right bottom; }
#Herbs { background:#e4551e url('i/Herbs.jpg') no-repeat right top;	}
#Spices { background:#dc3b03 url('i/Spices.jpg') no-repeat right top;	}

.inner ul { display:block; list-style:none; margin:10px auto; width:510px;}
.inner ul li { border-bottom:2px solid #d6cba1; float:left; margin:0px 14px; }
.inner ul li a { color:#580a18; display:block; font-size:94%; font-weight:bold; height:19px; margin:3px 0px; padding:1px 0px 0px 8px; text-decoration:none; width:217px; }

.content h3 { color:#660f17; font-weight:normal; font-style:italic; margin:28px 0px 12px; }
.content a { background:url('i/linkArrow.png') no-repeat 8px 60%; color:#35270e; padding-left:20px; text-decoration:none;}
.content a:hover { background:url('i/linkArrowO.png') no-repeat 8px 60%; }


#footer {clear:both; height:127px; margin:-127px auto 0px; position:relative; width:756px;}
#associations { display:block; margin:0 auto; padding:20px 0px;}
#footerbar { background:#e7882d; color:#fff; font-size:70%; font-weight:bold; height:21px; padding-top:9px; text-align:center; text-transform:uppercase; width:756px;}
#footerbar b, #footerbar a { color:#740c18; margin:0px 4px; text-decoration:none;}