@charset "UTF-8";
/* CSS Document */

/*

Blue: 65bdff;
gray: 626262;

*/


/* RESET */

html, body, div, h1, h2, h3, h4, h5, 
h6, p, pre, code, em, font, img, small, strong, center,
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
font-size: 100%;
font-family: "Trebuchet MS", helvetica, sans-serif;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

p {
line-height: 20px;
font-size: 13px;
margin: 0 0 1em 0;
}

strong {
color: #4e4b44;
font-weight: bold; 
}

/* INPUT */

html {
background:url(images/bg.jpg) repeat;
}   

#topline {
height: 7px;
background:url(images/topline.jpg);
margin-bottom: 9px;
}

#container {
margin: auto;
width: 800px;
}

#header {
background:url(images/bgheader.jpg) no-repeat;
height: 96px;
position:relative;
border-top:solid 4px #c69c6d;
border-bottom:solid 4px #c69c6d;
}

#logo {
margin-top:10px;
font-size: 50px;
color:#4e4b44;
float:left;
margin-left: -60px;

}

#logo a{
font-size: 50px;
color:#4e4b44;
text-decoration:none;
}

#logo a:hover {
text-decoration:overline;
}

#nav li a{
display: inline;
padding-right: 15px;
margin-top:2px;
font-size:15px;
float:right;
color:#e5d399;
text-decoration:none;
}

#nav li a:hover{
display: inline;
padding-right: 15px;
margin-top:2px;
font-size:15px;
float:right;
color:#e5d399;
text-decoration:underline;
}

#tagline {
z-index: 2;
position:absolute;
margin-left: 472px;
margin-top: 74px;
font-size:20px;
color: #4e4b44;
}

#banner{
position:relative;
margin-top:9px;
height: 259px;
background:url(images/bgbanner.jpg);
border-top:solid 4px #afc6b4;
border-bottom:solid 4px #afc6b4;
z-index:2;
}

#bannerimage{
width:232px;
height:224px;
position:absolute;
background-image:url(images/orange.jpg);
margin-top:-245px;
margin-left:550px;
z-index:4;
}

#bannertext{
position:absolute;
width:490px;
float:left;
margin-top:79px;
margin-left:50px;
z-index: 2;
font-size:18px;
line-height: 26px;
color:#d3d7d8;
font-style:oblique;
}

#main {
position:relative;
background:url(images/bgmain.jpg);
width:800px;
height:400px;
margin:auto;
border-top:solid 4px #c69c6d;
border-bottom:solid 4px #c69c6d;
margin-top: 9px;
}

#main a{
z-index:1;
position:relative;
text-decoration:none;
color:#d3d7d8;
line-height:20px;
}

#main a:hover{
text-decoration:underline;
}

#col1, #col2, #col3{
padding-top:40px;
float:left;
width: 200px;
padding-left:50px;
line-height: 30px;
color:#4e4b44
}

#col1 {
margin-left:0px;

}


h2{
font-size:26px;
padding-bottom:20px;
color:#36342f;
}



#footer{
position:relative;
background:url(images/bgfooter.jpg);
height:177px;
border-top:solid 4px #afc6b4;
margin-top: 9px;
}

#footercontent, a{
text-decoration:none;
color:#d3d7d8;
font-size:13px;
margin-top:65px;
line-height:30px;
}

#footercontent a {
padding-right:5px;
padding-left:5px;
}

#footercontent a:hover{
text-decoration:underline;
}



#triangle1{
background:url(images/triangle1.jpg) no-repeat;
position:relative;
width:80px;
height:57px;
padding-left:0px;
margin-bottom:-180px;
z-index:9;
margin-top:-17px;
margin-left:20px;


}

#triangle2{
background:url(images/triangle2.jpg) no-repeat;
position:relative;
width:80px;
height:57px;
z-index:10;
margin-left:676px;
margin-top:500px;

}