 * {
margin:0;
padding:0;
}

body {
background: url(bg_body.png) repeat-x top center #c3d4e0;
color: #dde8ee;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 12px;
line-height: 130%;
}

#container {
margin: 0 auto;
width: 720px;
}

#header {
background: url(bg_bar.png) repeat-x bottom left;
clear: both;
height: 148px;
margin: 16px 0;
}

#content {
float: left;
margin: 0 auto 16px auto;
overflow: hidden;
padding: 0 16px 16px 16px;
position: relative;
width: 412px;
}

#sidebar {
float: right;
padding: 12px;
width: 213px;
}

#footer {
background: url(bg_bar.png) repeat-x top left;
clear: both;
font-size: 12px;
margin: 0 auto 0 auto;
padding: 16px 0;
text-align: center;
width: 720px;
}

a:link, a:visited, a:active {
color: #5381ac;
}

a:hover {
color: red;
background-color: yellow;
text-decoration: underline;
}

#header h1, #header h2 {
text-indent: -4000px;
}

#header h1 {
background: url(logo.png) no-repeat top left;
height: 80px;
margin: 0 auto ;
width: 254px;
}

#header h2 {
background: url(bg_subtitle.png) no-repeat bottom left;
height: 46px;
margin: 0 auto 32px auto;
width: 473px;
}

#content h1 {
color: #194267;
font-size: 24px;
font-weight: bold;
margin: 16px 0 8px 0;
line-height:27px;
letter-spacing:-1px;
}

#content h1 a {
color: #194267;
text-decoration: underline;
}

#content h2 {
color: #194267;
font-size: 18px;
font-weight: bold;
margin: 0 0 18px 0;
line-height:21px;
}

#content h3 {
color: #5381ac;
font-size: 18px;
font-weight: bold;
margin: 16px 0 8px 0;
line-height:21px;
padding: 3px 0;
}

#content h4 {
color: #194267;
font-size: 18px;
font-weight: bold;
margin: 0 0 3px 0;
line-height:21px;
padding: 3px 0;
}

p {
clear: both;
margin: 0 0 1em 0;
font-family: georgia,serif;
font-size: 14px;
line-height: 16px;
color: #000;
}

p.publisher {
font-weight: normal;
}

p.price, p.price a {
font-weight: bold;
color: #000;
}

p.price a {
text-decoration: none;
}

p.despatch {
font-weight: normal;
font-style:italic; 
}

p.link {
background-color: #7bb3cd;
background: url(arrow.png) no-repeat center left;
padding: 6px 12px 6px 45px;
border: 1px solid white;
color: #000;
font-weight: bold;
}

p.link a {
color: #194267;
margin: 0;
}

p.index {
font-weight: normal;
}

.red {
font-family: "helvetica neue", helvetica, arial, sans-serif;
color:red;
background-color:yellow;
padding:2px 4px 1px 4px;
}

#footer p {
font-family: "helvetica neue", helvetica, arial, sans-serif;
color: #5381ac;
font-size: 11px;
}

#footer a {
color: #5381ac;
text-decoration: none;
}

#footer a:hover {
color: red;
}

img {
border: none;
}

#content img {
background: #fff;
border: 1px solid #5381ac;
padding: 2px;
}
