body {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
color: #DC353E;
text-align: center;
background: #84151B url('./../graphics/col.gif') repeat-y top;
}

/*--......................masthead.....................*/
.masthead {
margin: 0px;
display: block;
width: 410px;
height:225px;
float: right;
background: url('./../graphics/hannah.jpg') no-repeat top left;
text-indent:-9999px;
}
/*--......................basic layout.....................*/
.wrap {
background: url('./../graphics/col.gif') repeat-y top left;
width: 960px;
margin-left:auto;
margin-right:auto;
text-align: left;
}
.column1 {
width: 480px;
float: left;
}
.content {
width: 480px;
float: right;
}
.column1 p {
margin: 10px 20px 0px 90px;
line-height: 1.5em;
}
.footer {
padding-top: 20px;
background: url('./../graphics/col.gif') repeat-y top;
height: 170px;
clear: both;
}
.details {
padding-top: 10px;
margin: 0px 0px 20px 90px;
width: 370px;
text-align: center;
font-style: italic;
font-weight: bold;
color: #AD1921;
border-top: 1px solid #AD1921;
}
/*.......................labels..................................*/
.label_emoto {
background: url('./../graphics/label_emoto.jpg') no-repeat top right;
width: 285px;
height: 34px;
margin: 30px 30px 0px 0px;
float: right;
text-indent:-9999px;
}
.label_sew {
background: url('./../graphics/label_sew.jpg') no-repeat top right;
width: 285px;
height: 34px;
margin: 30px 30px 0px 0px;
float: right;
text-indent:-9999px;
}
.label_lasso {
background: url('./../graphics/label_lasso.jpg') no-repeat top right;
width: 285px;
height: 34px;
margin: 30px 30px 0px 0px;
float: right;
text-indent:-9999px;
}
/*.......................content..................................*/
.img {
border: 2px solid #AD1921;
margin: 10px 30px 10px 10px;
float: right;
clear: right;
}
/*--.....................thumb and link behaviour.................*/
#mail {
margin: 0px 0px 0px 150px;
text-decoration: none;
color:#AD1921;
font-style: italic;
font-size: .8em;
text-align: center;
}
#thumbgrid{
clear: right;
float: right;
margin: 10px 25px 10px 0px;
width: 400px;
}
.home{
background: url('./../graphics/label_home.jpg') no-repeat top right;
width: 285px;
height: 34px;
margin: 0px 30px 0px 0px;
float: right;
clear: right;
text-indent: -9999px;
}
a:hover {
background-position:right top;
}
#thumbgrid a img{
border: 1px solid #AD1921;
display: block;
width: 100px;
height: 100px;
margin: 0px 0px 20px 30px;
float: left;
color: #AD1921;
}
#thumbgrid a img:hover{
border: 1px solid #FFFFFF;
}
/*--.....................range banners.................*/
.emoto{
margin: 30px 30px 0px 0px;
display: block;
width: 285px;
height:182px;
float: right;
clear: both;
background: url('./../graphics/emoto.jpg') no-repeat top left;
text-indent:-9999px;
}
a.emoto:hover{ 
background-position:right top;
}
.lasso{
margin: 0px 30px 0px 0px;
display: block;
width: 285px;
height: 182px;
float: right;
clear: both;
background: url('./../graphics/lasso.jpg') no-repeat top left;
text-indent:-9999px;
}
a.lasso:hover{ 
background-position:right top;
}
.sew{
margin: 0px 30px 0px 0px;
display: block;
width: 285px;
height:182px;
float: right;
clear: both;
background: url('./../graphics/sew.jpg') no-repeat top left;
text-indent:-9999px;
}
a.sew:hover{ 
background-position:right top;
}
a {
outline:none;
}
/*.....................type................*/
.bold, a{
font-weight: bold;
}
/*....................image nav............*/
.imgnav {
width: 60px;
margin: 10px 30px 0px 0px;
float: right;
clear: right;
}
.imgnav li{
margin: 0px 0px 0px 10px;
display: inline;
float: left;
text-decoration: none;
}
#rollnext {
display:block;
width: 9px;
height: 9px;
background:url(./../graphics/next.gif) no-repeat top left;
text-indent:-9999px;
}
#rollnext:hover{ 
background-position:right top;
}
#rollexit:hover{ 
background-position:right top;
}
#rollback:hover{ 
background-position:right top;
}
#rollback {
display:block;
width: 9px;
height: 9px;
background:url(./../graphics/prev.gif) no-repeat top left;
text-indent:-9999px;
}
#rollexit {
display:block;
width: 9px;
height: 9px;
background:url(./../graphics/exit.gif) no-repeat top left;
text-indent:-9999px;
}
#rollstop {
display:block;
width: 9px;
height: 9px;
background:url(./../graphics/stop.gif) no-repeat top left;
text-indent:-9999px;
}