﻿body{
	background-color:#870303;
	margin: 0 auto auto auto;
	padding: 0;
	text-align:center;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000000;
	background-attachment:fixed;
}

img {
	border:none;
}

#pagecon {
	margin:0 auto auto auto;
	width:950px;
}

.thankyou 
{
    font-weight:bold;
    color:Red;
}

#banner 
{
    float:left;
    width:775px;
    height:71px;
    padding:90px 0 0 175px;
    text-align:left;
    background-image:url(../images/salsa-touch-header.png);
}

.title 
{
    font-size:1.6em;
    color:#ccc;
    font-weight:normal;
    margin:5px;
    padding:0;
}

#navigation 
{
    width:930px;
    text-align:center;
    color:White;
    font-size:1.6em;
    margin:0;
    padding:10px 10px 0 10px; 
    list-style:none;
    float:left;
}

#navigation li
{
    float:left;
    margin-right:15px;
}

#navigation li a 
{
    color:White ! important;
    background-color:#750303;
    padding:3px 5px 6px 5px;
    text-decoration:none;
    float:left;
}

#navigation li a:hover 
{
    background-color:#990000;
    padding:3px 5px 12px 5px;
    margin-top:-6px;
}

#home #navigation li.homelink a,  #performances #navigation li.performanceslink a, 
#privatelessons #navigation li.privatelessonslink a, 
#about #navigation li.aboutlink a, #press #navigation li.presslink a, 
#news #navigation li.newslink a, #contact #navigation li.contactlink a,
#classes #navigation li.classeslink a
{
    background-color:#990000;
    padding:3px 5px 12px 5px;
    margin-top:-6px; 
}

.margin-right-zero 
{
    margin-right:0px ! important;
}

#navigation a:hover 
{
    color:#FFA9A9;
}

#maincontainer 
{
    float:left;
    width:930px;
    padding:20px 0 20px 20px;
    background-color:#fdfdfd;
    font-size:1.5em;
    color:#696969;
}

#maincontainer a
{
    color:#990000;
    font-size:12pt;
}

#maincontainer a:hover 
{
    color:#e69b9b;
}


#footer
{
	margin:0 auto auto auto;
	width:950px;
}

#footer2 
{
    float:left;
    width:910px;
    padding:20px;
    font-size:9pt;
    color:#ada9a9;
    text-align:left;
    background-color:Black;
}

#homelatestnews 
{
    float:left;
    width:220px;
    border:1px solid #efefef;
    padding:4px 10px 10px 10px;
    background-image:url(../images/title-back.gif);
    background-repeat:no-repeat;
    text-align:left;
}

#mainhomesection 
{
    float:left;
    width:712px;
    padding:0;
}

.homeleftcol 
{
    float:left;
    width:346px;
    margin-right:20px;
}

.homerightcol 
{
    float:left;
    width:346px;
}

.rightbarli 
{
    list-style:none;
    padding:0;
    margin:0;
}

.rightbarli li 
{
    margin-bottom:20px;
}

.margin-bottom-zero 
{
    margin-bottom:0 ! important;
}

div.homecons1 
{
    float:left;
    width:346px;
    margin-bottom:20px;
}

div.homecons2 
{
    float:left;
    width:240px;
    padding:0px 53px 0px 53px;
}

div.homecons3
{
    float:left;
    width:240px;
    height:25px;
    text-align:center;
    color:White;
    font-weight:bold;
    padding-top:15px;  
    font-size:1.2em; 
    background-image:url(../images/title-back-1.gif);
    background-repeat:no-repeat;
}

.listred 
{
    color:#990000;
    font-size:1.1em;
}

div.homecons 
{
    float:Left;
    width:324px;
    border:1px solid #efefef;
    padding:10px;
    text-align:left;
}

.movie 
{
    float:left;
    width:320px;
    padding:0 2px 0 2px;
    height:180px;
    margin:20px 0 20px 0;
}

div.titleback 
{
    color:White;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    width:220px;
    height:56px;
    margin-bottom:10px;
    float:left;
    }
    
    div.titleback1 
{
    color:White;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    width:156px;
    height:56px;
    float:left;
    text-align:center;
    }
    
    .headliner 
    {
        font-weight:bold;
        font-size:1.5em;
        color:#990000;
        margin:0;
        padding:0;
    }
    
    .rightbarmain
    {
        float:left;
        width:196px;
        padding-left:20px;
        background-image:url(../images/right-background.jpg);
        margin-top:-20px;
        padding-top:20px;
    }
    
    div.rightbar 
{
    float:left;
    width:156px;
    padding:4px 10px 10px 10px;
    background-image:url(../images/title-back-2.gif);
    background-repeat:no-repeat;
    text-align:left;
    margin-bottom:20px;
}

    #rightbarabout 
{
    float:left;
    width:448px;
    padding:0px 10px 10px 10px;
    text-align:left;
}

div.aboutprofile 
{
    float:left;
    width:426px;
    margin-bottom:20px;
}

div.aboutprofile1 
{
    float:left;
    width:200px;
    padding-right:20px;
}

div.aboutprofile2 
{
    float:left;
    width:268px;
    font-size:1.2em;
    color:#343434;
}


.rouge 
{
    font-weight:bold;
    color:#990000;
}

h2 
{
    color:White;
    font-size:1.5em;
}

.rouge1 
{
    font-weight:bold;
    font-size:1.3em;
    color:red;
}

#mainsection 
{
    float:left;
    width:712px;
}

#mainsectionabout 
{
    float:left;
    width:442px;
    padding:0px 10px 0px 0px;
}

div.maincon1 
{
    float:left;
    width:712px;
    margin-bottom:20px;
}

div.maincon2 
{
    float:left;
    width:240px;
    padding:0px 236px 0px 236px;
}

div.maincon3
{
    float:left;
    width:242px;
    height:25px;
    text-align:center;
    color:White;
    font-weight:bold;
    font-size:1.2em;
    padding-top:15px;   
    background-image:url(../images/title-back-1.gif);
    background-repeat:no-repeat;
}

.maincon3 h1 
{
    color:White;
    font-weight:bold;
    font-size:1.1em;
    margin:0;
}

.headliner3 
{
    font-weight:bold;
    font-size:1.5em;
    color:#696969;
    margin:0 0 20px 0;
}



div.maincon 
{
    float:Left;
    width:690px;
    border:1px solid #efefef;
    padding:10px;
    text-align:left;
}



div.mainconabout1 
{
    float:left;
    width:440px;
    margin-bottom:20px;
}

div.mainconabout2 
{
    float:left;
    width:242px;
    padding:0px 100px 0px 100px;
}

div.mainconabout3
{
    float:left;
    width:242px;
    height:25px;
    text-align:center;
    color:White;
    font-weight:bold;
    padding-top:15px;   
    background-image:url(../images/title-back-1.gif);
    background-repeat:no-repeat;
}



div.mainconabout 
{
    float:Left;
    width:420px;
    border:1px solid #efefef;
    padding:10px;
    text-align:left;
}

div.mainconabout1a 
{
    float:left;
    width:448px;
    margin-bottom:20px;
}

div.mainconabout2a 
{
    float:left;
    width:242px;
    padding:0px 103px 0px 103px;
}

div.mainconabout3a
{
    float:left;
    width:242px;
    height:25px;
    text-align:center;
    color:White;
    font-weight:bold;
    padding-top:15px;   
    background-image:url(../images/title-back-1.gif);
    background-repeat:no-repeat;
}



div.mainconabouta 
{
    float:Left;
    width:426px;
    border:1px solid #efefef;
    padding:10px;
    text-align:left;
}

div.salsaclasscon1 
{
    float:left;
    width:960px;
    margin-bottom:20px;
}

div.salsaclasscon2 
{
    float:left;
    width:440px;
    padding:0px 260px 0px 260px;
}

div.salsaclasscon3
{
    float:left;
    width:440px;
    height:25px;
    text-align:center;
    color:White;
    font-weight:bold;
    padding-top:15px;   
    background-image:url(../images/title-back-3.gif);
    background-repeat:no-repeat;
}



div.salsaclasscon 
{
    float:Left;
    width:938px;
    border:1px solid #efefef;
    padding:10px;
    text-align:left;
}

 .headliner 
    {
        font-weight:bold;
        font-size:1.3em;
        color:#990000;
        line-height:0.6cm;
        margin:0;
        padding:0;
    }
    
    .headliner1 
    {
        font-weight:bold;
        font-size:1.2em;
        color:#990000;
        line-height:0.6cm;
        margin:0;
        padding:0;
    }
    
    .sidebox1 
{
    float:left;
    width:200px;
    padding-left:10px;
    text-align:center;
}

.margin-top 
{
    margin-top:10px;
}

.subservices 
{
    margin:0 0 20px 0;
    text-align:left;
    padding:0 0 0 20px;
}

.subtitle 
{
    font-weight:bold;
    text-decoration:underline;
    display:block;
    text-align:left;
    margin-bottom:10px;
}

.subservices a 
{
    text-decoration:none;
}

.subservices a:hover 
{
    text-decoration:underline;
}

