/* Project: Jarrod.co.za */


:link, :visited { 
text-decoration : none; 
} 
:focus, :active { 
outline : 0; 
} 
ul, ol { 
list-style : none; 
} 
h1, h2, h3, h4, h5, h6, pre, code { 
font-size : 1em; 
} 
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { 
margin : 0; 
padding : 0; 
} 
a img, :link img, :visited img, fieldset { 
border : none; 
} 
body { 
font : 0.8em "Verdana", Helvetica, sans-serif; 
color : #666; 
background : #000 url(../images/bg.jpg) repeat-x; 
} 
a { 
color : #000; 
cursor : pointer; 
} 
a:hover { 
color : #7d1919; 
} 
h2 { 
font : normal 1.6em Arial; 
color : #3d3c3b; 
margin : 0 0 15px; 
} 
p { 
margin : 0 0 15px; 
line-height : 1.7em; 
text-align : justify; 
} 
.wrap { 
margin : 0 auto; 
width : 900px; 
} 
#top { 
width : 900px; 
background : #000 url(../images/top.png) no-repeat; 
padding-top : 20px; 
margin-top : 30px; 
} 
#header { 
height : 201px; 
width : 900px; 
background : #bfcdd9 url(../images/header.jpg) no-repeat; 
padding-top : 0; 
} 
#logo { 
float : left; 
margin-top : 109px; 
margin-left : 60px; 
} 
.menu { 
width : 900px; 
height : 24px; 
background : url(../images/menu.jpg) no-repeat; 
z-index : 100; 
} 
.menu p { 
margin-left : 110px; 
padding-top : 3px; 
font : 0.9em "Arial", century schoolbook, verdana, sans-serif; 
color : #666; 
} 
.menu a { 
padding-left : 5px; 
color : #000; 
cursor : pointer; 
text-decoration : underline; 
font-weight: bold;
}

.menu a:hover { 
color : #7d1919; 
font-weight: bold;
} 
.body3 { 
margin : -122px auto; 
width : 900px; 
height : 584px; 
background : #f7fcff url(../images/wood3.jpg) repeat; 
} 
#black { 
background : url(../images/black.jpg) no-repeat 70px 20px; 
width : 825px; 
height : 360px; 
} 
#block { 
background : url(../images/block.jpg) no-repeat; 
width : 240px; 
height : 300px; 
float : right; 
margin-top : 40px; 
margin-right : 20px; 
} 
#plank1 { 
background : url(../images/plank1.png) no-repeat; 
width : 760px; 
height : 97px; 
margin-top : 10px; 
margin-left : 65px; 
} 
#plank1 p { 
font : 0.89em "Arial", century schoolbook, verdana, sans-serif; 
color : #000; 
padding : 45px; 
} 
#plank2 { 
background : url(../images/plank2.png) no-repeat; 
width : 760px; 
height : 79px; 
margin-left : 65px; 
} 
#plank2 p { 
font : 1em "Palatino Linotype", Book Antiqua, sans-serif; 
color : #666; 
padding : 50px; 
} 
#plank2 a { 
font : 0.8em "verdana", Arial, sans-serif; 
color : #000; 
} 
#plank2 a:hover { 
font : 0.9em "Verdana", Arial, sans-serif; 
color : #7d1919; 
font-weight : bold; 
} 
#tag { 
background : url(../images/tag.png) no-repeat 135px 0; 
height : 146px; 
} 
.footer { 
height : 50px; 
width : 900px; 
background : url(../images/footer.png) no-repeat; 
margin : 220px 0 0 0; 
} 
#floor { 
height : 980px; 
background : url(../images/floor2.jpg) no-repeat bottom; 
} 
#portlogo { 
background : url(../images/logo.png) no-repeat bottom; 
height : 200px; 
width : 280px;  
margin-top : 0; 
margin-left : 150px; 
} 
#sectional { 
height : 300px; 
overflow : hidden; 
padding-top : 40px; 
padding-bottom : 20px; 
width : 550px; 
} 
.haccordion { 
margin-left : 90px; 
width : 550px; 
overflow : hidden; 
} 
.haccordion .header { 
float : left; 
height : 300px; 
} 
.haccordion .content { 
float : left; 
height : 300px; 
background : #f5efd3; 
width : 0; 
display : none; 
overflow : auto; 
} 
.haccordion .header { 
width : 50px; 
background : url(../images/bg_sectional.jpg) no-repeat; 
color : #fff; 
cursor : pointer; 
border-right : 2px solid #30240a; 
} 
.haccordion .content p { 
margin : 0px 20px 10px 15px; 
font : 1em "Arial", century schoolbook, verdana, sans-serif;  
color : #666; 
} 
.haccordion .content h2 { 
margin : 15px 20px 10px 15px; 
font : 1.3em "Arial", century schoolbook, verdana, sans-serif; 
color : #000; 
font-weight : bold; 
} 
.haccordion .content a { 
font : 0.7em "Verdana", verdana, sans-serif; 
color : #000; 
} 
.haccordion .content a:hover { 
font : 0.8em "Verdana", verdana, sans-serif; 
color : #7d1919; 
font-weight : bold; 
} 
#line { 
width : 150px; 
height : 5px; 
margin-top:20px;
padding-top:20px;
background : url(../images/hr.gif) no-repeat; 
margin-left : 95px; 
} 
.slideshow { 
position : relative; 
padding : 10px; 
margin : 23px 25px 10px 16px; 
} 
.slideshow a img { 
border : none; 
} 
.slideshow li.slide { 
list-style-type : none; 
} 
.slideshow .slides { 
height : 260px; 
margin : 10px; 
} 
.slideshow .slides li.slide { 
visibility : hidden; 
position : absolute; 
left : 0; 
top : 0; 
} 
.slideshow ul.buttons li a:hover { 
text-decoration : none; 
color : #0a0a0a; 
} 
.slideshow ul.buttons li.active a:hover .slideshow ul.buttons li.active a { 
color : #666666; 
}
.webtag {
margin-top: 50px;
background : url(../images/webtag.png) no-repeat; 
width: 175px;
height: 23px;
}

.hope {
float:left;
margin-top: 70px;
}
.hope a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web01.jpg) no-repeat; 
}
.hope a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web01b.jpg) no-repeat; 
}


.uvp {
float: left;
margin-top: 70px;
}
.uvp a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web06.jpg) no-repeat; 
}
.uvp a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web06b.jpg) no-repeat; 
}

.claymore {
float: left;
margin-top: 120px;
}
.claymore a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web07.jpg) no-repeat; 
}
.claymore a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web07b.jpg) no-repeat; 
}

.dynisty {
float:left;
margin-top: 70px;
}
.dynisty a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web02.jpg) no-repeat; 
}
.dynisty a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web02b.jpg) no-repeat; 
}

.vision {
margin-top: 70px;
}
.vision a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web03.jpg) no-repeat; 
}
.vision a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web03b.jpg) no-repeat; 
}

.finpost {
float: left;
margin-top: 120px;
margin-left: -100px;
}
.finpost a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web04.jpg) no-repeat; 
}
.finpost a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web04b.jpg) no-repeat; 
}
.gems {
float: left;
margin-top: 120px;

}
.gems a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web05.jpg) no-repeat; 
}
.gems a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web05b.jpg) no-repeat; 
}

.holdings {
float: left;
margin-top: 120px;
}
.holdings a{
width: 80px;
height: 77px;
padding: 50px;
background : url(../images/web08.jpg) no-repeat; 
}
.holdings a:hover{
width: 80px;
height: 77px;
padding: 50px;
font-weight: bold;
background : url(../images/web08b.jpg) no-repeat; 
}


#music{
float: right;
margin-right: 20px;
margin-top: 20px;
background : url(../images/music.png) no-repeat; 
width: 379px;
height: 84px;
padding: 10px;
padding-top: 20px;
}
#music li{
float: left;
padding: 10px;
margin-left: 5px;
background : url(../images/dot.png) no-repeat -1px 15px; 
}