CSS Code

/* v1.0 | 20080212 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***********************************************************************************************************/
/*  TSS - CSS  */

body {font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;font-size:76%;background: #BFD3EB url(../images/bg.jpg) repeat-x top left;}
#wrap {width: 850px;margin:20px auto;padding:20px;background:#fff;border:1px solid #C3D1DF;}
#slider {width:700px; margin: 0 auto 20px}
.scroll {width:670px;height:500px;overflow:hidden;background:#000;}
#header {margin-bottom:15px;position:relative; left:-33px;background:#3F2B08;padding:20px;border-bottom:1px solid #aaa;width:875px;}
h1 {font-size: 2.5em;font-weight:bold;color:#fff;margin-bottom:10px;}
h2 {color:#fff;}
 .arrow1 {  
      width: 0; height: 0;  
      line-height: 0;  
      border-left: 12px solid transparent;  
      border-top: 10px solid #0F0A01;  
      top: 100%;  
      left: 0px;  
      position: absolute;  
 } 
 .arrow2 {  
      width: 0; height: 0;  
      line-height: 0;  
      border-right: 12px solid transparent;  
      border-top: 10px solid #0F0A01;  
      top: 100%;  
      right: 0;  
      position: absolute;  
 } 
  .arrow3 {  
      width: 0; height: 0;  
      line-height: 0;  
      border-right: 8px solid transparent;  
      border-top: 10px solid #0F0A01;  
      top: 100%;  
      right: 0;  
      position: absolute;  
 } 
p {margin-bottom:10px;}
.clear {clear:both;}
#content {border:1px solid #ccc;padding:15px;clear:both;}
.panel {border-left:3px solid #fff;}
.panel#pic1 {border:none;}
.panel#info {color:#fff;padding:100px 30px;font-size:1.4em;font-weight:bold;width:260px;;height:300px}
.panel#info ul {list-style:disc;margin-left:15px}
.panel#info ul li {margin-bottom:10px;font-weight:bold}
.panel#info ul li a {color:#fff;}
#price {font-size:1.7em;color:#3F2B08;margin-bottom:16px;}
#price span {font-size:1.5em}
#info-left, #info-right {float:left;}
#info-left {width:500px;padding-right:15px;font-size:1.3em;line-height:1.4em;}
#info-right {width: 280px;font-size:1.2em;position:relative;background:#3F2B08;padding:35px 10px;top:-23px;left:27px;border-bottom:#aaa 1px solid; color:#fff}
#info-right p {font-weight:bold;font-size:1.2em;margin-left:15px;}
#info-right ul {list-style:disc;margin-left:15px}
#info-right ul li {margin-bottom:10px;margin-left:15px;font-weight:bold}
#info-right ul li a {color:#fff;}
#inner-content {clear:both;padding:15px;border:1px solid #ddd;width: 785px;}
#inner-content #left, #inner-content #right {float:left;width:390px}
#inner-content #right h3 {margin-top:20px;}
#inner-content h3 {font-size: 1.7em;color:#3F2B08;margin-bottom:14px}
#inner-content ul {margin: 0 0 15px 15px;}
#inner-content ul li {margin-bottom:5px;font-size:1.2em;}
#inner-content ul li span {font-weight:bold;}
#nav .navigation li{float:left;display:inline;margin-bottom:20px;margin-left:17px; border: 1px solid #000;height:100px}