/*
Theme Name: Corim Coffee
Theme URI: http://www.corimcoffee.com
Description: The Global Vision for Food & Beverage
Version: 1.0
Author: Ron Edgecomb II
Author URI: http://greaterwebdesign.com/
*/

/*-------------------------------------------

	-- -- -- -- -- -- --
	Corim Coffee CSS
	last edit: 08 April 09
	-- -- -- -- -- -- --
	
-------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/

* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
}	
body {
	color: #000000;
	margin: 0; padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	background: #fdf9ee url(i/bg_body.png) repeat-x 0 0;
}
	body.home { background-image: url(i/bg_body-extended.png); }
body * {
	font-size: 95%;
	line-height: 1.5;
}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .hidden { display: none;	}
label { display: block; }
small { font-size: .75em; }

h1, h2, h3, 
h4, h5, h6 {
	font-family: Tahoma, Geneva, sans-serif;
	}
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}

a, a:link, a:visited, a:hover { color: #000; }
 
/*--->>> Container <<<---*/

#container {
	min-width: 920px;
	text-align:center;	
	background: url(i/bg_container.png) no-repeat center 0;
}
	#container-wrapper {
		width: 860px;
		position: relative;
		padding: 0 30px;
		margin: 0 auto;
		background: url(i/bg_body-rab.jpg) no-repeat 0 177px;
	} .home #container-wrapper { background: none; }
		
/* container-wrapper backgrounds */
.corim-coffee #container-wrapper { background-image: url(i/bg_body-corim.jpg); background-position: 0 169px; } 
.kreative-foods #container-wrapper { background-image: url(i/bg_body-kreative.jpg); background-position: 0 175px; }
.elzan-sugar #container-wrapper { background-image: url(i/bg_body-elzan.jpg); background-position: 0 176px; }
.cafe-graphics #container-wrapper { background-image: url(i/bg_body-graphics.jpg); background-position: 0 175px; }
.vending #container-wrapper { background-image: url(i/bg_body-vending.jpg); background-position: 0 174px; }

/*--->>> Header <<<---*/
/* home page widget */
#carousel {
    width: 860px;
	height: 274px;
	position: absolute;
	top: 245px; left: 30px;
	z-index: 900;
	overflow: hidden;
	background: url(i/bg_loading-carousel.gif) no-repeat 380px 0;
}

#carousel ul {
	position: absolute;
	width: 860px;
	height: 220px;
	top: 0; left: 30px;
	overflow: hidden;
	visibility: hidden;
}

	#carousel li {
		width: 255px;
		float: left;
		display: block;
		position: relative;
	}
	
		#carousel li img {
			width: 255px;
			display: block;
			margin: 0 auto;
			padding: 15px 0 0;
		}/* #slider .current .inside img { width: 307px; margin-top: 0; }*/
	
		#carousel li h2 a { position: absolute; top: 0; left: 0; text-indent: -9999px; }

p.scrollbutton {
	width: 30px;
	height: 50px;
    position: absolute;
    top: 305px;
    cursor: pointer;
	visibility: hidden;	
}
	.scroll-left { left: 0; }
	.scroll-right { right: 0; }

/* extended home header */
.home #header {
	height:500px;
	position:relative;
}
	
/* short header */	
#header { 
	height: 330px; 
	position: relative;
} 
	
/* corim logo */
#header h1 {
	height: 82px;
	width: 213px;
	position: absolute;
	top: 15px;
	left: 5px;
}
	#header h1 a {
		height: 82px;
		width: 213px;
		display: block;
		text-indent: -9999px;
		outline: none;
		background: url(i/bg_logo.gif) no-repeat 0 0;
	} #header h1 a:hover { background-position: 0 -82px; }
			
/* search bar */
#searchbar {	
	width: 210px;
	height: 31px;
	position: absolute;
	top:0; left:635px;
	background: url(i/bg_search.png) no-repeat 0 0;
} #searchbar span{ display:none; }
	
	#searchbar p.search-submit{
		position: absolute; 
		top:5px; left:142px;
	}

	#searchbar p.search-input{ 
		position: absolute; 
		font:14px/1.5 Verdana, Geneva, sans-serif; 
		left:10px; top:5px;
	} #searchbar p.search-input input { width:120px	}

/* navigation top */
ul#nav-top  {
	position: absolute;
	top: 7px; right: 228px;
	list-style:none;
}
	ul#nav-top li { display: inline; }	
	
	ul#nav-top a {
		font-size: 12px;
		padding: 0px 5px;
		margin: 0 0 0 -1px;
		outline: none;
		border-right: 1px solid #ccc;
	} ul#nav-top li.last a { border: none; }

	ul#nav-top a:link, ul#nav-top a:visited	{
		color: #000;
		text-decoration: none;
	} ul#nav-top li.active a, ul#nav-top a:hover { text-decoration: underline; }

/* phone number */
#header .phone-number {
	position: absolute;
	top:35px; left: 644px;
	font-size: 18px;
	color: #3954a5;
}

/*--->>>Main Navigation<---*/
/* nav list */
ul#nav-main  {
	width: 850px;
	height: 70px;
	position: absolute;
	top: 95px; left:5px;
	width: 850px; height: 70px;
	background:url(i/bg_nav.png) no-repeat 0 center;	
}

	ul#nav-main li {
		height: 70px;		
		width: 170px;
		float:left;
	} * html ul#nav-main li { width: 170px; }

	ul#nav-main a {
		height:60px;
		width: 170px;
		display: block;
		color: #464646;
		font: normal 12px/1 Tahoma, Geneva, sans-serif;
		text-align: center;		
		text-decoration: none;
		padding: 25px 0 0 0;
	 	background:url(i/bg_nav-glow.png) no-repeat center -1000px;
	} ul#nav-main a:hover { background-position: center -5px; }
	* html ul#nav-main a { background: none; }
	
	ul#nav-main li.active a {
	 	background-position: center -5px;
	} 
		ul#nav-main a span { 
			display: block; 
			color: #8f0222;
			font-size: 20px;
			font-family: Tahoma, Geneva, sans-serif;
			line-height: 1;
			white-space: nowrap; 
			text-align: center;
		}
		ul#nav-main a:hover span,
		ul#nav-main li.active span { color: #464646; } 
			* html ul#nav-main a:hover { color: #464646; }

/*--->>> Main Content <<<---*/

#main {
	width: 580px;
	float: left;
	position: relative;
	z-index: 1000;
	padding: 0 0 25px;
/* 	background: url(i/bg_main.png) repeat-y right 0;*/
}

/*breadcrumb*/
#main p#breadcrumb { font-size:.75em; color:#999; }
#main p#breadcrumb a { color: #6f001a; font-weight: bold; font-size:1em; }
	#main p#breadcrumb a:hover{ color:#bc3353; }
		
/* --->>> Formatting <<<--- */	
/* headings */
#main h1.title {
	color:#a90329;	
	font-size: 2.5em;
	margin: 0 0 10px;
	}
	
#main h1, #main h2, #main h3, 
#main h4, #main h5, #main h6 {
	clear: both;
	color: #38497c;
	font-size: 2em;
	clear: both;	
	margin: 15px 0 0;
	border-bottom: 1px dashed #eee;
}

#main h3 { font-size: 1.75em; }
#main h4 { font-size: 1.5em; }
#main h5 { font-size: 1.25em; }
#main h6 { font-size: 1em; }

#main h1 a:link, #main h1 a:visited,
#main h2 a:link, #main h2 a:visited,
#main h3 a:link, #main h3 a:visited,
#main h4 a:link, #main h4 a:visited,
#main h5 a:link, #main h5 a:visited,
#main h6 a:link, #main h6 a:visited { text-decoration: none; border: none; }

#main a.img:link, #main a.img:visited,
#main a.img:hover { background:none; border: none; }

#main p.attachment { text-align: center; }


/* general alignment */
.alignright { float: right; }
.alignleft { float: left }

/* images */
img.alignright {
	float: right;
	padding: 5px;
	margin: 0 0 0 10px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

img.alignleft {
	float: left;
	padding: 5px;
	margin: 0 10px 0 0;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}

img.aligncenter {
	margin: 0 auto;
	padding: 5px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}
	
#main .wp-caption {
	text-align: center;
	padding: 4px 0px 5px 0px;
	margin: 10px 10px 0 0;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

#main .wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: none;;
	}

#main .wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;	
	}

	
/* paragraphs */
#main p {
	font-size: 1.15em;
	line-height: 1.65;
	margin: 0 0 10px;
	}
#main .entry p { font-size: 1.35em; }	
	
#main blockquote {
	margin: 0 1.5em 1.25em;
	padding: 1em 1em 1px;
	background: #ddcbc0;
	border: 1px solid #b88b6c;
	}
#main blockquote p {	
	color: #666;
	font-style:italic;
	}	

/* lists */
#main ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}

#main ul, #main ol { padding: 5px 10px 10px 15px; }
#main ul li {
	margin-left: 10px;
	list-style: disc;
	}
#main ul li, #main ol li { font-size: 1.15em; line-height: 1.65; }
	#main li li { font-size: 1em; }


/* links */
#main a, #main a:link, #main a:visited { color: #6f001a; border-bottom: 1px dashed #6f001a; }
#main a:hover { color: #fff; background: #6f001a; }

#main small { font-size: .8em; }


/* definition list styles */
#main dl.left {
	width: 275px;
	float: left;
	margin: 0 0 30px;
}
#main dl.right {
	width: 275px;
	float: right;
	margin: 0 0 30px;
}
#main dl dt {
	color: #75001b;	
	font: bold italic 1.125em/1.5 Arial, Verdana, san-serif;
	padding: 15px 0 0 0;
}
	#main dl dt.has-definition {
		padding: 15px 0 0 15px;
		background: url(i/sprite_icon.gif) no-repeat 0 -81px;
	} #main dl dt.active { background-position: 0 19px; }

#main dl dd {
	color: #000;
	font-size: .75em;
	padding: 0 0 0 15px;
}
	
/* homepage intro */
#intro p {
	font-size: 1.25em;
	margin: 0 0 16px 0;
	text-align: justify;
	}
	
#intro strong {
	text-transform: uppercase;
	font-weight:bold;
}	

/* homepage divisions */
.home .division {
	padding: 0 0 15px 70px;
	background: url(i/icon_corim.png) no-repeat 0 25px;
}
	.home div.elzan { background-image: url(i/icon_elzan.png); }
	.home div.kreative { background-image: url(i/icon_kreative.png); }

.home #main .division h2 {
	color: #a90329;
	font-size: 1.5em;
	}
	.home #main .division h2 a,
	.home #main .division h2 a:hover { color: #a90329; background: none; }

.home #main .division p { font-size: 1em; text-align: justify; }

#main .division p.more { 
	text-align: right;
	text-transform: uppercase;
	background: url(i/bg_info-gradient.png) no-repeat 0 8px;
}

	#main .division p.more a {
		 color: #202f5d;		 
		 font: bold 1em  Arial, Helvetica, sans-serif;
	 } #main .division p.more a:hover { color: #fff; background: #202f5d; }
	 

/* bottom paragraph */		 
#main p.outro {
	margin: 10px 0 100px 0;
	font-size: 14px;
	}
	
/* company contact info */
ul#contact-info {
	width:250px;
	font: 16px/.9  Arial, Helvetica, sans-serif;
	color:#000;
}
#contact-info span,
#contact-forms span {
	color: #72001a;
	font-size:18px
}
	#contact-info li {
		text-align:left
	}
	#contact-info strong {
		font-weight:bold
	}
				
/* our company */
.our-company #main p {text-align:justify; }
.our-company #main img.right , .our-company #main img.left {
	border:1px solid #903; 
	padding:2px; 
	height:155px;
	width:225px}
.our-company #main img.right {float:right; margin:30px 0 0 10px}
.our-company #main img.left {float:left; margin:5px 10px 5px 0;
}

/* cafe graphics table */
.cafe-graphics #main h5 {
	color: #75001b;	
	font: bold italic 1.75em/1.75 Arial, Verdana, san-serif;
	text-align:right;
	border:none;
	}
.cafe-graphics table{padding-top:30px}
.cafe-graphics td {vertical-align:top; padding:5px;}
.cafe-graphics td.description p {text-align:right;}
.cafe-graphics td.description {	font: .70em  Arial, Verdana, san-serif; }
.cafe-graphics td.image{width:160px;height:138px}


/* contact forms */
#contact-forms {
	float:right;
	text-align:right
	}#contact-forms input{width:300px
	}#contact-forms span {
		color: #72001a;
		font-size:18px}

/* right column*/
#sidebar {
	width: 270px;
	float: right;
	margin: 120px 0 0 0
} .home #sidebar { margin: 3px 0 0; }

#sidebar h3 {
	color:#000;
	font: 1.5em Arial, Helvetica, sans-serif;
	}	
	
/* corim facts */
#corim-facts {
	min-height: 152px;
	padding: 0px 24px 30px;
	background:url(i/bg_corim-fact.png) no-repeat 0 15px;	
} * html #corim-facts { height: 152px; }

	#corim-facts p {
		color: #6f0019;
		font-size: .85em;
		text-align: justify;
		padding: 5px 0;
	}
	#corim-facts p.request-info a {
		width: 170px;
		height: 22px;
		float: right;
		text-indent: -9999px;
		background: url(i/btn_request-info.png) no-repeat 0 0;		
		outline: none;
	}
	

/* newsletter */
#newsletter { margin: 23px 0 0; background:url(i/bg_newsletter-btm.png) no-repeat center bottom; }

#newsletter-wrapper {
	position: relative;
	min-height: 170px;
	padding: 0 10px;
	margin: 0 12px;
	background: url(i/bg_newsletter-top.png) no-repeat center 0;		
} * html #newsletter { height: 170px; }

	#newsletter h3 {
		position: absolute;
		top: -23px;
	}

	#newsletter p {
		color: #fff;
		font-size: .95em;
		text-align: left;
		padding: 5px 0;
	}

	#newsletter p.input input {
		width: 222px; 
		color: #a6966b;			
		font-size: 16px;
	}
	
	#newsletter p.news-submit{ text-align: right; }	
	
	
/* international division */
#international-division {
	min-height: 152px;
	padding: 20px 24px 30px;
} * html #international-division { height: 152px; }

	#international-division p {
		color: #6f0019;
		font-size: .85em;
		text-align: justify;
		padding: 5px 0;
	}
	


	
/*--->>> Footer <<<---*/

#footer {
	min-width: 920px;
	height:229px;
	text-align: center;
	background: url(i/bg_footer.png) repeat-x 0 0;
	}
	
/* footer content */
#footer-wrapper {
	width: 860px;
	position: relative;
	padding: 0 30px;
	margin: 0 auto;
	}

/* footer navigation */
#nav-footer {
	width: 420px;
	position: absolute;
	top: 20px; left: 30px;
	color: #f2db9b;
	font-size: 1em;
	text-transform:uppercase
}
	#nav-footer a { color:#f2db9b; }
		#nav-footer a:hover { text-decoration:underline; }
	
#nav-footer li ul { width: 200px; float: left; }

/* company info */
#footer address  {
	position: absolute;
	top: 20px; right: 30px;
	color: #f2db9b;
	font-size: 1em;
	text-align: right;
} #footer address span { color: #fff; } 

/* copyright */
p.copyright {
	position:absolute;
	top: 185px;
	color: #fff;
	font-size: .75em; 
}
	p.copyright a { color:#000; }
		p.copyright a:hover { text-decoration: underline; }

/* Greater Web */
p.tag {
	position: absolute;
	top: 185px; right: 30px;
	color: #fff;
	font-size: .75em; 
}
	p.tag a { color:#000; }
		p.tag a:hover { text-decoration: underline; }
		
/* --->>> Notices <<<--- */

#main p.notice, #main p.error,
#main p.success, #main p.info,
#login_error {
	color: #000;
	margin: 5px 0;
	padding: 10px 10px 10px 30px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #b88b6c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}
#login_error, #main p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
#main p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }

#sidebar #newsletter p.error {
	border:1px solid #600;
	color:#600;
	background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
	text-align:justify;
	padding:5px 5px 5px 30px}
	
#main p.info {
	color: #660000;
	padding: 20px;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	border: 2px solid #b88b6c;
	}
	#main p.info a { font-weight: inherit; }

#main p.notice span, #main p.error span,
#main p.success span { font-weight: bold; }

/* --->>> Contact Form <<<--- */
#main .form form p.error, {
	color: inherit;
	margin: 5px 0;
	padding: inherit;
	background: none;
	border: none;
	}

#main .form h3 { padding-top: 5px; }

#main .form fieldset {
	position: relative;
	margin: 0; padding: 0;
	background: 0;
	border: 0;
	} #main .form fieldset legend { display: none; }
	
/* standard input */
#main .form p.input label,
#main .form p.select label,
#main .form p.textarea label,
#main .form div.radio-label p,
#main .form div.checkbox-label p {
	width: 150px;
	float: left;
	color: #3b010c;	
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0; padding: 0;
	} #main .form div.checkbox-label p { padding-top: 5px; }
	
#main .form p.label-full {
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#newsletter form p.error { display: block; }
	#newsletter form p.error input {
		padding: inherit;
		padding-left: 25px;
		margin: 0;
		background: #fff url(i/bg_error.gif) no-repeat 5px center; border: 1px solid #ca0056;
		}

	#main .form form p.error,
	#main .form form div.error {
		padding: 5px 0 5px 0;
		margin: 0 0 5px;
		background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
		border: 1px solid #333;
		}

	#main .form p.checkbox label {
		font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0; padding: 0;
		}
	

#main .form div.radio,
#main .form div.checkbox-multi {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px;
	}	

#main .form p.input input,
#main .form p.select select,
#main .form p.textarea textarea,
#main .form div.radio-values,
#main .form div.checkbox-values {
	width: 180px;
	float: left;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: .25em 0 .5em 10px;
	}

	#main .form div.radio-values,
	#main .form div.checkbox-values { width: 150px; float: left; }


#main .form div.radio-values p,
#main .form div.checkbox-values p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .25em 0 .5em 0;
	white-space: nowrap;
	}	
	
#main .form p.textarea textarea {
	width: 250px;
	height: 100px;
	}
#main .form p.input,
#main .form p.select,
#main .form p.textarea {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
	}

#main .form fieldset p.checkbox { margin-left: 150px; }

#main .form fieldset p.checkbox label {
	display: inline;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full label {
	width: 100%;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full input,
#main .form fieldset p.full select {
	clear: both;
	margin-left: 160px;
	}

/* submit  */
#main .form p.button {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	}
#main .form p.button input {
	margin-left: 160px;
	}

#main .form .radio-label span,
#main .form label span {
	display: block;
	position: relative;
	margin: -5px 0 0;
	padding: 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}	

#main .form .radio-label small,
#main .form label small {
	display: block;
	position: relative;
	padding: 0 0 5px;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}

.form #recaptcha_widget_div {
	height: 150px;
	padding: 0 0 0 155px;
}	

/* --->>> Rabbinical Certs <<<--- */
ul#kosher {
	padding-top:10px;
}
ul#kosher li {
	padding: 5px 0 5px 35px;
	background: url(i/pdf_logo.gif) no-repeat left center;
	list-style: none;
}
