@charset "utf-8";
/* CSS Document */

body { background:#554838 url(../img/bg.jpg) repeat-x; background-attachment: fixed; font-family: arial; font-size:82.5%; margin:0; padding:0; color:#333; }

body .topMargin {margin-top: 10px;}

a 	{color:#333; text-decoration: underline; overflow:hidden; outline:none;}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ff0000; margin: 0px 0px 5px 0px;font-family:arial;}

	h2	{font-size:1.3em;margin-bottom:20px;}
	h3	{font-size:1.1em;margin-bottom:12px; color:#ff0000; font-weight: bold; }
	h4	{font-size:1.1em;margin-bottom:6px;}
 	h5	{font-size:1em;margin-bottom:10px;color:#ff0000;}

ul, ol {margin: 0 0 .85em; padding: 0;	list-style:none;}

dl, dt, dd {margin: 0; padding: 0; border: 0;} 

strong { font-weight:bold;}

em { font-style:italic;}

.break { height:15px;}

.breakFix { height:15px;}

.breakHigh { height:45px;}

.space { height:5px;}

span {color:#ff0000;}

#left {float:left;}

.clear {clear:left; height:15px;}

.clearFix {clear:left;}

.clr {clear: both; height: 1px; line-height: 1px; overflow: hidden;}



/* --- general --- */

/* #site {width:100%; height:100%; float:left;} */

#wrapper {/*width:998px;*/ width:842px; background:transparent; margin:0 auto;}

#topArea {float:left; width:100%; background:transparent;}

#inner {width:842px; /*margin-left:35px;*/ float:left;}

#bottom {float:left; /*margin-left:35px;*/ width:842px; margin-top:8px;}



/* --- logo --- */

#logo { width:460px; /*float:left; margin-left:220px;*/ margin: auto;}

#logo h1		{float:left; margin-top:5px; }
#logo h1 a   	{background: url(../img/logo.png) no-repeat; width: 460px; height: 167px; text-indent: -999px; display:block; overflow:hidden;}


/* --- opening soon --- */

#opening {float:left; width:243px; margin-left:40px; margin-top:50px; background:url(../img/opening_soon.png) no-repeat; height:155px;}



/* --- navigation --- */

#nav	{float: left; margin:0px 0px 0px 0px;}

	#nav li {float: left;}

	#nav li:hover, #nav li.sfhover {}
	#nav li.active	{}

a#homeNav, a#aboutNav,a#productsNav,a#menuNav,a#orderNav,a#newsNav, a#contactNav{display: block;height:68px;text-indent:-9999px;}
	a#homeNav	{background:transparent url(../img/nav.png) 0 0 no-repeat;width:80px;}
	a#aboutNav	{background:transparent url(../img/nav.png) -78px 0  no-repeat;width:135px;}
	a#productsNav	{background:transparent url(../img/nav.png) -213px 0  no-repeat;width:115px;}
	a#menuNav	{background:transparent url(../img/nav.png) -325px 0  no-repeat;width:90px;}
	a#orderNav	{background:transparent url(../img/nav.png) -415px 0  no-repeat;width:95px;}
	a#newsNav	{background:transparent url(../img/nav.png) -515px 0  no-repeat;width:213px;}
	a#contactNav	{background:transparent url(../img/nav.png) -735px 0  no-repeat;width:112px;}
	
   	/* hover */
	a#homeNav:hover	{background:transparent url(../img/nav.png) 0 -68px no-repeat;}
	a#aboutNav:hover	{background:transparent url(../img/nav.png) -78px -68px  no-repeat;}
	a#productsNav:hover	{background:transparent url(../img/nav.png) -213px -68px  no-repeat;}
	a#menuNav:hover	{background:transparent url(../img/nav.png) -325px -68px  no-repeat;}
	a#orderNav:hover	{background:transparent url(../img/nav.png) -415px -68px  no-repeat;}
	a#newsNav:hover	{background:transparent url(../img/nav.png) -515px -68px  no-repeat;}
	a#contactNav:hover	{background:transparent url(../img/nav.png) -735px -68px  no-repeat;}
	
   /* you-are-here */
   #home a#homeNav	{background:transparent url(../img/nav.png) 0 -68px no-repeat;}
   #about a#aboutNav 	{background:transparent url(../img/nav.png) -78px -68px  no-repeat;}
   #products a#productsNav 	{background:transparent url(../img/nav.png) -213px -68px  no-repeat;}
   #menu a#menuNav 	{background:transparent url(../img/nav.png) -325px -68px  no-repeat;}
   #order a#orderNav 	{background:transparent url(../img/nav.png) -415px -68px  no-repeat;}
   #news a#newsNav 	{background:transparent url(../img/nav.png) -515px -68px  no-repeat;}
   #contact a#contactNav	{background:transparent url(../img/nav.png) -735px -68px  no-repeat;}
   

/* --- main --- */

#mainArea {float:left; width:842px;}
#picLeft {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeft p {font-size:1.4em; line-height:1.5em; color:#fff; text-transform:uppercase; width:290px; text-align:center; margin:70px auto;}
#picRight { width:433px; float:left; /*background:url(../img/img_01.jpg) no-repeat;*/ height:325px; border:none; }



/* --- about rightside picture --- */
#picLeftAbout {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftAbout p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px;  padding:0; }
#picAbout {  width:433px; float:left; /*background:url(../img/img_04.jpg) no-repeat;*/ height:325px; border:none;}


/* --- history rightside picture --- */
#picLeftHistory {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftHistory p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px;  padding:0; }
#picHistory {  width:433px; float:left; /*background:url(../img/img_08.jpg) no-repeat;*/ height:325px; border:none;}


/* --- products rightside picture --- */
#picLeftProducts {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftProducts p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px;  padding:0;}
#picProducts {  width:433px; float:left; /*background:url(../img/img_05.jpg) no-repeat;*/ height:325px; border:none;}


/* --- news rightside picture --- */
#picLeftNews {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftNews p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:125px;  padding:0;}
#picNews {  width:433px; float:left; /*background:url(../img/img_05.jpg) no-repeat;*/ height:325px; border:none;}


/* --- menu rightside picture --- */
#picLeftMenu {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftMenu p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px;  padding:0;}
#picMenu {  width:433px; float:left; /*background:url(../img/img_06.jpg) no-repeat;*/ height:325px; border:none;}


/* --- order rightside picture --- */
#picLeftOrder {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftOrder p {font-size:1.3em; line-height:1.5em; color:#fff; text-transform:uppercase; text-align:center; margin-top:150px;  padding:0;}
#picOrder {  width:433px; float:left; /*background:url(../img/img_10.jpg) no-repeat;*/ height:325px; border:none;}



/* --- contact rightside picture --- */
#picLeftContact {width:409px; float:left; background:url(../img/img_03.jpg) no-repeat; height:325px;}
#picLeftContact p {font-size:1.1em; line-height:1.8em; color:#fff; text-transform:uppercase; text-align:center; margin-top:70px;  padding:0; margin-bottom:0px;}

#picLeftContact #address {float:left; text-align:center; width:100%;}
#picLeftContact #address ul {list-style:none; margin:5px 0 0 0;}
#picLeftContact #address li {font-size:1.1em; line-height:1.5em; color:#fff; text-transform:uppercase;}
#picLeftContact #address li a {text-decoration:underline; color:#fff;}
#picLeftContact #address li a:hover {text-decoration:none;}

#picLeftContact #follow {float:left; width:100%; margin-top:5px;}
#picLeftContact #follow .text {font-size:1.1em; line-height:1.5em; color:#fff; text-transform:uppercase; float:left; margin-right:5px; margin-left:100px; margin-top:3px;}
#picLeftContact #follow .facebook {float:left; margin-right:5px; margin-top:1px;}
#picLeftContact #follow .twitter {float:left; margin-right:0px; margin-top:1px;}

#picContact {  width:433px; float:left; /*background:url(../img/img_07.jpg) no-repeat;*/ height:325px;}


/* --- content --- */

#content {float:left; width:100%; background:#fff; /*margin-bottom:25px;*/ padding-bottom:25px;}
#content h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#content h4 { margin-top:15px; margin-left:5px; margin-bottom:10px;}
#content p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:10px;}
#content p.bolder {font-weight:bold; font-size:1.4em;}
#content h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-left:20px; margin-top:30px;}
#content ul { list-style-image:url(../img/star.gif); margin:20px 0 0 0;}
#content li {font-size:1.1em; color:#333; text-transform:uppercase; margin-bottom:.5em; margin-left:40px;}
#content li a {text-decoration:underline; color:#333;}
#content li a:hover {text-decoration:none;}


/* --- text blocks --- */

#contentBlocks {float:left; width:100%;}
#contentLeft {width:400px; float:left;}
#contentLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#contentLeft ul {list-style-image:none; margin:20px 0 0 0;}
#contentLeft li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;}

#contentRight {width:441px; float:left;}
#contentRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#contentRight ul {list-style-image:none; margin:20px 0 0 0;}
#contentRight li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:5px; text-transform:none;}
#contentRight li span {font-size:.75em; color:#000;}

#contentBullets {width:100%; float:left;}
#contentBullets ul {list-style-image:none; margin:0px 0 0 0;}
#contentBullets li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;}

#textLeft {width:400px; float:left;}
#textLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#textLeft h3 {margin-top:20px; font-size:1.3em; color:#000; font-weight:bold;}
#textLeft p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px;}
#textLeft p.bolder {font-weight:bold; font-size:1.3em;}
#textLeft ul {list-style-image:none; margin:20px 0 0 0;}
#textLeft ul.span {color:#000; margin-top:10px;}
#textLeft li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:20px; text-transform:none;}
#textLeft li span {color:#000; font-weight:bold; font-size:1.3em;}

#textRight {width:441px; float:left;}
#textRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px; background:url(../img/newsletter.png) no-repeat; width:414px; height:364px;}
#textRight ul {list-style-image:none; margin:20px 0 0 0;}
#textRight li {font-size:1.1em; color:#333; margin-bottom:.5em; margin-left:5px; text-transform:none;}
#textRight li span {font-size:.75em; color:#000;}

#textRight #newsSide { margin-top:15px; margin-left:20px; margin-bottom:0px; background:url(../img/newsletter.png) no-repeat; width:414px; height:364px;}
#textRight #newsSide p {font-size:1.2em; margin-left:35px; margin-right:35px; margin-bottom:5px; margin-top:10px;}
#textRight #newsSide p.top {padding-top:70px;}
#textRight #newsSide p.form {margin-left:30px; margin-top:0px;}

#textRight #btm {float:left; width:100%; margin-top:0px;}
#textRight #btm p {font-size:1em; color:#aaa; margin-left:25px; margin-right:25px; line-height:1.3em; margin-bottom:10px; margin-top:0px;}
#textRight #btm p a {text-decoration:underline; color:#aaa;}
#textRight #btm p a:hover {text-decoration:none;}

#menuBlocks {float:left; width:100%;}
#menuLeft {width:420px; float:left;}
#menuLeft h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#menuLeft h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-left:20px; margin-top:15px;}
#menuLeft p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px; }
#menuLeft p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase;}
#menuLeft p.subbolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:35px;}
#menuLeft p.subbolder span {color:#000; text-transform:none; font-size:.75em; font-weight:normal; font-style:italic;}
#menuLeft p.center {text-align:center; font-size:1em; margin-top:25px;}
#menuLeft ul {list-style-image:none; margin:20px 0 0 0;}
#menuLeft li {font-size:1.1em; color:#333; margin-bottom:1em; margin-left:20px; text-transform:none;}
#menuLeft li span {font-size:1.2em; color:#cc3333; font-weight:bold;}
#menuLeft li span.black {color:#000; font-weight:bold;}

#menuRight {width:421px; float:left;}
#menuRight h1 { margin-top:15px; margin-left:20px; margin-bottom:10px;}
#menuRight h3 {color:#666; text-transform:uppercase; font-size:1.1em; font-weight:bold; margin-bottom:10px; margin-top:35px; margin-left:0px;}
#menuRight p {font-size:1.1em; color:#333; margin-left:5px; margin-right:30px; line-height:1.3em; margin-bottom:5px; }
#menuRight p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase;}
#menuRight p.subbolder2-Top {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:35px;}
#menuRight p.subbolder {font-weight:bold; font-size:1.3em; text-transform:normal; margin-top:35px;}
#menuRight p.subbolder-Top {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:60px;}
#menuRight p.subbolder span {color:#000; text-transform:none; font-size:.75em; font-weight:normal; font-style:italic;}
#menuRight p.subbolder-Top span {color:#000; text-transform:none; font-size:.75em; font-weight:normal; font-style:italic;}
#menuRight p.center {text-align:center; font-size:1em; margin-top:25px;}
#menuRight ul {list-style-image:none; margin:20px 0 0 0;}
#menuRight li {font-size:1.1em; color:#333; margin-bottom:1em; margin-left:5px; text-transform:none;}
#menuRight li span {font-size:1.2em; color:#cc3333; font-weight:bold;}
#menuRight li span.black {color:#000; font-weight:bold;}

#bottomMenu {float:left; width:100%;}
#bottomMenu p {font-size:1.1em; color:#333; margin-left:20px; margin-right:30px; line-height:1.3em; margin-bottom:5px; text-align:center; }
#bottomMenu p.bolder {font-weight:bold; font-size:1.3em; text-transform:uppercase;}
#bottomMenu p.subbolder {font-weight:bold; font-size:1.3em; text-transform:uppercase; margin-top:15px;}
#bottomMenu p.subbolder span {color:#000; text-transform:none; font-size:.9em; font-weight:normal;}

/* --- home footer --- */

#hmFooter {width:842px; float:left; background:url(../img/footerBar.gif) no-repeat; height:48px; margin-left:}


/*--- bottom of home --- */

#hmLinks {float:left; /*background:url(../img/workforus.png) no-repeat;*/ width:136px; height:31px;}
#est {float:right; background:url(../img/est.png) no-repeat; width:277px; height:26px;}


/* --- floating link --- */

#floatingLink {position: fixed; left: 0; top: 290px; display: block; width: 52px; height: 246px; text-indent: -10000px; background: url(../img/order_online.png) no-repeat; overflow: hidden;}


/* --- banners --- */

#banner {}
#banner-imgs{width: 433px; height: 325px; overflow: hidden;}
#banner-imgs a { text-decoration:none;}

/* --- grids --- */

.grid_16 {display:inline;float:left;margin-left:10px;margin-right:10px}

/* --- newsletter form --- */

#newsletter {margin-top:5px; float:left; width:100%;}
#newsletter p {background:url(../img/email.png) no-repeat; width:355px; height:41px; margin-left:0px;}

#newsletter input {width:250px; font-size:1.3em; color:#000; margin-top:5px; margin-left:95px; border:1px solid #fff; background:transparent; height:27px;}

/* --- twitter feed --- */

#feed {width:350px; float:left; margin-top:25px; margin-left:20px;}

/* --- info drawers --- */

.infoData {
	display:none;
}

#content .closeData {
	white-space: nowrap;
}


/* --- bio list --- */


dl.bio  { 
	padding-bottom:0px;
	margin-left:20px;
	clear: both;
	
}

dl.bio dt {
	color:#333;
	font-size:1.1em;
	padding:15px 44px 5px 25px;
	margin:0px;
    background: url(../img/star.gif) no-repeat left 14px;
}


dl.bio dt a {
text-decoration:underline;

}

dl.bio dt a:hover {
text-decoration:none;

}

dl.bio dd {
	padding:0px 0px 0 0px;
}

dl.bio dd span {
	color:#ff0000;
}

dl.bio dd p {
	margin-left:0px;
	margin-bottom: 10px;
	padding-left:0px;
}


/* error and success message */
.error {color: red; font-weight: bold; font-size:.9em; padding-bottom:0px; }

.success {color: green; font-weight: bold; font-size:.9em; padding-bottom:0px;}