/* 
STYLE SHEET FOR foresoft.com WEB SITE
Created by Steve Filmer
www.foresoft.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes
*/

/* --------- 1. defaults  --------- */
* {
		margin: 0;
		padding: 0;
  }

body {
		padding: 30px 0;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		max-width: 1000px;
		min-width: 760px;
		margin: 0 auto;
		}
		
#masthead {
		border-bottom: 18px solid #eeeeee;
		border-top: 18px solid #eeeeee;
		/* background: url(faux-columns-background.gif) 499px 0 repeat-y; */
		}
		
#logo {
		float:  left;
		width: 40%;
		padding-bottom: 10px;
		padding-left: 10px;
		background: #dddddd;
		}
		
#provideSupport {
		float: left;
		width: 40%;
        padding-bottom: 10px;
        padding-right: 10px;
		background: #aaaaaa;
        }   		
		
#content {/* moved here */
		padding: 0 18px;
		background: #eeeeee url(assets/column-stripe.gif) 27% 0 repeat-y;
		}

#sidebar {
		float: left;
		width: 24%;
		margin-right: 4%;
		}

/* used on opening page */		
#mainContent {
		float: left;
		width: 72%;
		}

/* used on all the other pages without sidebar */		
#secContent{
        float: left;
		width: 90%;
		margin-left: 5%;
		}
		
.itemContainer {
		border-bottom: 1px solid #333333;
		margin-bottom: 16px;
		}

.lastItemContainer {
		border: 0;
		margin-bottom: 0;
		}
		
.itemContainer:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}

.itemImage {
		float: right;
		margin: 18px 18px 18px 18px;
		}

.itemImageLeft {
        float: left;
        margin-left: 10px;
		margin_right: 18px;
		margin-top:18px;
		}  		
		
		
hr {
		clear: both;
		height: 1px;
		border: 0;
		color: #333333;
		background-color: #333333;
		margin: 0 0 16px;
		}
	
/* ---------- 3. links and navigation ---------- */

a:link {
		color: #d27448;
		}
		
a:visited {
		color: #333333;
		}
		
a:hover, a:focus {
		color: #ad3514;
		}

#pullNav {
		float: right;
		padding-right: 10px;
		}

#pullNav li {
		display: inline;
		background: url(assets/vertical-bar.gif) 0 55% no-repeat; 
		padding: 0 3px 0 8px; 
		}

ul#pullNav li:first-child {
		background: none;
		}

#navContainer {
		height: 30px;
		border-bottom: 5px solid #ad3514;
/*		background: url(assets/nav-background.gif) repeat-x; */
		}


#navigation ul {
		list-style-type: none;
		width: 740px;
		margin: 0 auto;
		}

#navigation li { 
		float: left; 
		background: url(assets/css-tab-rollover-image.gif) no-repeat 0 0; 
		width: 120px; 
		height: 30px; 
		} 

#navigation a:link, #navigation a:visited { 
		font: bold 1.1em Arial, Helvetica, sans-serif; 
		text-transform: uppercase; 
		color: #ffffff; 
		text-decoration: none; 
		display: block; 
		height: 21px;
		padding: 9px 0px 0px 30px; 
		}

#navigation a:hover { 
		background: url(assets/css-tab-rollover-image.gif) 0 -40px; 
		} 

#navigation a:active { 
		background: url(assets/css-tab-rollover-image.gif) 0 -80px; 
		} 

#logoPage #logoPageLink a:link, #logoPage #logoPageLink a:visited {
        background: url(assets/foresoft_logo.gif) 0 -120px;
		}
		
#homePage #homePageLink a:link, #homePage #homePageLink a:visited, #productsPage #productsPageLink a:link, #productsPage #productsPageLink a:visited, #supportPage #supportPageLink a:link, #supportPage #supportPageLink a:visited, #contactDetailsPage #contactDetailsPageLink a:link, #contactDetailsPage #contactDetailsPageLink a:visited {
		background: url(assets/css-tab-rollover-image.gif) 0 -120px; 
		}

#navigation li {
		position: relative;
		}

#navigation li ul {
		border: 2px solid #ad3514;
		width: 155px;
		position: absolute;
		left: -10000px;
		}

#navigation li:hover ul  {
		display: block;
		left: 0;
		}
 
#navigation li li {
		background: #d27448;
		height: auto;
		width: auto;
		}

#navigation li li li a:link, #navigation li li li a:visited {
		text-transform: none;
		padding: 10px;
  		width: 135px;
  		height: auto;
		}

#navigation li li li a:hover {
  		background: #ad3514;
  		}
  		
#navigation li li li a:active {
 		background: #ed1c24;
 		}
 
#navigation li li li {
		width: 155px;
		height: 3em;
		border-bottom: 1px solid #ad3514;
		}

#navigation ul ul ul {
		border: 0;
		width: 155px;
		float: left;
		position: relative;
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 75%;
		color: #333333;
		}

h1 {
		float: left;
		padding-right: 0.3em;
		font: bold 1.4em/2.0em Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		text-transform: uppercase;
		}

h2 {
		font: normal 1.3em/1.6em Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		text-transform: uppercase;
		}

#sidebar h2 {
		font: bold 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 0;
		text-transform: none;
		}

p {
		font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.6em;
		}
		

h1+p {
		font-size: 1.2em;
		line-height: 1.4666666em;
		}

/*		
#secContent ul{
        font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
        margin-bottom: 1.6em;
        margin-left: 5%
        }
		
#secContent ul ul {
       font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
        margin-bottom: 1.6em;
        margin-left: 5%
        }
*/

.question {
		font-size: 1.2em;
		color: orange;
	}
	
.answer ul {
		margin-left: 5%;
	}
		
#secContent .itemDetails li {
        font-size: 1.33em;
        font: Verdana, Arial, Helvetica, sans-serif;
		}

#secContent .itemDetails li li {
        font-size: 1.0em;
        font: Verdana, Arial, Helvetica, sans-serif;
		}

#secContent .itemDetails ul {
        /* margin-bottom: 0.1em; */
        margin-left: 5%;
		/* font-size:	100%; */
		line-height: 1.5em;
	}

#secContent .itemDetails ul  ul {
        /* font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif; */
        /* margin-bottom: 0.1em; */
        /* margin-left: 5% */
		/* font-size:	90%; */
		line-height: 1.0em;
	}  		
 		

#content ul, #pullNav {
		font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.6em;
		list-style-type: none;
		}

#content .itemDetails ul {
		margin-bottom: 0;
		font-size: 1.2em;
		line-height: 1.5em;
		}
/*
.itemDetails li {
		float: left;
		background: #ffffff url(assets/vertical-bar.gif) 0 55% no-repeat; 
		padding: 2px 8px 2px 8px; 
		}

.itemDetails li:first-child {
		background: #ffffff;
		}
*/

.itemName, .itemCost {
		font-weight: bold;
		}

.itemDetails p {
		clear: left;
		}

.itemDetailsLeft p {
        clear: left;
        float: right;
        }		


p.footer {
		clear: both;
		text-align: right;
		background: #ffffff;
		border-top: 18px solid #eeeeee;
		margin: 0 -18px;
		padding: 18px;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
.itemImage img {
		border: 1px solid #333333;
		}
		
.itemImage img:hover {
		border: 1px solid #ad3514;
		}