/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% verdana,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link		{color: #d4291c;}
a:active	{color: #d4291c;}
a:visited	{color: #d96161;}
a:hover		{color: #d4291c; text-decoration:underline;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;margin:0 auto; width:760px; background:#000 url(../images/bg.jpg) repeat-x;}

#header {width:760px; height:155px; background:url(../images/header.jpg) no-repeat; position:relative;}
#header a {display:block; position:absolute; top:88px; left;0px; width:226px; height:59px;}

#body {}

#main-content {width:760px; padding-bottom:20px; float:right;}
#main-content p {margin:10px 0 10px 0;}

#products {width:760px; height:255px; background:url(../images/products.jpg) no-repeat; padding-top:6px;}  

#blocks {width:760px; height:226px; float:left;}
#buttons {width:760px; height:60px; float:left;}
#bluetop a {float:left; display:block; width:226px; height:60px; background:url(../images/button-blue.jpg) no-repeat;}
#bluetop a:hover {background:url(../images/button-blue-hover.jpg) no-repeat;}
#redtop a {float:left; display:block; width:305px; height:60px; background:url(../images/button-red.jpg) no-repeat;}
#redtop a:hover {background:url(../images/button-red-hover.jpg) no-repeat;}
#greentop a {float:left; display:block; width:226px; height:60px; background:url(../images/button-green.jpg) no-repeat;}
#greentop a:hover {background:url(../images/button-green-hover.jpg) no-repeat;}

#blocks p {color:#fff;}
#blue {padding:20px; clear:both; border-right:1px solid; float:left; width:186px; height:126px; background: url(../images/bg-blocks.gif) bottom repeat-x;}
#red {padding:20px; border-right:1px solid; float:left; width:264px; height:146px; background: url(../images/bg-blocks.gif) bottom repeat-x;}
#green {padding:20px; float:left; width:186px; height:126px; background: url(../images/bg-blocks.gif) bottom repeat-x;}

#footer {clear:both; width:100%; height:100px;}
#footer p {color:#373737;padding-top:15px; text-align:center; line-height:20px;}
#footer p a {}