/* CSS Document */

body
{

padding: 0;
background-image:  url(images/master_bckgrnd_001.jpg);
}
a:link
{
text-decoration: none;
color: #cccccc;
}

p 
{
line-height: 40%;
font-size: 10pt;
font-family: arial;
font-color: #000;
}

a:visited
{
color: #cccccc;
}

a:hover ,a:active
{
color: #cccccc;
background-color: none;
}
ul
{
list-style: none;
}
a: img, img
{
border: none;
}
.copy
{
font-size: 8pt;
font-family: sans-serif;
font-color: #000;
margin: 2px 0px 2px 0px;
}
h1.body {
background-color:#808080;
font-family: sans-serif;
color:#FFFFFF;
font-size:12px;
margin:1px 0px 2px 0px;
padding:2px 1px 2px 25px;
}

/*-------------------------top------------------------*/
#top   {
width: 790px;
align: center; 
margin: 0 auto; 
}


/*-------------------------main------------------------*/
#main  {

align: center; 
margin: 0 auto; 
background-color: #666666;
width: 790px;
/*margin-left: 112px;
margin-top: 20px;
padding: 5px 5px 5px 5px;*/
}

/*-------------------------header----------------------*/
#header {
height: 214px;
width: 790px;
/*background-color: #cccccc;*/
background-repeat: no-repeat;
background-image:  url(images/Leftys_Barber_Shop_header2.jpg);
}

/*-------------------------nav-------------------------*/
#nav
{
height: 10px;
width: 790px;
/*border-bottom: .5px solid;*/
background-color: #cccccc;
}

/*-------------------------navlist---------------------*/
ul#navlist
{
font-size: 10pt;
font-family: sans-serif;
font-weight: bold;
/*width: 505px;*/
margin: 0px 0px 0px 112px;
padding: 3px 0px 0px 245px;

white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a 
{
margin:  0px;
padding: 0px 20px 0px 20px; 
}
#navlist a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
}
#navlist a:hover
{
color: #ffffff;
background-color: #cccccc;
text-decoration: none;
}
/*-------------------------body_main------------------*/

#body_main {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 5px 0px 21px 0px;
margin:  10px 40px 10px 40px;
height: 362px;
width: 710px;
}


/*-------------------------shell----------------------*/

#shell {
padding: 5px 0px 5px 0px;
background-color: #cccccc;
width: 790px;
}



/*-------------------------banner---------------------*/

#banner {
margin-left: auto;
margin-right:2px;
height: 6px;
width: 800px;
background-color: #ffffff;
}
/*-------------------------------------------------------------------BODIES---------------------------------*/
/*------------------------body------------------------*/
#body
{
/*float: left;
height: 333px;
width: 687px;
margin: 0px 1px 2px 3px;
padding: 0px 2px 2px 7px;
background-image:  url(images/home_pic.png);
border: 1px dotted;*/
}

/*----------------------------------------------------body_home------------------------------------------------*/
#body_home
{
width: 687px;
/*height: 333px;
float: left;
margin: 0px 2px 2px 7px;
border: 1px dotted;*/
padding: 10px 1px 8px 2px;
background-image:  url(images/Refined/chair.jpg);
}

#body_home_main {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 0px;
margin:  10px 40px 10px 40px;
height: 497px;
width: 710px;
}

#body_main_home {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 5px 0px 21px 0px;
margin:  10px 40px 10px 40px;
height: 325px;
width: 710px;
}

/*------------------------body_services_main------------------------*/
#body_services
{
float: left;
height: 480px;
width: 687px;
margin: 0px 1px 2px 3px;
padding: 0px 2px 2px 7px;
background-image:  url(images/Refined/services_photo.jpg);
/*border: 1px dotted;*/
}

#body_main_history {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 5px 0px 21px 0px;
margin:  10px 40px 10px 40px;
height: 325px;
width: 710px;
}

#body_services_main{
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 0px;
margin:  10px 40px 10px 40px;
height: 510px;
width: 710px;
}


/*------------------------body_gallery------------------------*/
#body_gallery
{
height: 333px;
width: 710px;
/*margin: 0px 1px 2px 3px;
padding: 0px 2px 2px 7px;
border: 1px dotted;*/
}

#body_main_gallery {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 0px 0px 21px 0px;
margin:  10px 40px 10px 40px;
height: 360px;
width: 710px;
}

#body_gallery_content
{
margin: 5px;
height: 320px;
width: 700px;


}

/*------------------------body_contact_us------------------------*/
#body_contact_us
{
/*float: left;
height: 350px;
margin: 0px 1px 2px 3px;
padding: 0px 2px 2px 7px;
border: 1px dotted;*/
width: 687px;
background-image:  url(images/Refined/contact_us.jpg);
}

#body_main_contact_us {
background-color: #2d363e;
border-color: #999999;
/*border-left: .5px solid;
border-right: .5px solid;*/
border: 1px ;
padding: 0px 0px 21px 0px;
margin:  10px 40px 10px 40px;
height: 345px;
width: 710px;
}

/*----------------------body_content-----------------*/
#body_content
{

margin: 0px;
width: 690px;
height: 345px;
color: #ffffff;
/*width: 445px;*/
}

#body_content_home_top
{
line-height: 12pt;
font-size: 10pt;
font-family: arial;
font-color: #000;
margin: 0 1px 1px 20px;
width: 332px;
height: 332px;
color: #ffffff;
}

#body_content_home_bottom
{
line-height: 12pt;
font-size: 10pt;
font-family: arial;
font-color: #000;
margin: 23px 1px 1px 20px;
width: 640px;
height: 90px;
color: #ffffff;
}
/*-------------------------------------body_contact_text----------------------------------*/

#body_contact_text  {
float: left;
height: 245px;
width: 158px;
padding: 4px;
margin: 135px 0px 6px 37px ;

}

#body_text  {
float: left;
height: 245px;
width: 370px;
padding: 4px;
margin: 5px;

}

/*-----------------------------------------maps--------------------------------------------*/
#maps {
float:right;
padding: 0px 12px 10px 15px;
margin: 122px 354px 2px 2px;
width: 102px;
height: 200px;
}

#map1  {
width: 71px;
height: 71px;
padding: 0px;
margin: 0px;
/*background-image:  url(images/Refined/map1.jpg);*/
}

#map2  {
width: 71px;
height: 71px;
padding: 0px;
margin: 0px;
/*background-image:  url(images/Refined/map2.jpg);*/
}

ul#garnet_map
{
height: 71px;
width: 80px;
margin:1px;
padding:1px;
white-space: nowrap;
}
#garnet_map li
{
height: 71px;
width: 80px;
/*display: inline;
list-style-type: none;*/
margin: 1px 0px 0px 1px;
padding: 1px;

}
#garnet_map a 
{
margin:  0px;
padding: 0px; 

}
#garnet_map a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
border: none;
}

ul#cass_map
{
height: 71px;
width: 80px;
margin:1px;
padding:1px;
white-space: nowrap;
}
#cass_map li
{
height: 71px;
width: 80px;
/*display: inline;
list-style-type: none;*/
margin: 1px 0px 0px 1px;
padding: 1px;
}
#cass_map a 
{
margin:  0px;
padding: 0px; 
}
#cass_map a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
border: none;
}


/*----------------------sidebar----------------------*/
#sidebar
{
float: right;
height: 350px;
width: 200px;
margin: 0px;
padding: 2px;
/*border: 1px dotted;*/
}

/*----------------------sidebar_content--------------*/
#sidebar_content
{
height: 345px;
width: 333px;
margin: 0px;
}

/*----------------------footer-----------------------*/
#footer
{
background-color: #cccccc;
height: 85px;
width: 790px;
margin: 0px;
padding: 5px 0px 1px 0px;
/*border: 1px dotted;*/
}

#email{
padding: 1px 1px 10px 47px;
width: 102px;
height: 10px;
color: #000000;
}

/*---------------------link_buttons-----------------*/

#links
{
height: 0px;
width: 790px;
border-color: none;
background-color: #cccccc;
}

ul#links_button_list
{
/*font-size: 10pt;
font-family: sans-serif;
font-weight: bold;
width: 505px;*/
margin: 0px 0px 0px 0px;
padding: 1px 3px 1px 485px;

white-space: nowrap;
}
#links_button_list li
{
display: inline;
list-style-type: none;
}
/*-------------------------------------Gallery---------------------------------*/

#Gallery_room1 {
width: 660px;
height: 320px;

/*margin: 10px 25px;


background-image:  url(images/Refined/garnet.jpg);*/

}

ul#garnet
{
float:left;
font-size: 10pt;
font-family: sans-serif;
font-weight: bold;
width: 300px;
margin:1px 0px 2px 0px;
padding:2px 1px 2px 25px;
white-space: nowrap;
}
#garnet li
{
display: inline;
list-style-type: none;
margin: 1px 0px 0px 1px;
padding: 1px;
}
#garnet a 
{
margin:  0px;
padding: 0px; 
}
#garnet a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
}

#Gallery_room2 {
height: 274px;
width:10px;
margin: 10px 25px;

/*background-image:  url(images/Refined/cass.jpg);*/

}

ul#cass
{
float:right;
font-size: 10pt;
font-family: sans-serif;
font-weight: bold;
width: 338px;
margin:1px 0px 2px 0px;
padding:2px 1px 2px 25px;
white-space: nowrap;
}
#cass li
{
display: inline;
list-style-type: none;
margin:  1px 0px 0px 1px;
padding: 1px;
}
#cass a 
{
margin:  0px;
padding: 0px; 
}
#cass a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
}