/* colors
/* colors

Green D1E285, background: #D1E285
Yellow FFED7B 
Green font links 7AB942

 */


/* Global Resetting */
html {    
    height: 100%;
    margin:0 auto;
}

body {
    width: 100%;
    height: 100%;
    /* reset font-sizes to 1em == 10px */   
    font-size: 62.5%;
    text-align:center;
    margin:0 auto;
    font-family: "Times New Roman",Georgia,Serif; 
}

* {
    padding: 0;
    margin: 0;
}

a {
   outline: none;
}

a:hover, a:active, a:focus {
    // styling for any way a link is about to be used
}

.clear {
clear:both;
}

#page {

    width:900px;
    text-align:center;
    margin:10px auto 0 auto;
    
/*
    left:50%;
margin-left:-450px;
margin-top:-250px;
position:fixed;
top:50%;
    width:900px;   
*/
}


#logo {
background: transparent url('/img/logo_275x160.jpg') no-repeat top left;
height: 160px;
width: 275px;
float:left;
cursor:pointer;
}

#musicphotos {
background: transparent url('/img/musicphotos_625x160.jpg') no-repeat top left;
height: 160px;
width: 625px;
float:left
}

#homeTitle {
background: transparent url('/img/hometitle_625x61.jpg') no-repeat top left;
height: 61px;
width: 625px;
}

#columnLeft {
width: 275px;
float:left;
background: transparent url('/img/columnLeftBkg.jpg') repeat top left;
height: 372px;
}

#columnRight {
width: 625px;
float:left;
background: transparent url('/img/columnRightBkg.jpg') repeat top left;
height: 372px;
}

#navigation {
width: 275px;
margin-top: 30px;
text-align: center;
}

#navigation ul {
list-style-type: none;
}

#navigation ul li {
border-bottom: solid #FFFFFF 2px;
width: 85px;
margin: 0px auto;
padding: 15px;
}  

#navigation ul li.none {
border-bottom: none !important;
}                     

#navigation ul li a.active {
color: #7AB942; 
}   

#navigation ul li a {
color: #5B4814;
text-decoration: none;
font-size: 2.0em;
}

#styleBoarder {
height: 20px;
clear: both;
}

#flourish {
background: transparent url('/img/flourish_275x75.jpg') no-repeat top left;
width:275px;
height: 75px;
float:left;
position:relative;
top:-58px;
margin-bottom: -58px;
}

#greenBottom {
background: #D1E285 url('/img/greenbottom_625x16.jpg') no-repeat top left;
width: 625px;
height: 16px;
float: left;  
}

#copy{
text-align: left;
float: left;
margin-left: 40px;
margin-top: 20px;
width: 530px;
}

#copy.movieCopy {
width: 130px !important;
}           



#copy p {
color: #5B4814;
font-size: 20px;
line-height: 25px;
}

#copy div{
font-size: 14px;
margin-bottom: 8px;
}

#copy p.small {
font-size: 13px;
line-height: 20px;
}            

#copy p.orderingNum {
font-size: 18px;
line-height: 40px; 
}

#copy p.ideas {
line-height: 30px;
}

#copy p.orderingSmall{
font-size: 13px;
line-height: 15px;
}

#copy ul li {
padding-bottom: 10px;
}

.italic{
font-style: italic;
}

.bold {
font-weight: bold;
}


movieContainer {
background-color: #D1E286;
}

#movie {
/* Widescreen Dimensions
height: 254px;
width: 385px;
*/
height: 254px;
width: 285px;
background-color: #D1E286;
float:left;
margin-top: 20px;
margin-left: 70px;
}

#moveTail {
padding-top:15px;
padding-left: 70px;
color:#5B4814;
font-size: 12px;
float:left;
}

#copy div a{
text-decoration: none;
color: #5B4814; 
}

#copy div a:hover {
text-decoration: underline;
}

#footerContact {
clear:both;
position: relative;
background: #FFFFFF url('/img/contactFooter.jpg') no-repeat top left;
height: 26px; 
left:32px; 
/*
width: 900px;
background: #FFFFFF url('/img/contactFooter.jpg') no-repeat top left;
height: 26px;
margin-left:35px;
*/
}