/* CSS
Author: Greg Cole
Client: PA Beauty Supply
Created: 01-24-08
*/



/* Navigation
=====================================================================*/
#nav ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }

#nav {
	position:           absolute;
	top:                374px;
	left:               17px;
	width:              139px;
	height:             494px;
	background-color:   #ffffff;
}

#nav_home a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/home_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_aboutus a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/aboutus_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_specials a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/specials_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_equipment a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/equipment_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_products a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/products_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_education a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/education_btn.gif) no-repeat;
        margin-left:         4px;
}

#nav_contact a {
        display:             block;
        width:               136px;
        height:              37px;
        background:          url(images/buttons/contact_btn.gif) no-repeat;
        margin-left:         4px;
}


#nav_home a:hover { background-position: -137px 0;}
#nav_aboutus a:hover { background-position: -137px 0;}
#nav_specials a:hover { background-position: -137px 0;}
#nav_equipment a:hover { background-position: -137px 0;}
#nav_products a:hover { background-position: -137px 0;}
#nav_education a:hover { background-position: -137px 0;}
#nav_contact a:hover { background-position: -137px 0;}


#next_btn a {
        display:             block;
        width:               49px;
        height:              19px;
        background:          url(images/buttons/next_btn.png) no-repeat;
}

#back_btn a {
        display:             block;
        width:               49px;
        height:              19px;
        background:          url(images/buttons/back_btn.png) no-repeat;
}

#next_btn a:hover { background-position: -49px 0;}
#back_btn a:hover { background-position: -49px 0;}

li.inline {
        display: inline;
        height: auto;
	    margin: 0;
	    padding: 0;
	    list-style: none;
}

/* Ads - Right Column
=====================================================================*/
#toprightbar {
         position:           absolute;
         top:                269px;
         left:               591px;
         z-index:            150;
}

#rightbar {
	position:           absolute;
	top:                374px;
	left:               604px;
	width:              179px;
	height:             496px;
	background-color:   #ffffff;
}

#rightbar ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Center Structure - Data
=====================================================================*/

#pab_logo {
         position:           absolute;
         top:                25px;
         left:               580px;
         z-index:            9999;
}

body { 
         background-color:   #000000;
         background-image:   none;
         background-repeat:  repeat-y;
         background-attachment:   fixed;
         font-family:        Helvetica, Arial, Geneva, sans-serif;
         font-size:          0.75em;
         margin:             0px;
}

#main_text {
         line-height:        1.3em;
         color:              #434343;
         position:           absolute;
         top:                350px;
         left:               156px;
         width:              409px;
         height:             414px;
         padding-left:       20px;
         padding-right:      20px;   
         z-index:            8001;
}

#main_bkg {
	position:           absolute;
	top:                375px;
	left:               156px;
	width:              449px;
	height:             496px;
	background-image:   url(images/main_bkg_rightbar.jpg);
	background-repeat:  repeat-y;
	z-index:            8000;
}

#footer {
	position:          absolute;
	top:               866px;
	left:              18px;
	padding-bottom:    60px;
}

#wrapper {
         text-align:       left;
         width:            800px;
         margin-left:      auto;
         margin-right:     auto;
         position:         relative;
		 z-index:          0;
}
		 
/*===================================================================*/ 


table.line1 {
	     margin-top:       5px;
	     padding-top:      10px;     
}

h2 {color: #9b9b9c;}

.nolistyle {
     list-style: none;}
	 
a:link.lightgray    {color: #afafaf; text-decoration: none;}
a:visited.lightgray {color: #afafaf; text-decoration: none;}
a:hover.lightgray   {color: #434343; text-decoration: underline;}

a img              {border: none}

a:link.darkgray    {color: #434343; text-decoration: none;}
a:visited.darkgray {color: #434343; text-decoration: none;}
a:hover.darkgray   {color: #434343; text-decoration: underline;}

a:link.darkgray2    {color: #434343; text-decoration: underline;}
a:visited.darkgray2 {color: #434343; text-decoration: underline;}
a:hover.darkgray2   {color: #afafaf; text-decoration: underline;}

a:link.darkgray3    {color: #434343; text-decoration: none;}
a:visited.darkgray3 {color: #434343; text-decoration: none;}
a:hover.darkgray3   {color: #afafaf; text-decoration: underline;}

a:link.backnext    {color: #afafaf; text-decoration: none; font-weight: bold;}
a:visited.backnext {color: #afafaf; text-decoration: none; font-weight: bold;}
a:hover.backnext   {color: #434343; text-decoration: underline; font-weight: bold;}

.backnextline {
      font-size: 1.5em;
	  color:     #afafaf;     
}

.insidelist {
      list-style-position: inside;
}

ul.left {
	  padding: 0px;
	  margin:  15px;
}

.floatleft { 
      float: left; 
      margin-right:  35px;
	  margin-bottom: 500px;  
}

.floatright { 
      float: right; 
      margin-left:  20px;
	  margin-bottom: 20px;  
}

.topline {
       border-top:       1px dotted #434343;
}

.aligntop {
           padding-top: 0px;
	       margin-top: 0px;
}


.bold {font-weight: bold;}

.bold-lightgray {
      font-weight: bold;
	  color:       #9b9b9c;
}