/***** Master CSS Page *****/
/**
* Lift Communications, Inc.

* Version: 1.0

* Author: Steven Dunston

* Author URI: http://www.rivetingweb.com

* Email: hello-at-rivetingweb-dot-com
*/


/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
	background: none;
}
 
body {
	font:75%/1.4 arial, helvetica, sans-serif;
	color: #7a7a7a;
	background: #7a7a7a; 
}
 
/*div {border: 1px solid #f00}*/

/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:bold;
}
 
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em Georgia, 'Times New Roman';
}
 
h2 {
	padding:10px 0;
	letter-spacing: .18em;
	font: 1em 'Times New Roman', Times, serif;
	text-transform: uppercase;
	font-weight: bold;
}
 
h3 {
	font:.9em arial, helvetica, sans-serif;
	padding:10px 0;
	letter-spacing: .2em;	
	text-transform: uppercase;
}

h4 {
	letter-spacing: .15em;
	font-style: italic;
	color: #f60;
	font-weight: normal;
	padding: .6em 0 1.2em 0;
}

#workSidebar h2 {
	font:.9em arial, helvetica, sans-serif;
	padding:10px 0;
	letter-spacing: .2em;	
	text-transform: uppercase;}
 
#workSidebar h3 {
	font:1em arial, helvetica, sans-serif;
	padding:10px 0 0 0;
	color: #f60;
	letter-spacing: .09em;
	text-transform: none;
}

#workSidebar h4 {
	font-size: 1em;
	font-weight: normal;
	padding: 3px 0;
	letter-spacing: 1px;
	color: #7a7a7a;
	font-style: normal;
}
 
#main p, ul, ol {
	margin:0;
	padding:4px 0 6px 0;
	letter-spacing: .09em;
	line-height: 1.45em;
}

 
#workSidebar p {	
	font-style: italic;
	padding-top: 10px;
	
}

ul, ol {
	list-style:none;
	padding:0;
	margin-bottom: .5em;
}

li {
	margin-bottom: 2px;
}
 
blockquote {
	margin:22px 40px;
	padding:0;
}
 
small {
	font-size:0.85em;
}
 
fieldset, img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

hr {
	width: 100%;
	height: 2px;
	border: none;
	color: #7a7a7a;
	background-color: #7a7a7a;
	
}
 
/***** Links *****/

a {
	color: #7a7a7a;
	border-bottom: 1px dotted;
	border-color: #f60;
}

	
a, a:visited {
	text-decoration:none;
}

a:hover {
	border:none;;
	color: #7a7a7a;
}


#content a {
	border: none;
}

#content img {
	padding:0 112px;
}

.cloud {margin-top: -25px}

#homeline {padding:10px 157px; margin: -11px 0 0 2px}

*html #homeline {padding-bottom: 0}

#line {padding:0; margin: -1px 0 0 -2px}

/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	font:1em tahoma, arial, helvetica, sans-serif;
}
 
textarea {
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
 
table tr td {
	padding:2px;
  }
 
/***** Wrapper *****/
 

 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** Site Sections *****/
#wrapper{
	clear: both;
	margin: 0 auto;
	width: 742px;
	background-color: #7a7a7a;
}

#main{
	clear: both;
	position: relative;
	margin:0 auto;
	padding-top: 9px;
	width: 742px;
	overflow: hidden;
	background: url('images/main.gif') repeat-y;
 }


 #header {
	background: url('images/header.jpg') no-repeat;
	width: 742px;
	float: left;
	padding: 0;
	border: 0px;
	height: 105px;
	margin: 35px 0px 0px 0px;
}

#content { 
	float: left;
	width: 46%;
	height: 340px;
	border: 0px;
	margin: 0;
	padding: 20px 20px 5px 52px;
	color: #7a7a7a;
}


#workContent { 
	float: left;
	width: 35%;
	height: 335px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 5px 5px;
	color: #7a7a7a;
} 


#sidebar {
	float: left;
	padding: 20px 25px 5px 5px;
	width: 37%;
	height: 100%;
 	display: inline;
 	color: #7a7a7a;
}

#workSidebar {
	float: left;
	padding: 20px 22px 5px 52px;
	width: 28%;
	height: 100%;
 	display: inline;
 	color: #7a7a7a;
}

*html #workSidebar {padding-right: 10px; width: 24%}

 #footer { 
 	background: url('images/footer.jpg')  no-repeat;
	clear: both;
	width: 742px;
	border: 0px;
	height: 45px;
	padding: 1px 10px 5px 25px;
}


.logo {
	float: left;
	margin-top: 5px;
	padding: 33px 30px 30px 43px;
	border: none;
}

*html .logo {padding-bottom: 0}

.containText {
	padding-left: 180px;
	width: 300px;
	float: left;
}


 /* BEGIN Nav Menu */

#nav {
position: relative;
float: right;
margin:57px 40px 0 0;
width: 425px;
}

#startnav {
position: relative;
float: right;
margin:57px 155px 0 0;
width: 425px;
}

*html #startnav {
	margin: 57px 77px 0 0;
}

#menu { /* all lists */
width: 416px;
height: 20px;
padding:0;
position:relative;
background: url('images/menu.gif');
}


#menu li:hover ul, #menu li.sfhover ul {display:block;}

#subMenu { /* all lists */
width: 425px;
height: 27px;
margin: 0px 0 0 -202px;
position:relative;
background: url('images/subMenu.gif') no-repeat;
}

#subMenu a {margin-top: 15px;}

#nav ul, #startnav ul {margin-bottom: 0}

#nav li, #startnav li { /* all list items */
height:20px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}


#nav li a, #startnav li a {
	display:block;
	text-decoration: none;
	border: none;
height:20px;
text-indent:-9000px; background-color:transparent; }

	
#subMenu li a {height:12px;}


li#about {
left: 0px;
width: 100px;
}

li#services {
left: 100px;
width: 100px;
}

li#work {
left: 200px;
width: 100px;
}

li#contact {
left: 300px;
width: 116px;
} 

li#logos {
left: 0px;
width: 60px;
}

li#identity {
left: 60px;
width: 80px;
}

li#packaging {
left: 140px;
width: 100px;
}

li#collateral {
left: 240px;
width: 110px;
} 

li#books {
left: 350px;
width: 70px;
}

#about a:hover, .cabout{
background: transparent url(images/menu.gif) 0 -18px no-repeat;
}
#services a:hover, .cservices {
background: transparent url(images/menu.gif) -100px -18px no-repeat;
}
#work a:hover, .cwork {
background: transparent url(images/menu.gif) -200px -18px no-repeat;
}

#contact a:hover, .ccontact  {
background: transparent url(images/menu.gif) -300px -18px no-repeat;
}

#logos a:hover, .clogos {
background: transparent url(images/subMenu.gif) 0 -27px no-repeat;
}
#identity a:hover, .cidentity {
background: transparent url(images/subMenu.gif) -60px -27px no-repeat;
}
#packaging a:hover, .cpackaging {
background: transparent url(images/subMenu.gif) -140px -27px no-repeat;
}
#collateral a:hover, .ccollateral {
background: transparent url(images/subMenu.gif) -240px -27px no-repeat;
width: 110px;
}
#books a:hover, .cbooks {
background: transparent url(images/subMenu.gif) -350px -27px no-repeat;
}


#sidebar li, #content li{
	font-style: italic;
	list-style: none;
	margin-bottom: 2px;
}


#bottomNav {
	float: right;
	padding: 0 10px;
	font-size: .85em;
	color: #aaa;
	margin: -5px 10px 15px 40px;
}

*html #bottomNav {margin-top: 5px}

#bottomNav a{
  	text-transform: uppercase;
	text-decoration: none;
	border: none;
		color: #aaa;

}



#slideshow {
	width: 400px;
	height:  300px;
}

*html #slideshow img {margin-bottom: -10px}

.lo01 {background-image: url('img/LGO_Lutra.jpg');}
.lo02 {background-image: url('img/LGO_ATFA.jpg');}
.lo03 {background-image: url('img/LGO_iLifeBoomer.jpg');}
.lo04 {background-image: url('img/LGO_HalfMoon.jpg');}
.lo05 {background-image: url('img/LGO_Dulcet.jpg');}
.lo06 {background-image: url('img/LGO_CleanWater.jpg');}
.lo07 {background-image: url('img/LGO_JLeasia.jpg');}
.lo08 {background-image: url('img/LGO_AuralProduce.jpg');}
.lo09 {background-image: url('img/LGO_RumiSimone.jpg');}
.lo10 {background-image: url('img/LGO_APDF.jpg');}
.lo11 {background-image: url('img/LGO_GermanAmer.jpg');}
.lo12 {background-image: url('img/LGO_Westwind.jpg');}

.id1 {background-image: url('img/ID_ATFA.jpg');}
.id2 {background-image: url('img/ID_iLifeBoomer.jpg');}
.id3 {background-image: url('img/ID_HalfMoon.jpg');}
.id4 {background-image: url('img/ID_JKemper.jpg');}
.id5 {background-image: url('img/ID_WGF.jpg');}
.id6 {background-image: url('img/ID_GermanAmer.jpg');}
.id7 {background-image: url('img/ID_JLeasia.jpg');}
.id8 {background-image: url('img/PKG_RumiSimone.jpg');}

.pkg1 {background-image: url('img/PKG_EmeritaHorm.jpg');}
.pkg2 {background-image: url('img/PKG_EmeritaSexV.jpg');}
.pkg3 {background-image: url('img/PKG_EmeritaJBox.jpg');}
.pkg4 {background-image: url('img/PKG_WGF.jpg');}
.pkg5 {background-image: url('img/PKG_HalfMoon.jpg');}
.pkg6 {background-image: url('img/PKG_Turning11.jpg');}
.pkg7 {background-image: url('img/PKG_TaliSauce.jpg');}

.col1 {background-image: url('img/COL_snowflake.jpg');}
.col2 {background-image: url('img/COL_ESPN.jpg');}
.col3 {background-image: url('img/COL_ATFA.jpg');}
.col4 {background-image: url('img/COL_SOLV1.jpg');}
.col5 {background-image: url('img/COL_SOLV2.jpg');}
.col6 {background-image: url('img/COL_HalfMoon.jpg');}
.col7 {background-image: url('img/COL_GSPSanta.jpg');}
.col8 {background-image: url('img/COL_LiftHoliday.jpg');}
.col9 {background-image: url('img/COL_Trillium.jpg');}
.col10 {background-image: url('img/COL_Westwind.jpg');}
.col11 {background-image: url('img/COL_Medscape.jpg');}

.bk1 {background-image: url('img/BK_MMTale_A.jpg');}
.bk2 {background-image: url('img/BK_MMTale_B.jpg');}
.bk3 {background-image: url('img/BK_WomensHealth.jpg');}
.bk4 {background-image: url('img/BK_SWFguide.jpg');}


#worknav {
	width: 350px;
	margin: 5px 0 0 15px;
	text-align: center;
	
}

#worknav a {
	border: none;
}


#numbers{
	float: right;
	margin: 0 -30px 0 20px;
}

#worknav li {
	margin: 0 6px;
	float: left;
}

#worknav a:hover {
	color: #f60;
	
}

#worknav .glow {
	color: #f60;
}

#arrows {
 width: 36px;
 height: 10px;
 background: url(images/arrows.gif);
 margin: 0px; padding: 0;
 position: relative;
 float: left;
}

#arrows li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#arrows li, #arrows a {height: 10px; display: block;}

#left {left: 0; width: 14px;}
#right {left: 22px; width: 14px;}

#left a:hover {background: transparent url(images/arrows.gif) 0 -10px no-repeat;}
#right a:hover {background: transparent url(images/arrows.gif) -22px -10px no-repeat;}

.indent li {text-indent: 15px}

.indent li li {text-indent: 30px}

.indent li li li {text-indent: 45px}