/*
=============================================================================================
== TouchFinderSolutions Layout Stylesheet ==
=============================================================================================
Structure of the site
---------------------
> Home page (TouchFinderSolutions) [default.html]
> HomeTouchFinder [propertybuy.html]
> Screen shots [propertybuyscreens.html]
> Hardware [propertybuyhardware.html]
> RentalTouchFinder [propertyrent.html]
> Technology [technology.html]
> Enquiries / Contact Us [contact.html]
Structure of a page
-------------------
Some Page
Folder layout
-------------
> touchfindersolutions
> database
> downloads
> pages
> images
> stylesheets
Stylesheets
-----------
There are two general stylesheets:
> tfslayout.css - this contains all of the generic style information for the entire site. It is
referenced as the first stylesheet by all pages in the site.
> tfstheme.css - this is a template for for variations to the styles in tfslayout.css. There is
a stylesheet derived from this template for each of the thematic parts of the
website - Home (default.html, technology.html, contact.html) [fshomepagetheme.css],
HomeTouchFinder (propertybuy.html, propertybuyscreens.html,
propertybuyhardware.html) [tfshomepropertybuytheme.css], and RentalTouchFinder
(propertyrent.html) [tfspropertyrenttheme.css]. The derived stylesheet is
referenced second (after tfslayout.css) by each page in the website.
Database
--------
The database is used to monitor statistics about visits to the site. It will eventually be used to
supply dynamic content to clients.
Downloads
---------
This folder holds files that can be downloaded via links in the website. Initially, just brochures.
*/
body {
background-color: #F8F8F8;
font-family: verdana;
}
/* BANNER LINE */
#banner {
position: absolute;
top: 0px;
left: 0px;
width: 99%;
height: 50px;
}
#bannertitle {
position: absolute;
top: 0px;
left: 0px;
width: 99%;
height: 50px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 900;
font-size: 24pt;
padding-left: 10px;
}
#product {
position: absolute;
top: 0px;
left: 0px;
width: 99%;
height: 50px;
margin-top: 25px;
margin-bottom: 0px;
font-weight: 900;
font-size: 12pt;
font-style: italic;
text-align: right;
padding-right: 10px;
}
/* End of BANNER LINE */
/* NAVIGATION BAR */
#navbar {
position: absolute;
top: 50px;
left: 0px;
width: 99%;
height: 30px;
font-size: 10pt;
border-bottom: solid 2px;
}
#navbar ul {
font-weight: 900;
margin: 0px;
padding: 0px;
}
#navbar ul li {
float: left;
list-style-type: none;
margin-top: 1px;
}
#navbar ul li a {
display: block;
padding: 6px 10px;
text-decoration: none;
text-align: center;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
margin-right: 0px;
width: 128px;
}
#navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
}
#navbar ul li a:hover {
text-decoration: none;
}
/* End of NAVIGATION BAR */
/* CONTENT */
#content {
position: absolute;
top: 80px;
}
/* - TITLE */
#title h1 {
font-size: 16pt;
}
/* - End of TITLE */
/* - PRECIS */
#precis p {
font-style: italic;
margin-left: 50px;
margin-right: 50px;
}
/* - End of PRECIS */
/* - ARTICLE */
#article h2 {
font-size: 12pt;
}
#article {
margin-left: 50px;
margin-right: 50px;
}
/* - End of ARTICLE */
/* End of CONTENT */
/* MISCELLANEOUS */
.caption {
text-align: center;
font-weight: 900;
}
/* End of MISCELLANEOUS */