/*
   New Perspectives on HTML and CSS
   Final Project

   The Timmermans - Style Sheet

   Filename:         jt_style.css
   Supporting Files: alex_joe2.jpg

*/

/* Default Page Styles */

body * {
   font-family: arial, verdana, sans-serif;
   font-size: 100%;
   font-weight: inherit;
   line-height: 1.2em;
   list-style: none;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   vertical-align: baseline;
}


/* Body Styles */

body {
   background: rgb(247, 247, 247) url(alex_joe2.jpg) top left no-repeat fixed;
   width: 95%;
   min-width: 900px;
   max-width: 1100px;
   font-family: Arial, Geneva, sans-serif;
   font-weight: normal;
   margin: 0px auto;
}


/* Header Styles */

header {
   border: 2px solid black;
   border-bottom: 0px solid black;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   clear: both;
   text-align: center;
   font-size: 26pt;
   font-weight: bold;
   color: black;
   font-variant: small-caps;
}


/* Section Styles */

/* Nav List */

section table#navlist {
   width: 100%;
   border: 2px solid black;
   border-bottom: 0px;
   vertical-align: middle;
   padding: 10px;
   font-variant: small-caps;
}

section table#navlist nav li {
   width: 16%;
   float: left;
   text-align: center;
   font-size: 1.0em;
   color: white;
   display: inline;
}

/* Main Table */

section table#main {
   width: 100%;
   border: 2px solid black;
   vertical-align: middle;
   padding: 10px;
   border-spacing: 20px;
}

section table#main th {
   background-color: rgb(100, 100, 100);
   border-radius: 5px;
   color: white;
   padding: 10px;
   text-align: center;
   font-size: 14pt;
   font-weight: bolder;
   text-decoration: underline;
}

section table#main td {
   background-color: rgb(100, 100, 100);
   border-radius: 5px;
   color: white;
   padding: 10px;
   text-align: center;
   font-size: 12pt;
   border: 1px solid black;
}


/* About Us Table */

section table#aboutus {
   width: 100%;
   border: 2px solid black;
   border-top: 0px;
   vertical-align: middle;
   padding: 10px;
   border-spacing: 20px;
}

section table#aboutus td {
   background-color: rgb(100, 100, 100);
   border-radius: 5px;
   color: white;
   padding: 10px;
   text-align: center;
   font-size: 12pt;
   border: 1px solid black;
}


/* Rotate Styles */

section table#main img#alex {
   -0-transform: rotate(-5deg);
   -moz-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   transform: rotate (-5deg); 
   padding: 20px;
}

section table#main img#joe {
   -0-transform: rotate(5deg);
   -moz-transform: rotate(5deg);
   -webkit-transform: rotate(5deg);
   -ms-transform: rotate(5deg);
   transform: rotate (5deg); 
   padding: 20px;
}


/* Footer Styles */

footer table {
   width: 100%;
   border: 2px solid black;
   border-top: 0px;
   vertical-align: middle;
   font-size: 10pt;
   color: black;
   text-align: center;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   padding: 15px;
}


/* Link Styles */

/* Unvisited Link */

a:link {
   color: rgb(0, 191, 255);
}

/* Visited Link */

a:visited {
   color: red;
}