/* ===========================
==============================

CSS Style Sheet v1.0 

The Spot BarberShop

Author: 10Talents Design Co.
2009

www.10talentsdesign.com

*Global Styles

=============================
=============================*/

/*Nav styles*/
@import url("nav.css");

/*Right col styles*/
@import url("col.css");

/*Calender styles*/
@import url("calstyle.css");
 

/*Begin Global Styles*/
body,h1,h2,h3,h4,p,ul,li,a,span,img,div {
padding:0;
margin:0;
}

ul li {
list-style:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
text-align:center;
background:#000000;
color:#CECECE;
font-size:12px;
font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
}

#wrapper {
width:960px;
margin:0 auto;
text-align:left;
background:#000000 url(images/header.jpg) no-repeat;
}

#content {
position:relative;
}

#main {
margin:0;
padding:0;
width:531px;
padding:0 31px;
float:left;
border-right:1px solid #3E3E3E;
}

#main p {
margin-bottom:15px;
line-height:1.78em;
}

.redh1 {
color:#BE1A00;
font-size:18px;
margin:0 0 15px 0;
}

.bottompad {
margin-bottom:25px;
}

.toppad {
margin-top:25px;
}

.booknow {
height:28px; width:77px;
display:block;
background:url(images/booknow.jpg) no-repeat;
letter-spacing:-1000em;
float:right;
margin:8px 0 0;
text-indent:-9999px;
}

.negpad {
margin-left:-31px;
margin-right:-10px;
}

.date {
color:#BE1A00;
font-size:14px;
font-weight:normal;
}

.linktext {
letter-spacing:-1000em;
text-indent:-9999px;
}

#disc {
text-align:center;
color:#BE1A00;
padding-top:200px;
font-size:10px;
}

ul#footerlink {
margin-bottom:20px;
color:#CECECE;
font-size:12px;
}

ul#footerlink li a {
color:#CECECE;
padding:0 10px;
}

ul#footerlink li {
display:inline;
}

#footer {
clear:both;
background:url(images/footer.jpg) no-repeat;
height:373px;
}

h1#barbersh1 {
width:560px; height:35px;
text-indent:-9999px;
margin-left:-15px;
background:url(images/barbersh1.jpg) no-repeat;
}

h1#servicesh1 {
width:560px; height:35px;
text-indent:-9999px;
margin-left:-15px;
background:url(images/serviceh1.jpg) no-repeat;
}

h1#locationh1 {
width:560px; height:35px;
text-indent:-9999px;
margin-left:-15px;
background:url(images/locationh1.jpg) no-repeat;
}

h1#firsttimeh1 {
width:560px; height:35px;
text-indent:-9999px;
margin-left:-14px;
background:url(images/firsttime.jpg) no-repeat;
}

h1#apphomeh1 {
width:560px; height:35px;
text-indent:-9999px;
margin-left:-14px;
background:url(images/apphomeh1.jpg) no-repeat;
}

h1#bookapph1 {
width:560px; height:35px;
text-indent:-9999px;
margin:30px 0 0 -14px;
background:url(images/bookapph1.jpg) no-repeat;
}

#barbersul h1 {
margin:20px 0;
font-size:18px;
}

#barbersul img  {
margin:0 20px 0 0;
border:1px solid #CECECE;
}

#flash {
border:1px solid #666666;
width:532px;
margin: 0 0 20px;
}

.leftfloat img {
float:left;
}

iframe {
border:10px solid #333333;
margin: 10px 0;
}

.nofloat p {
margin-top:20px;
}

#registerform {
margin:20px auto;
width:450px;
font-size:12px;
color:#999999;
}

#loginform {
width:300px;
margin:10px auto;
}

#loginform, #loginform a {
color:#999999;
}

#email, #pass, #re_pass, #first_name, #last_name, #street, #city, #zip, #state, #phone, #old_pass {
background:transparent url(images/regfield.jpg) no-repeat;
border:none;
height:20px;
width:260px;
padding:4px;
}

#user, #password {
height:20px;
width:190px;
background:transparent url(images/loginfield.jpg) no-repeat;
border:none;
padding:4px;
}

#KT_Insert1 {
float:right;
margin-top:20px;
}

#kt_login1, {
float:right;
}

#KT_tngerror, #KT_tngtrace {
display:none;
}

#pricelisttable {
margin:20px auto;
width:250px;
}

.servicelist {
background:#111111;
padding:9px 20px 9px 15px;
color:#999999;
font-weight:bold;
font-size:12px;
}

.pricelist {
font-size:12px;
padding:9px;
color:red;
font-weight:bold;
background:#282828
}

.topleft {
background:#111111 url(images/darkupperleft.jpg) no-repeat -3px -1px;
}

.topright {
background:#282828 url(images/lightupperright.jpg) no-repeat 46px -1px;
}

.bottomleft {
background:#111111 url(images/darklowerleft.jpg) no-repeat -2px 32px;
}

.bottomright {
background:#282828 url(images/lightlowerright.jpg) no-repeat 46px 32px;
}

#calander {
float:left;
}

#barbertimes {
float:right;
}

.appHomeh4 {
margin:0 0 10px 0;
padding:0 0 2px 0;
color:#999999;
border-bottom:1px solid;
font-size:14px;
}

#main .sched {
margin:0 0 5px 0;
padding:0;
}

#main ul {
margin:10px 0 0 0;
}

.date2 {
font-size:14px;
width:250px;
margin:10px 0 10px 0;
color:#999999;
border-bottom:1px solid #3E3E3E;
}

#main .sel {
background-color:#BE1A00;
}

.rightfloat {
float:right;
}

#appcon {
padding-top:30px;
width:500px;
margin:30px auto;
background:#111111;
padding:20px;
}

#appcon h2 {
font-size:20px;
font-family:arial;
font-weight:normal;
}

h2.appcon {
margin-left:-6px;
margin-top:20px;
text-indent:-9000px;
background:url(images/apph2.jpg) no-repeat;
}

#insertApp {
float:left;
}

#insertApp, #backButton {
margin-top:10px;
}

table.barbertime td {
width:33%;
}

.barbertime {
margin:0;
padding:0;
}

#cal2 form {
margin:0;
padding:0;
height:40px;
}

.head2 {
margin:20px 0 30px;
color:#BE1A00;
font-weight:normal;
border-bottom:1px solid #333333;
}

ul#servicelist {
text-align:center;
font-size:18px;
width:200px;
margin:0 auto;
}

#servicelist li {
margin:0 0 10px;
padding:0px 0 13px;
}

.botline {
border-bottom:1px solid #222222;
}

#service_left {
float:right;
width:50%;
}

#service_pics {
float:left;
width:50%;
text-align:center;
}

#service_pics_ul  li {
margin-bottom:10px;
}

#loader {
text-align:center;
height:200px;
padding-top:100px;
}

.white {
color:#666666;
}

#popbox {
width:350px;
background:#333333;
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -175px;
padding:30px;
text-align:left;
border:1px solid #999999;
}

#popbox p {
margin-bottom:20px;
}

#box {
height:100%;
width:100%;

}

#basewrap {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:25px;
background:#111111;
position:fixed;
}

#base {
    height:25px;
    width:960px;
    margin:0 auto;
}

#musicwrap {
position:relative;
float:right;
margin:140px 12px 0 0;
padding:10px 10px 0;
background:#666666;
}

#wrapup {
margin:-60px 11px 20px 0;
float:right;
}

img.promo {
border:none;
margin:-35px 0 20px 18px;
border:1px solid #333333;
}