/****************************************
CSS Stylesheet
Client: Acharonich - Holiday Home on the Isle of Mull
Design by: Aaron James Rodgers
Date: March 2010
******************************************/

/****************************************
Normalize site - the following style will reset
all margins to zero. Good for cross browser styling. 
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6 { 
    margin:0; 
    padding:0; 
} 
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img { 
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
} 

/***************************************
Structure of website - this will include <div> tags
to be used throughout.
*****************************************/

#header {width:950px; padding:5px 20px 0; /*Top, Left&Right, Bottom*/  margin:0 auto;}
#footer {width:950px; margin:0 auto; float:left; padding-top:10px; }

#container {width:950px; margin:0 auto; }
#letterbox {width:950px; height: 250px; float:left; z-index:-1;}
#gallery {width:950px; height:510px; float:left;   }

#shortcut1 {width:286px; height:210px; background-color:#d7d7e3;  padding:10px; margin-right:10px; float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top:30px; overflow:hidden; z-index:100;  }
#shortcut2 {width:286px; height:210px; background-color:#d7d7e3; padding:10px; margin-right:10px;  float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top:30px;  }
#shortcut3 {width:296px; height:210px; background-color:#d7d7e3; padding:10px;  float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top:30px;  }

#content /* Main div for individual pages */ {width:930px; background-color:#d7d7e3; float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top:30px; padding:10px; height:210px; } 

#content-column1 {width:300px; height:180px; padding:0 15px 0 10px; float:left; border-right:solid 3px #c5c5d5; }

#content-column2 {width:270px; height:180px; padding:0 15px 0 25px; float:left; border-right:solid 3px #c5c5d5; }
#content-column3 {width:240px; height:180px; padding:0 15px 0 25px; float:left; }

#availability-column1  {width:250px; height:180px; padding:0 15px 0 10px; float:left;  }
#availability-column2  {width:600px; height:180px; padding:0 0 0 20px; float:left; }

#flashcontent {float:left; z-index:100; }


/****************************************
<ul> style for the navigation within <header.php> file.
****************************************/

ul.navigation {list-style-type:none; width:950px;  float:left; background-color:#d7d7e3; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; }
ul.navigation li { float:left; }
ul.navigation a { float:left; padding:0.5em 3em; /*Top&Bottom, Left&Right*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
ul.navigation a:link {text-decoration:none; color:#000033; }
ul.navigation a:visited {text-decoration:none; color:#000033; }
ul.navigation a:hover {text-decoration:none; color:#ffffff; background-color:#000033; }
ul.navigation a:active {}

ul.house {font-size:0.75em; }

/*************************************
font styles used throughout the website.
*************************************/

body {font-family:Georgia, "Times New Roman", Times, serif; color:#000000; font-size:100% }
h2 {font-size:0.85em; color:#000000; }
h4 {font-size:0.75em; font-weight:bold; padding:0px; }
p {line-height:120%; font-size:0.75em; }


#footer {color:#666666; font-size:0.75em} /* font style for footer */

/***********************************
Image styles used throughout.
***********************************/
img.index {padding-top:5px; }


/*************************************
Link styles used within the site.
*************************************/

a.velvet:link {color:#666666; font-size:10px; text-decoration:none; }
a.velvet:visited {color:#666666; font-size:10px; text-decoration:none; }
a.velvet:hover {color:#000033; font-size:10px; text-decoration:none; }
a.velvet:active {}

a.footer:link {color:#666666; font-size:14px; text-decoration:none; }
a.footer:visited {color:#666666; font-size:14px; text-decoration:none; }
a.footer:hover {color:#000033; font-size:14px; text-decoration:none; }
a.footer:active {}

a.shortcut:link {color:#333366; font-size:12px; text-decoration:none; }
a.shortcut:visited {color:#333366; font-size:12px; text-decoration:none; }
a.shortcut:hover {text-decoration:underline; color:#333366; }
a.shortcut:active {}