/* general*/

body 
{
    font-size : 0.8em ;
    font-family : Arial, Helvetics, Sans-Serif ;
    color :Black ;
    text-align : center ;
    margin-top : 0px ;
}

select { font-size : 0.8em ; height : 22px ; }

h1, h2 { font-size : 1.4em; background : url("images/top.png") no-repeat ; width : 620px ; height : 30px ; color : #120b47; padding-left : 10px ; padding-top : 10px ; margin-bottom : 0px ; }
h1 { margin-top : 0px }

.fright { float : right ; }
.fleft { float : left ;}

/* specific*/

#all { width : 980px; margin-left : auto; margin-right : auto; float : none ; display : inline-block ; text-align : left ;}

#header #logo { height : 90px ; width : 980px ; background : url("images/spanishweather logo.gif") no-repeat left ; text-align : right ; }
#header #logo img { padding-top : 4px ; }

#header #navigation { height : 37px ; width : 980px ; margin-bottom : 20px ; padding-left : 10px ; padding-top : 13px ; background : url("images/header.png") no-repeat ; font-size : 1.4em ; color : Navy ;}

#main { width : 980px ; height : 100% ;display : inline-block ;}

#main #left { float : left ; width : 620px ; }
#main #left p { padding : 10px ; padding-bottom : 0px ; margin : 0px ; border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ;}
#main #left .bottom { height : 15px ; width : 620px ; background : url("images/bottom.png") bottom center no-repeat ; margin-bottom : 20px ; }

#main #left #resorts { padding-bottom : 10px ; border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ; padding-left : 5px ;}
#main #left #resorts { height : 190px ; border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ; background : none ; margin-bottom : 0px ; padding-top : 5px ;}
#main #left #resorts div { margin-left : 10px ; width : 190px ; height : 190px ; float : left ; }

#main #left #content .forecast { border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ; padding-left : 5px ; height : 290px ; width : 613px ;}
#main #left #content .forecast p { padding : 0px ; border : none ; }
#main #left #content .forecast .weather { float : left ; width : 270px ; height : 250px ; margin-left : 3px ;}
#main #left #content .forecast .weather a { padding : 2px 0px 0px 20px ;  background : url("images/arrow.png") no-repeat ; font-size : 1.2em; font-weight : bold ;}
#main #left #content .forecast .weather .topmargin { margin-top : 10px }
#main #left #content .forecast .ad { float : left ; width : 300px ; height : 250px ; padding-top : 10px ; }

#main #left #content .translation { border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ; padding-left : 5px ; }
#main #left #content .translation p { padding :  5px 5px 5px 5px ; border : none ; }

#main #left .detail { float : none ; min-height : 400px ; }
#main #left .detail .resort-photo { float : right ; width : 300px ; margin: 10px 20px 10px 10px ; border : solid 1px black !important; display : inline ;  }
#main #left .main-photo { margin-bottom : 20px ; }
    
#main #right { float : right ; width : 300px ; height : 150px ; margin-left : 30px ; text-align : center ;}
#main #right .ad { width : 300 ; height : 250px ; margin-bottom : 20px ; }
#main #right a { margin-bottom : 10px ; display : inline-block ;}

#footer { width : 980px ; height : 20px ; float : none ; padding-top : 10px ;}

/*exceptions*/

.contact-us { padding-left : 10px ; border-left : solid 1px #c7c7c6 ;  border-right : solid 1px #c7c7c6 ;}

.contact-us input
{
    margin-bottom : 5px ;
}

.contact-us textarea
{
    margin-bottom : 5px ;
    width : 300px ; height : 200px ;
}

.contact-us .button
{
    color : Black ;
}

.contact-us #ctl00_lblThankYou
{
    color : Red ;
}

.contact-us span
{
   font-weight : bold ;
}