/* Guard Ideas */
/* LAYOUT CSS V1.0 - May 8th 2006 */
/* Writen by Jon Leverrier @ www.e-scape.co.uk */
/* [jonleverrier at gmail dot com] */



/* LAYOUT */



* {
margin: 0;
padding: 0;
}

.clear { clear: both; }

#content img {
padding: 6px;
margin: 0 12px 4px 0;
float: left;
}

ul.our-product-list { margin-bottom: 10px;}

p.product-preview { margin: 10px auto 5px auto; text-align: center; }

#content p.product-preview img { padding: 6px; margin: 0 20px; border: 1px solid #CCCCCC; float: none; }

#content-guarantee img {
padding: 6px;
margin: 0 12px 4px 0;
border: 1px solid #CCCCCC;
float: left;
}

#red-but img {
border: 0px;
}

#red-but2 img {
border: 0px;
}

#red-but2 { padding-bottom: 30px; }

#red-but2 form { margin-bottom: 10px; }

#wrapper {
width: 779px;
text-align: left;
margin: 0 auto;
}

#header {
width: 779px;
height: 140px;
}

.logo {
margin-top: 21px;
width: 361px;
height: 76px;
float: left;
}

.logo-special { background: url(../img/img_logo_small.gif) no-repeat top left; height: 62px; background-position: 190px 2px; padding-top: 15px;}

.strap { padding: 0px 22px 0px 0px; margin: 40px 0px 0px 0px; width: 383px; height: 78px; float: right; text-align: right;}


#content {
_height: 650px;
min-height: 650px;
width: 490px;
padding: 0 10px 0 50px;
float: left;
margin: 0;
}

#content-guarntee {
min-height: 430px;
width: 490px;
padding: 0 10px 0 50px;
float: left;
margin: 0;
}

#content-glossary {
min-height: 430px;
width: 490px;
padding: 0 10px 0 50px;
float: left;
margin: 0;
}

#rightnav {
width: 175px;
float: right;
height: 10px;
margin: 0;
padding: 10px 0 0 0;
}

#navigation {
background: url(../img/img_bg_header.gif) no-repeat top left;
padding-left: 27px;
width: 752px;
height: 40px;
}

#body-bg {
background: url(../img/img_bg.gif) repeat-y top left;
width: 779px;
}

#body-wrap {
width: 725px;
margin: 0 27px 0 27px;
background: url(../img/img_bg_content.gif) no-repeat bottom left;
}


/*
#header-image1 {
width: 725px;
height: 153px;
background: url(../img/img_header1.jpg) no-repeat top left;
}
*/

/*
#header-image1 {
width: 725px;
height: 153px;
background: url(../img/img_header2.jpg) no-repeat top left;
}
*/

#header-image1 {
width: 725px;
height: 153px;
background: url(../img/img_header4.jpg) no-repeat top left;
}

#footer {
height: 20px;
margin-top: 10px;
padding: 5px 10px 0 10px;
background-color: #666666;
clear: both;
}

#footer-bg {
width: 779px;
height: 35px;
background: url(../img/img_bg_footer.gif) no-repeat;
}

/* RIGHTNAV*/

.box-wrap {
width: 175px;
}

.box-top {
width: 175px;
height: 19px;
background: url(../img/img_box_top.gif) no-repeat;
}

.box-bg {
background: url(../img/img_box_bg.gif) repeat-y;
}

.box-bottom {
padding-bottom: 10px;
width: 175px;
height: 19px;
background: url(../img/img_box_bottom.gif) no-repeat;

}

.margin-top-50px { margin-top: 50px; }
.margin-top-80px { margin-top: 80px; }