html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
    }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }
    
html{
	overflow-y: scroll;
	overflow-x:hidden;
	background-image: url(http://www.kirklove.com/images/evilordark.jpg);
}

body {
	background-image: url(http://www.kirklove.com/images/evilordark.jpg);
    position: relative;
    width: 100%;
    margin: 0 auto;
    }

p {
    font-size: 1em;
    margin: 1em 0;  /*required for IE's buggy behavior
                      with collapsing margins*/
    }

#wrapper {
    position: absolute;
    top: 0;
    left: 0;
    }

#main {
    height: auto;
    padding: 0;
    padding-bottom: 10em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
    }


img{
/*behavior: url('/global/script/iepngfix.htc');*/
}

.logo{
margin-bottom:15px;
}

.top{
	width:100%;
	overflow:hidden;
	background: url(http://www.kirklove.com/images/yellowtopbar.png);
	height:26px;
	text-align:right;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
}

.kL{
	margin-left: auto;
	margin-right: auto;
	width:858px;
	overflow:hidden;
	height: 99px;
	text-align:right;	
}

.kLlogo{
	background: url(http://www.kirklove.com/images/KirkLoveLogo.png);
	margin:10px;
	width:204px;
	height:84px;
	overflow:hidden;
	 float:left;
}

.lsllogo{
	background: url(http://www.kirklove.com/images/lsllogo.png);
	margin-left:5px;
	margin-top:2px;
	width:85px;
	height:82px;
	overflow:hidden;
	 float:left;
}
.lsllogo:hover{
	background-position: -88px 0px;
}



.pfilogo{
	background: url(http://www.kirklove.com/images/pfilogo.png);
	margin-left:5px;
	margin-top:2px;
	width:179px;
	height:82px;
	overflow:hidden;
	 float:left;
}
.pfilogo:hover{
	background: url(http://www.kirklove.com/images/pfilogo.png);

	background-position: -191px 0px;
	
}


.faders{
	width:444px;
	height:181px;
	overflow:hidden;
	 float:left;
}

.fade{
	margin-top:44px;
	width:444px;
	height:56px;
	overflow:hidden;
	float:left;
}

.mainfades{
	margin-left: auto;
	margin-right: auto;
	width:860px;
	overflow:visible;
	margin-top:395px;
	height: 181px;
}

.mainspace{
margin-left: auto;
margin-right: auto; 
width:860px;
height:20px;
overflow:visible;
}

.maintees{
margin-left: auto;
margin-right: auto; 
width:860px;
overflow:visible;
}

.tee1{
	width:294px;
	height:279px;
	float:left;
}

.tee1info{
	width:294px;
	height:95px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align:center;
}
	


.tee2{
	width:282px;
	height:279px;
	float:left;
}
.tee2info{
	width:282px;
	height:95px;
	float:left;
	text-align:center;

}

.tee3{
	width:284px;
	height:279px;
	float:left;
}
.tee3info{
	width:284px;
	height:95px;
	float:left;
	text-align:center;
}




.smallheaders{
margin-left: auto;
margin-right: auto; 
width:858px;
height:15px;
overflow:hidden;
background:#ffffff;
border-width:0px 0px 0px 0px;
margin-top:5;
}


.lines{
margin-left: auto;
margin-right: auto; 
width:858px;
height:95px;
overflow:hidden;
background:#ffffff;
border-width:0px 0px 0px 0px;
}

.shadow{
margin-left: auto;
margin-right: auto; 
background-image: url(http://www.kirklove.com/images/shadow.png);
width:1024px;
height:110px;
overflow:hidden;
border-width:0px 0px 0px 0px;
}

.footer{
	overflow:hidden;
	background-image: url(http://www.kirklove.com/images/basebackgroundbar.jpg);
	position:absolute;
	width: 100%;
	height: 135px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	margin-top:20px;

}


.footermain{
	width:860px;
	height:135px;
	margin-left:auto;
	margin-right:auto;
}

.footerjoin{
	width:859px;
	height:25px;
	margin-top:3px;
}

.footerjoinleft{
	width:420px;
	height:25px;
	line-height:25px;
	float:left;
	padding-left:10px;
}

.footerjoinright{
	width:250px;
	height:25px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	float:right;
	text-align:right;
	padding-right:10px;
	color:#8e8e8e;
}

.footerlinks{
	width:200px;
	height:86px;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

.forminput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

.footerdots{
	width:859px;
	height:8px;
	background-image: url(http://www.kirklove.com/images/dotsbar.png);
}

.footerhorzdots{
	width:10px;
	height:74px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	float:right;
	background-image: url(http://www.kirklove.com/images/klhorzdots.png);
}

.footerright2{
	width:116px;
	height:55px;
	margin-top:15px;
	float:right;
}

.footertextspace{
	width:100%;
	height:4px;
}

.footerright1{
	width:59px;
	height:55px;
	margin-top:15px;
	float:right;
}

.footerpink{
	font-size:9px;
	font-weight:800;
	color:#e71085;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.footerteal{
	font-size:9px;
	font-weight:800;
	color:#10bce7;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.footertextgray{
	font-size:8px;
	color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:10px;
}

#menu a {
	display:block;
	width:166px;
	height:14px;
	margin-bottom:1px;
	padding-left:4px;
	font: 10px/1 Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	text-decoration: none;
	text-transform:uppercase;
	text-align: left;
	line-height:14px;
	background-image: url(http://www.kirklove.com/images/kllinksback.png);
}
#menu a:hover {
	background-position: -170px 0px;
	color: #FFFFFF;
}
#menu a:active {
	background-position: -340px 0px;
	color:FFFFFF;
}

.maincolumn{
width:697px;
float:right;
border-style:solid;
border-width:0px 0px 0px 1px;
border-color:#c0c0c0;
background-color: white;
}

.mainitem{
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#c0c0c0;
margin-bottom:27px;
}

.clear{
clear:both;
}

.invisible {
visibility: hidden;
}

.hide{
display: none;
}

.clearbox{
width:100%; overflow:hidden;
}


.smallnav{
margin:0 0 15px 0;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:213px;
}

.smallnav li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
color:#ffefc1;
font-weight:bold;
height: 15px;
}

.smallnav li a{
color:#ffefc1;
font-size:12px;
text-decoration:none;
display:block;
vertical-align:middle;
margin:0px;
padding:0px;
background-color:transparent;
background:url('http://www.f--i.com/assets/sprite_main.png') no-repeat 0 -2700px;
width: 213px;
height: 15px;
text-indent: -5000px;
}

.smallnav li a.home {
background-position: 0 -3150px;
}

.smallnav li a.fi {
background-position: 0 -2700px;
}

.smallnav li a.work {
background-position: 0 -2760px;
}

.smallnav li a.services {
background-position: 0 -2820px;
}

.smallnav li a.contact {
background-position: 0 -2880px;
}

.smallnav li a.home:hover {
background-position: 0 -3170px;
}

.smallnav li a.fi:hover {
background-position: 0 -2720px;
}

.smallnav li a.work:hover {
background-position: 0 -2780px;
}

.smallnav li a.services:hover {
background-position: 0 -2840px;
}

.smallnav li a.contact:hover {
background-position: 0 -2900px;
}

/*
.smallnav li a:hover{
color:#ffffff;
background-color:transparent;
background:url('assets/sprite_main.png') no-repeat 0 -2700px;
}
*/





.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	padding-right: 15px;
	text-transform: uppercase;
	
}
.style3 {
	font-size: 9px;
	font-family: "Century Gothic";
	color: #7a7a7a;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.teename{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 0.2px;
	text-align:center;
}


.menu a {
	display:block;
	width:137px;
	margin: .5em 0;
	padding:0px 0 0px 5px;
	font-family: "Century Gothic";	
	font-size: 9px;
	color: #7a7a7a;
	text-decoration: none;
	letter-spacing: 0.2px;
}
		
.menu a:hover {
	color: #999999;
}
		
.menu a:active {
		color:red;
}



.inline-button {
   width:12em;
   margin: 0 0.8em; padding: 0.9em 0; _padding:5px;
   white-space:nowrap;
   text-decoration: none;
font-size: 9px;
	font-family: "Century Gothic";
	color: #7a7a7a;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	padding: 0.1em 0.5em .5em 0.6em;
   }

.inline-button:hover {
   color: black;
   }
.inline-button:active {
   color: white;
   }
#greytees {
	color: #CCC;
	text-align:center;
}
.buynow{
	text-align:center;

}
.buynowcenter {
	text-align: center;
}
.spacetop{
	width:150px;
	margin-right:15px;
	text-align:right;
	float:right;
	line-height: 26px;
	height:26px;
}

.spacebottom{
	height:15px;
}