/*
voice-family: "\"}\"";
voice-family:inherit;
site-wide stuff
*/

body {
margin:0;
padding:0;
font-family: Helvetica,Verdana,Arial,sans-serif;
font-size:11px;
line-height:13px;
color:#666;
overflow:hidden;
}

a:link,a:visited,script a:link, 
script a:visited, script {  
color: #036;
font-family: Helvetica, Verdana, Arial, sans-serif; 
font-size: 11px;
font-style: normal; 
font-weight: lighter; 
font-variant: normal;
text-transform: none; 
line-height:14px;
}

a:hover, script a:hover {  
color: #69A9B7; 
font-family: Helvetica, Verdana,Arial, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight:lighter; 
font-variant: normal; 
text-transform: none;
}

img,div {
border:none;
margin:0;
padding:0;
}

/*styles for IE 5 Mac */
#horizon {
position: absolute;
margin:15px;
padding:0;
top: 0px;
left: 0px;
}

/*following rules are invisible to IE 5 mac \*/
#horizon { 
	position: absolute;
	top: 50%;
	margin: -235px 0 0 0;  
	width: 100%;
	vertical-align: middle;
	text-align: center; 
}
/*end IE 5 hack*/

#wrapper,#masthead {  
	padding: 0pt; 
	vertical-align: middle;
	text-align: center;
}

#masthead {
width: 755px;
margin: 0 auto;
padding:0;
background-image: url(../images/header/header_bg.gif);
background-repeat: no-repeat;
background-position: -5px -5px;
height: 80px;
clear: both;
}
#masthead #flash {
width: 390px;
height: 50px;
text-align: left;
float: left;
clear: none;
margin: 0;
padding:0;
}
#masthead #flash object embed,
#masthead #flash h1 {
margin:0 0 0 0;
padding:0 0 0 0;
height:20px;
width: 300px;
line-height:20px;
font-size:20px;
}
#masthead #flash h1 img {
margin:10px 0 0 5px;
padding:0;
}
#masthead p {
color:#333;
width: 359px;
float: left;
clear: right;
text-align: right;
margin: 15px 7px 0 3px;
padding: 0 8px 0 0;
border: 0px solid;
font-family: Helvetica,Verdana,sans-serif !important;
font-size: 9px;
color:#666 !important;
background-color:transparent;
voice-family: "\"}\"";
voice-family:inherit;
width: 344px;
}
html>#masthead p {
width: 344px;
}
/*following rules are invisible to IE 5 mac \*/
#masthead p {
font-size: 9px !important;
}
/*end IE 5 hack*/
#masthead p img {
display:block;
margin: 0 0 0 83px;
padding: 0;
}

#wrapper {
width:760px;
margin: 0pt auto;
text-align: center;
padding-left:0;
}

#left {
background-image:url(../images/navbar/nav_bg.gif);
background-repeat:no-repeat;
float: left;
clear: none;
width: 154px;
height: 394px;
padding-bottom: 2px;
margin: -7px 0 0 0;
display:inline;
voice-family: "\"}\"";
voice-family:inherit;
height: 399px;
}
html>#left {
height: 399px;
}
/*following rules are invisible to IE 5 mac \*/
* html #left {
position:relative;
z-index:2;
}
/*end IE 5 hack*/

ul#nav {
list-style-type:none;
margin:0;
padding:0;
}

#left ul li {
display: block;
height: 80px;
margin: 5px 0 44px 0;
padding: 0;
voice-family: "\"}\"";
voice-family:inherit;
height: 31px;
}
html>#left ul li {
height: 31px;
}
#left ul li a {
display:block;
height:25px;
}
#left a span, #left a:link span, #left a:hover span {
display:none;
}

//* navigation *//

a#contact{
}
a#contact:hover {
background: url(../images/navbar/conbuttover.gif) 0px 0px no-repeat scroll;
}
a#about-us:hover{
background: url(../images/navbar/abtbuttover.gif) 0px 0px no-repeat scroll;
}
a#portfolio:hover{
background: url(../images/navbar/portbuttover.gif) 0px 0px no-repeat scroll;
}
a#brands:hover{
background: url(../images/navbar/brandsbuttover.gif) 0px 0px no-repeat scroll;
}
a#new-trends:hover{
background: url(../images/navbar/ntbuttover.gif) 0px 0px no-repeat scroll;
}
a#location:hover{
background: url(../images/navbar/locbuttover.gif) 0px 0px no-repeat scroll;
}

.row {
width:350px;
height:185px;
clear:both;
}

#middle {
float: left;
clear: none;
width: 440px;
text-align: center;
}
#middle img {
display: block;
margin:0 auto;
padding:0;
}
/*following rules are invisible to IE 5 mac \*/
* html #middle img {
margin:-3px auto;
}
/*end IE 5 hack*/


#rhs {
float: left;
clear: right;
width: 148px;
height:395px;
padding: 0;
margin-bottom: -400px;
}
/*following rules are invisible to IE 5 mac \*/
#rhs {
height:409px;
padding-bottom: 14px;
margin-bottom:0;
voice-family: "\"}\"";
voice-family:inherit;
height:395px;
}
html>#rhs {
height:395px;
}
/*end IE 5 hack*/
#rhs img {
display: block;
padding:0;
margin:0;
border: none;
}
#rhs img#pog {
padding: 0;
margin: 10px 0 10px 0;
}

#validation {
height: 26px;
width: 753px;
text-align: right;
margin: 0 auto 0 470px;
padding: 5px 3px 0 0;
font-size: 9px;
color: #036;
clear:both;
border-top: 1px dotted #e8ecf5;
 voice-family: "\"}\"";
 voice-family:inherit;
width: 280px;
height:20px;
}
html>#validation { 
width: 280px;
height:20px;
}
* html #validation {
clear:right;
}

#validation a {
font-size: 11px;
font-weight:normal;
}
#validation a:hover {
text-decoration:none;
color:#69A9B7;
background-color:#fff;
}

#wide-right {
float: left;
clear: right;
width:586px;
height:399px;
margin: 0 0 0 33px;
padding: 0 0 0 0;
border:1px solid #ddd;
overflow:auto;
margin-top:1px;
position:relative;
 voice-family: "\"}\"";
 voice-family:inherit;
width:551px; 
}
html>#wide-right { 
width: 551px;
}
#frame-wrapper {
width: 2945px;
height: 380px;
margin: 0 0 0 0;
position:absolute;
background-color:#f0f0f0;
}
/*following rules are invisible to IE 5 mac \*/
#frame-wrapper {
position:static;
}
/*end IE 5 hack*/

.frame-item {
border:1px dotted #e0e0e0;
background-color:#fff;
text-align:center;
float:left;
clear:none;
padding: 0 20px;
margin:20px 2px 0 20px;
width: 266px;
height:262px;
text-align:center;
 voice-family: "\"}\"";
 voice-family:inherit;
width: 202px;
height:240px;
}
html>.frame-item { 
width: 202px;
height:240px;
}
/*following rules are invisible to IE 5 mac \*/
* html .frame-item {
margin:20px 12px 0 10px;
}
/*end IE 5 hack*/

.frame-item img {
margin-top:20px;
border:1px solid #ccc;
}

.frame-item a {
display:block;
font-family: Helvetica,Verdana,sans-serif !important;
font-size: 11px !important;
width:200px;
margin:5px auto 18px auto;
}

.frame-item p,
#abs-para h2{
margin:0 0 10px 0;
padding:0;
font-family: Georgia,"Times New Roman",serif !important;
font-size: 16px !important;
letter-spacing:0em;
line-height: 1.4em;
color: #304674 !important;
}
.frame-item p .nt-img-text {
border:0;
margin:0;
padding:0;
}
#abs-para {
background-color:#fafafa;
margin: 0 0 0 207px;
position: relative;
z-index:2;
right:20px;
bottom: 115px;
clear:both;
width:760px;
height:106px;
max-height:92px;
border: 6px solid #fff;
border-bottom-width:0;
border-top-color: #ddd;
padding:0;
text-align:left;
voice-family: "\"}\"";
voice-family:inherit;
width:541px;
height:94px;
}
html>#abs-para {
width:541px;
height:94px;
}
/*following rules are invisible to IE 5 mac \*/
* html #abs-para {
bottom:165px;
}
/*end IE 5 mac hack*/
#abs-para p#left-abs-para {
width:255px;
font-family: Helvetica,Verdana,sans-serif !important;
font-size: 11px !important;
color:#555666 !important;
padding:14px 5px 4px 8px;
margin:0 0 0 1px;
text-align:justify;
border-left:1px dotted #ddd;
position:absolute;
left:0px;
bottom:4px;
voice-family: "\"}\"";
voice-family:inherit;
width:240px;
}
html>#abs-para p#left-abs-para {
width:240px;
}
#abs-para h2 {
padding:10px 5px 0 10px;
margin:0;
font-weight:normal;
width:515px;
}
p#abs-float-para {
position:absolute;
left:270px;
bottom:4px;
padding:7px 5px 4px 8px;
margin:0;
border-left:1px dotted #ddd;
}
.boldface {
font-family: Georgia,"Times New Roman",serif !important;  
font-size: 14px; 
color: #444;
}

div.kreepybackground { 
background-attachment: scroll; 
background-image:url(../images/davidjpegs/kreepykrawleyhood.jpg); 
background-repeat:no-repeat;
background-position: 0px -4px; 
width: 586px;
height:392px;
float:left;
clear:right;
margin-left:18px;
display:inline;
text-align:left;
voice-family: "\"}\"";
voice-family:inherit;
width: 568px;
}
html>div.kreepybackground {
width: 568px;
}
.kreepybackground p, .kreepybackground h1 {
display:block;
position:relative;
top: 230px;
left: 35px;
width: 340px;
margin:10px 0 10px 0;
text-align:left;
}
.kreepybackground p a {
font-size: 11px;
}

#map {
float:left;
clear:none;
width:435px;
height:368px;
border:1px solid #ddd;
margin: 20px 44px 0 44px;
display:inline;
voice-family: "\"}\"";
voice-family:inherit;
width:345px;
height:346px;
}               
html>#map {
width:345px;
height:346px;
}
#location-right {
width: 151px;
height: auto;
float:left;
clear:right;
margin: 8px 0 0 0;
}

#location-right img {
margin:0;
padding:0;
float:left;
}

#location-right p {
background-color: #f9f9f9;
border:1px solid #ddd;
border-bottom:2px solid #ddd;
padding:5px 5px 3px 5px;
margin:0;
height:119px;
width:151px;
text-align:left;
color:#666;
display:block;
voice-family: "\"}\"";
voice-family:inherit;
height:108px;
width:139px;

}
html>#location-right p {
height:108px;
width:139px;
}
/*\*/
#location-right p {
overflow:auto;
}
/**/
#brands-body {
float:left;
clear:none;
width: 600px;
height: auto;
padding: 0;
margin: 8px 0 0 15px;
background: url(../images/brands/potatooven.jpg) no-repeat;
display:inline;
voice-family: "\"}\"";
voice-family:inherit;
width: 585px;
}
html>#brands-body {
width: 585px;
}

#cooker-text {
display:inline;
width: 183px;
height:167px;
float:left;
clear:none;
margin:0;
padding: 220px 9px 0 97px;
text-align:right;
}
/*following rules are invisible to IE 5 mac \*/
#cooker-text {
width:289px;
height:387px;
voice-family: "\"}\"";
voice-family:inherit;
width:185px;
height:167px;
}
html>#cooker-text {
width:185px;
height:167px;
}
/* end mac hack */
#brands-frame-wrapper {
float:left;
clear:none;
width: 290px;
height:377px;
margin:0;
padding:0;
text-align:left;
}
#brands-frame {
overflow:auto;
width: 281px;
height:376px;
margin:0;
padding:0;
background-color:#036;
border-top:10px solid #036;
border-right:10px solid #036;
border-left:13px solid #036;
border-bottom:1px solid #036;
background:url(../assets/frame_bg.gif) no-repeat -12px -20px;
background-position: 0px -11px;
background-repeat:no-repeat;
voice-family: "\"}\"";
voice-family:inherit;
width: 258px;
height:365px;
}
html>#brands-frame {
width: 258px;
height:365px;
}
#frame {
margin:0 20px 20px 10px;
height: 103px;
width:1770px;
padding:35px 0 35px 0;
}
/*following rules are invisible to IE 5 mac \*/
#frame {
width:1688px;
}
* html #frame {
width:1890px;
height:213px;
voice-family: "\"}\"";
voice-family:inherit;
width:1860px;
height: 103px;
}
html>#frame {
width:1860px;
height: 103px;
}
/* end mac hack */
#frame div {
display:inline;
height:200px;
width:128px;
padding:0 10px 0 3px;
float:left;
clear:none; 
voice-family: "\"}\"";
voice-family:inherit;
width:115px;
}
html>#frame div {
width: 115px;
}

/*following rules are invisible to IE 5 mac \*/
#frame div {
display:block;
float:left;
}
/* end mac hack */
#frame div img {
margin:0 0 0 0;
padding:0 0 0 0px;
}
#frame div.logo {
width: 100px;
}
/*following rules are invisible to IE 5 mac \*/
* html #frame div img {
padding:0 0 0 11px;
}
/* end mac hack */
#frame div ol {
margin:0 0 0 10px;
padding:0;
list-style-type: decimal !important;
}
#frame div ol li {
margin:0; 
padding:0;
}
#frame div ol li a {
display:block;
padding:5px 5px 0 0;
width: 110px;
}
/*following rules are invisible to IE 5 mac \*/
#brands-frame {
background-position: -12px -20px;
}
* html #brands-frame {
background-attachment:fixed;
}
/* end mac hack */
#brands-frame-text {
width: 291px;
height:155px;
padding: 0 0 0 16px;
position:relative;
bottom: 171px;
background:#fff url(../assets/brands_bg.gif) no-repeat 275px -1px;
border-left:13px solid #C7C8F6;
voice-family: "\"}\"";
voice-family:inherit;
width: 262px;
}
html>#brands-frame-text {
width: 262px;
}
/*following rules are invisible to IE 5 mac \*/
#brands-frame-text {
background:#fff url(../assets/brands_bg.gif) no-repeat 262px -1px;
}
/* end mac hack */
#brands-frame-text img {
margin:10px 6px 0px 3px;
border:1px solid #bbb;
padding:0px;
}

#brands-frame-text p {
display:block;
margin:6px 0 0 3px;
text-align:justify;
width:233px;
}

#abt-content-wrapper {
width:auto;
height:auto;
float:left;
clear:left;
margin:0;
}
#abt-content-wrapper p {
text-align:left !important;
}

/* beware mediaeval junk lurking below */


.textindent {  text-indent: 3px}
.tableclassleftbrdr { border: #999 solid; border-width: 0px 0px 0px 1px}
.tableclasstopleftbrdr { border: #999 solid; border-width: 1px 0px 0px 1px}
.brdr {  border: #aaa; border-style: solid; border-top-width: 1px;
border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.linktextcenter { font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 10px; font-style: normal; line-height: 95%; font-weight: lighter;
font-variant: normal; text-transform: none; color: #006; text-align: center}
img {
color: #036; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:
10px; font-style: normal; font-weight: lighter; font-variant: normal;
text-transform: none
}
.tableclasstextpad {
	border: 1px #999 solid;
	padding: 3px;
}
#screen {
border:1px solid #036;
border-right:none;
border-bottom:none;
background:#fff;
width:12px;
height:16px;
position:relative;
left:243px;
top: 155px;
voice-family: "\"}\"";
voice-family:inherit;
width:11px;
height:15px;
}
html>#screen {
width:11px;
height:15px;
}

img#corners {
border:0px solid #036;
margin:0;
padding:0;
position:relative;
bottom: 361px;
right:10px;
}
/*following rules are invisible to IE 5 mac \*/
img#corners {
position:absolute;
bottom: 358px;
right:3px;
}
* html img#corners {
bottom: 357px;
right:2px;
}
/* end mac hack */
.row {
height: 184px;
}
/*\*/
.row p {
overflow:auto;
}
/**/
#showroom-slice-wrapper {
width:222px;
height:auto;
border: 1px solid #ddd;
float:left;
clear:right;
voice-family: "\"}\"";
voice-family:inherit;
width:220px;
}
html>#showroom-slice-wrapper {
width:220px;
}

#showroom-slice-wrapper img {
margin:0;
padding:0;
float:left;
}