/* Hardware Styles */

div.hardware {
background: #fff url(/wp-content/themes/storybook/imgs/hardware/pageBody.jpg) repeat-y center;
width: 523px;
padding: 0;
margin: 0 auto;
}

* html div.hardware {
margin: 0;
clear: both;
}

div.hardware h3 {
width: 523px;
height: 27px;
padding: 0;
margin: 0;
background: #fff url(/wp-content/themes/storybook/imgs/hardware/pageHead.jpg) no-repeat top left;
}

* html div.hardware h3 {
width: 520px; }

.mir { text-indent: -2000px; overflow: hidden; }

div.hardware h4 {
margin-left: 40px;
margin-top: 10px;
display: block;
}

div.hardware img {
margin: 10px 0 30px 60px;
}

div.hardware img.sideImg {
float: right;
margin: 5px 20px 20px 0;
padding: 2px;
border: 1px solid #cc9;
}

* html .hardware img.sideImg {
margin-right: 17px;
}

h4#excellence {
height: 90px;
background: url(/wp-content/themes/storybook/imgs/hardware/excellence.jpg) no-repeat;
}
h4#original {
height: 123px;
background: url(/wp-content/themes/storybook/imgs/hardware/original.jpg) no-repeat;
}
h4#composed {
height: 90px;
background: url(/wp-content/themes/storybook/imgs/hardware/composed.jpg) no-repeat;
}
h4#expression {
height: 90px;
background: url(/wp-content/themes/storybook/imgs/hardware/expression.jpg) no-repeat;
}
h4#timeless {
height: 123px;
background: url(/wp-content/themes/storybook/imgs/hardware/timeless.jpg) no-repeat;
}
h4#elegance {
height: 90px;
background: url(/wp-content/themes/storybook/imgs/hardware/elegance.jpg) no-repeat;
}
h4#function {
height: 123px;
background: url(/wp-content/themes/storybook/imgs/hardware/function.jpg) no-repeat;
}
h4#summary {
height: 52px;
background: url(/wp-content/themes/storybook/imgs/hardware/summary.jpg) no-repeat;
}

div.hardware p {
margin: 15px 155px 15px 50px;
color: #333;
font-size: 80%;
}

#navbox {
clear:both;
}
#navbox p {
margin: 0 40px;
}
#navbox p a {
display: block;
float: left;
}
a.less {
width: 200px;          /* LC width */
margin-right: 40px;
}
a.more {
text-align: right;
width: 200px;          /* RC width */
margin-right: -250px;  /* RC width */
}

div.hardware ul {
margin: 10px 35px 85px;
padding: 0;
width: 460px;
clear: both;
}
* html div.hardware ul {
margin: 10px 30px;
}

div.hardware li {
display: inline;
margin: 0;
padding: 0;
}

div.hardware li a {
display: block;
width: 112px;
height: 30px;
padding: 0;
margin: 1px;
float: left;
}

.hardware #tag-excellence {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-excellence.gif) no-repeat center center;
}
.hardware #tag-original {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-original.gif) no-repeat center center;
}
.hardware #tag-composed {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-composed.gif) no-repeat center center;
}
.hardware #tag-expression {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-expression.gif) no-repeat center center;
width: 112px;
}
.hardware #tag-timeless {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-timeless.gif) no-repeat center center;
}
.hardware #tag-elegance {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-elegance.gif) no-repeat center center;
}
.hardware #tag-function {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-function.gif) no-repeat center center;
}
.hardware #tag-summary {
background: url(/wp-content/themes/storybook/imgs/hardware/tag-summary.gif) no-repeat center center;
}

a#hackwell {
display: block;
margin: 0;
padding: 0;
width: 523px; 
height: 60px;
background: url(/wp-content/themes/storybook/imgs/hardware/pageTail.jpg) no-repeat;
}

.hardware p.contact {
margin: 0 40px 10px;
font-size: 75%;
font-style: italic;
text-align: center;
border: 0;
background: #fff;
padding: 0;
}

* html .hardware p.contact {
margin: 0 35px 10px; }

div.contenthead {
font-size: 80%;
color: #3A3317;
margin: 0 20px 10px;
}

.contenthead p {
margin: 0 0 15px;
}

.hardware .emph {
font-size: 100%;
color: #A79156;
text-transform: uppercase;
}
.hardware a.emph {
font-size: 110%;
text-transform: none;
color: #534C30;
}

.hardware img.alignleft {
margin: 0 10px 0 50px;
}
.hardware img.bordered {
background: #fff;
border: 1px solid #cc9;
}

#downer {
margin-top: 40px;
}
img.centered {
padding-left: 35px;
}