/*
		Website:        trailcreekmotors.net
		Author:         Mark W. Aho (Ahmeek Studios)
		Document:       globalstyle.css
		Description:    Global Style Sheet
		Updated:        04-28-2011
*/

/*
		UTILITIES
*/

.float_right { float: right; }

.float_left { float: left; }

.clear { zoom:1; }

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}	

br.clear { clear: both; }

/*
		STRUCTURE
*/

body{	
	background-color: #FFFFFF;
	background-image: url("images/blue_fade_back.png");
	background-repeat: repeat-x;
	font-family: Georgia, sans-serif;
	font-size: 62.5%;
	color: #000000;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
p { font-size: 1.6em; }

h1 { font-size: 2.8em; }

h2 { font-size: 2.2em; }
	
h3 { 
	font-size: 1.4em;
	font-weight: normal;
}

#header{
  text-align: center;
  margin: 0px 0px 10px 0px;
}

	.nav {
		margin: 5 auto;
		width: 800;
	}
	
		.nav li {
			float: left;
			display: inline;
			margin: 0;
		}
		
			.nav li a {
			display: block;
			height: 20px;
			padding: 5px 16px 5px 16px;
			color: #FFFFFF;
			font-size: 1.4em;
			font-variant: small-caps;
			text-decoration: none;
			text-align: center;
			background-color: #880000;
			}
			
			.nav li a:hover {
			background-color: #000088;
			color: #FFFFFF;
			}

			#home .homelink,
			#towing .towinglink,
			#service .servicelink,
			#moving .movinglink,
			#retail .retaillink {
				color: #FFFFFF;
				text-decoration: underline;
				background-color: #000088;
			}

#bodytext{
  min-height: 400px;
}	

#redtextbox{
  width: 35%;
  margin: 10px;
  padding: 2px;
  border: 2px #000000 solid;
  background-color: #880000;
  color: #FFFFFF;
  font-family: Tahoma, Arial, sans serif;
  font-size: 130%;
  text-align: center;
}

#bluetextbox{
  width: 250px;
  margin: 10px;
  padding: 2px;
  border: 5px #FFFFFF solid;
  background-color: #000088;
  color: #FFFFFF;
  font-family: Tahoma, Arial, sans serif;
  font-size: 100%;
  text-align: center;
}

.cleartextbox{
  width: 50%;
  margin: 10px;
  color: #000066;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 150%;
  text-align: center;
}

#footer{
  margin: 20px, 0 0 0;
}
  
#copyright{
  margin: 10px 5px;
  font-size: 1.0em;
  text-align: center;
}

.blackbox {
	color: #FFFFFF;
	background-color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	padding: 3px;
}

/*
		TYPOGRAPHY
*/

.small {	font-size: .5em; }

.med{ font-size: 1.6em; }

.large{ font-size: 50px; }

.smcaps { font-variant: small-caps; }

.cent{
  text-align: center;
}

.bold{
  font-weight:bold;
}

.uline{
  text-decoration: underline;
}

.italic{
  font-style: italic;
}

.tahoma{
  font-family: Tahoma, Arial, sans serif;
}

.red{
  color: #880000;
}

.blue{
  color: #000088;
}

.white{
  color: #FFFFFF;
}

.hilight{
  background-color: #FFFF00;
}

.blkback{
  background-color: #000000;
}

/*--------IMAGES-------------*/
img{
  border: none;
}

.frame{
	margin: 10px;
	border: 2px #000000 solid;
}

/*----------LINKS-------------*/

a{
	color: #880000;
	text-decoration: underline;
}

a:hover{
	color: #000088;
	text-decoration: underline;
}