﻿/*
	TTI Floor Care North America, Inc. Stylesheet
	Dark Blue: #596C71
	Light Blue: #B5C1C5
	Red: #FF420D
*/

html,body{ margin: 0; padding: 0; width: 100%; height: 100%; }

html{ background: #b5c1c5 url(../images/background/bg.png) repeat-x fixed left top; height: auto; }

body{
	background: transparent url(../images/background/shadow_sides.png) repeat-y scroll center top;
	color: #596c71;
	font: normal normal normal 12px/120% Helvetica, Verdana, Arial, sans-serif;
	width: 800px;
	margin: 0 auto;
	/* position: relative; */
}

p,h1,h2,h3,h4,h5,h6,img,
ul,ol,li,dl,dt,dd{ margin: 0; padding: 0; border: none; outline: none; }

p{ margin-bottom: 1em; line-height: 120%; }
h1{ font-size: 2em; line-height: 120%; margin-bottom: .5em; }
h2{ font-size: 1.5em; line-height: 120%; margin-bottom: .25em; }
h3{ font-size: 1.25em; line-height: 120%; margin-bottom: .25em; text-align: center; }
h4{ font-size: 1em; line-height: 120%; }

ul{ list-style: disc outside; margin-left: 1.5em; }

a,a:link,a:visited{ color: #ff420d; }
a:hover{ text-decoration: none; }
a:active{ color: #ff420d; }

ul.nav a, ul.nav a:link, ul.nav a:visited{ color: #b5c1c5; }
ul.nav a:hover{ text-decoration: none; }
ul.nav a:active{ color: #b5c1c5; }

div#container{ background-color: #fff; margin: 0 20px; padding: 10px; }
div#shadow_bottom{ background: #b5c1c5 url(../images/background/shadow_bottom.png) no-repeat scroll left top; width: 100%; height: 20px; }

div#header{ float: left; width: 100%; position: relative; margin-bottom: 1em; }
	div#header h1{ margin-bottom: 0; }
		div#header h1 a{ display: block; overflow: hidden; float: left; background: transparent url(../images/logo/ttifc.png) no-repeat; width: 334px; height: 105px; text-indent: -9999em; }
	div#header ul{ float: right; list-style: none; }
		div#header ul li{ display: inline; }
	
div#footer{ clear: left; text-align: center; }
	div#footer p{ margin-bottom: 0; }

div#content{ clear: both; float: left; width: 100%; min-height: 300px; margin-bottom: 1em; }
	div.banner{ margin-bottom: 1em; }
	div.section{ float: left; width: 23%; margin: 0 1%; }
	div.first, div.last{ width: 25%; margin: 0; }
	
/* Modal Window */
div#modal_overlay{ width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 1001; }
div#modal_window{ position: absolute; z-index: 1002; width: 500px; height: 550px; border: 1px solid #596c71; background: #fff; }
	div#modal_window a{ position: absolute; right: .25em; top: .25em; cursor: pointer; }
	div#modal_window iframe{ width: 100%; height: 530px; border: none; position: absolute; left: 0; bottom: 0; overflow: auto; }
