/*
Primary Colors:
dark Grey: #404040;
light Grey: #949494;
Just: #eeeeee;
Passion: #a30000;
Advice: #c0701a;
*/

body{
margin: 0 auto;
padding: 0;
background-color:#fff;
height:100%;
font-size: 13px;
font-family:Verdana, Helvetica, sans-serif;
line-height: 17px;
text-align: center;
color: #404040;
line-height: 1.6em;
letter-spacing: 1px;
}

#header {
height: 130px;
margin-top: 40px;
background-image: url(images/lines.gif);
background-position: 15px;
background-repeat:repeat-x;
font-family: "Georgia", Times New Roman, Times, serif;
}

 a.contact{
text-align: center;
font-size: 15px;
line-height: 35px;
padding-top: 5px;
margin: 0;
font-weight: normal;
font-family: Georgia, Times New Roman, serif;
color: #6a6a6a;
background-color: #eee;
width: 160px;
display: block;
position: fixed;
top: 0;
left: auto;
right: 240px;
}

a.contact:hover {
color: #fff;
background-color: #6a6a6a;
}

#header p {
padding-top: 30px;
}

#container {
position:relative;
width: 725px;
}

div {
margin: 0 auto;
}

p {
margin: 0 auto;
text-align: left;
margin-top: 10px;
}

ul, li, img, html {
margin: 0;
padding: 0;
}

a {
text-decoration:none;
color: #949494;
}

a:hover {
color: #040404;
}

#scrollLinkJ {
height: 160px;
float:left;
}

.scrollTextJ {
height: 132px;
width: 725;
clear:left;
}
#scrollLinkP {
height: 280px;
float:left;
}
.scrollTextP {
height: 280px;
clear:left;
}

#scrollLinkA {
height: 250px;
float:left;
}

.scrollTextA {
height: 219px;
clear:left;
}

.window1 {
width: 725px;
height: 160px;
overflow: hidden;
float:left;
}

.window2 {
height: 280px;
width: 725px;
overflow: hidden;
float:left;
}

.window3 {
height: 250px;
width: 725px;
overflow: hidden;
float:left;
}

#just {
margin-top: 30px;
width: 725px;
overflow:hidden;
}


#passion {
margin-top: 15px;
width: 725px;
overflow:hidden;
}

#advice {
margin-top: 15px;
width: 725px;
overflow:hidden;
}

#just a{
margin-top: 11px;
text-indent: -9999px;
display:block;
width:356px;
height:106px;
background: url(images/just1.gif) 0 0 no-repeat;
}

#just a:hover{
text-indent: -9999px;
display:block;
background-position: -356px 0;
}

#scrollLinkP a{
margin-top: 80px;
text-indent: -9999px;
display:block;
width:700px;
height:106px;
background: url(images/passion1.gif) 0 0 no-repeat;
}

#scrollLinkP a:hover{
margin-top: 80x;
text-indent: -9999px;
display:block;
background-position: -700px 0;
}

#advice a{
margin-top: 56px;
text-indent: -9999px;
display:block;
width:611px;
height:106px;
background: url(images/advice1.gif) 0 0 no-repeat;
}

#advice a:hover{
margin-top: 56px;
text-indent: -9999px;
display:block;
background-position: -611px 0;
}

h2 {
color: #949494;
font-size: 27px;
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
letter-spacing: 1px;

}

#badasses {
margin-top: 25px;
height: 255px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
line-height: 2.5em;
}

ul {
list-style: none;
}

li a {
color: #404040;
}

li a:hover {
color: #949494;
text-decoration: underline;
}

.left {
margin-left: 154px;
text-align: right;
float: left;
}

.right {
margin-right: 185px;
text-align: left;
float:right;
}

#footer {
clear:both;
margin: 20px;
}

#footer p {
text-align: center;
font-size: 10px;
margin:0;
line-height: 15px;
letter-spacing:1.5px;
}

span{
font-weight:bold;
}