/* CSS Document */



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, 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; }
ol, ul {list-style: none;}

a {text-decoration: none;}




body{

background:url(images/flake.jpg) top left repeat-x;

text-align:center;

font-family:arial;

font-size:13px;

}




#wrapper{

width:800px;

text-align:left;

margin-right:auto;

margin-left:auto;

position:relative;

}



#logo{

background:url(images/flake_hats.jpg) top left no-repeat;

width:362px;

height:196px;

position:absolute;

top:0px;

left:0px;

}

h1{

font-size:15px;

font-weight:normal;

letter-spacing:.1em;

margin-bottom:15px;

}

#left a:link, #left a:visited{

color:#b4462a;

text-decoration:underline;

}

#left a:hover{

color:#999999;

}


/*.............................................................. Nav........... */


#nav{

height:119px;

position:relative;

z-index:10;

}


#menu
{
position: absolute;
right: 0px;
bottom:0px;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li a:link, #menu li a:visited{
margin-left: 0.5em;
display: block;
padding: 10px 20px 10px 20px;
background: #373737 url('images/up.jpg') repeat-x;
border: solid 2px #383838;
color: #cecece;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

#menu li a:hover{
color: #ca5637;
}


/*.............................................................. left........... */

.clear{

clear:both;

}


#left{

position:absolute;

top:220px;

left:0px;

width:485px;

line-height:1.7em;

color:#4d4b4a;

margin-bottom:30px;

padding-bottom:20px;

}

.line{

background:url(images/side_stich.gif) top left repeat-x;

height:8px;

margin:20px 0 20px 0;

}

#left .lower a:link,#left .lower a:visited{

color:#999999;

text-decoration:none;

}

#left .lower a:hover{

color:#333333;

}

.lower span{

color:#b4462a;

}




/*.............................................................. Right........... */


#right{

float:right;

background:url(images/up_stitch.gif) top left repeat-y;

top:160px;

right:0px;

width:275px;

padding-left:15px;

margin-bottom:90px;

margin-top:40px;

}

#right_top{

float:right;

width:267px;

background:url(images/cross.gif) top left repeat;

float:right;

margin-bottom:15px;

text-align:center;

padding-top:20px;

padding-bottom:10px;

}

.hat_style{

background-color:#d9d7d6;

z-index:3;

width:225px;

height:100px;

margin-left:auto;

margin-right:auto;

margin-bottom:5px;

}

.butt{

background-color:#d9d7d6;

padding-top:3px;

padding-bottom:3px;

width:225px;

margin-left:auto;

margin-right:auto;

margin-bottom:10px;

}


#right a:link, #right a:visited{

color:#333333;

}

#right a:hover{

color:#b4462a;

}



#pass{

background:url(images/login.jpg) top left no-repeat;

width:267px;

height:182px;

z-index:5;

float:right;

position:relative;

}


#login{

position:absolute;

top:43px;

left:40px;

}


#login p{

margin-bottom:15px;

}

.form{

border:none;

background:url(images/gray.jpg) top left repeat;

padding:4px;

color:#c2c2c2;

}


.box{

border: 1px dashed gray;

background:url(images/cross.gif) repeat;

padding:3px;

}