@charset "UTF-8";
/* CSS Document */

/* CSS Reset
-------------------------------------------------------------- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, address, th ,td {
margin: 0; padding:0;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}


/* Typography
-------------------------------------------------------------- */
body { 
font: 75%/1.5 Verdana,"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; 
color: #666; 
}

/*h1,h2,h3,h4,h5 { 
color: #6c207e; 
font: 1em Georgia, "lucida bright", "times new roman", serif;
}
*/
p  { margin: 0 0 1.5em; }

.index h2 {font: 1.8em/1.5 Georgia, "lucida bright", "times new roman", serif; margin: 0 0 0.75em 0;}

h1.pagetitle {
background:url(images/grey_line.gif) repeat-x bottom center;
height:35px;
margin-top:50px; margin-bottom:30px;
color: #c5c5c5;
font: 2em/1.5 Georgia, "lucida bright", "times new roman", serif;
padding-left:30px;}

.about .pagetitle {
width:370px;}

.faq .pagetitle {
width:600px;
}

a:link {
color: #869961;
}

a:visited {
color: #74815c;
}
a:hover, a:active {
color:#333;}

h2 {
color: #6c207e;
margin:30px 0px 12px 0px;
font: 1.6em/1.5 Georgia, "lucida bright", "times new roman", serif; 
}

h3 {
font-size: 1.3em; 
margin-bottom:0.5em; 
color:#6b8e2e;
font-weight:normal;
border-bottom:1px solid #bcd198;
margin: 20px 0px 15px 30px;}

.about h4 {
color:#869961;
font: bold 1.5em/1.2 Verdana,"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
margin:60px 0 8px 0;
}

.about h5 {
color:#606060;
font: 1.1em/1 Verdana,"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
margin-bottom:20px;}

.faq h6 {
text-indent: 20px;
color: #6c207e;
margin:25px 0px 5px 0px;
font: 1.2em/1.5 Georgia, "lucida bright", "times new roman", serif; 
background: url("images/faq_bullet.gif") bottom left no-repeat;}

.faq p {
padding-left:20px;
}
p.border {
border-bottom: 1px solid #fff;
padding-bottom:30px;} 

.drop {
	color: #0f1214;
	display: block;
	float: left;
	font-size: 3.5em;
	font-weight: bold;
	line-height: 0.85;
	margin: 0 .1em 0 0;
	}

.kern {
letter-spacing:3px;
}	

.clear {
clear:both;
margin-bottom:40px;}

.last {
margin-bottom:60px;
}

/* Header, Navigation, Footer
-------------------------------------------------------------- */
body {
text-align:center;
min-width:810px;
background:url(images/masthead_tile.jpg) repeat-x top left;
}

#wrapper {
width:810px;
margin: 0px auto;
text-align:left;
position:relative;}

#masthead {
background:url(images/masthead_tile_sm.gif) repeat-x top center;
width:810px;
height:86px;
margin:0px;}

#logo {
position:absolute;
top:18px; left:5px;
}

#logo a{
text-indent:-5000em;
background:url(images/logoliw.gif) no-repeat top left;
display:block;
width:187px; height:68px;
}

.index #logo a:hover {
cursor:default;
}

#nav {
width:945px;
}

#nav ul, #nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: block;
	float: left;
	}

#nav a {
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	text-decoration: none;
	text-indent:-1000em;
	padding:0; margin:0;
}

#nav a:hover {
	background-position: 0 -76px;
}

a#nav_index {
	background-image: url("images/nav_home.jpg");
	width:69px;
	}
a#nav_about {
	background-image: url("images/nav_about.jpg");
	width:79px;
	}
a#nav_faq {
	background-image: url("images/nav_faq.jpg");
	width:84px;
	}
a#nav_store {
	background-image: url("images/nav_store.jpg");
	width:133px;
	}
a#nav_atwork {
	background-image: url("images/nav_atwork.jpg");
	width:157px;
	}
a#nav_testimonials {
	background-image: url("images/nav_testimonials.jpg");
	width:116px;
	}
a#nav_classes {
	background-image: url("images/nav_classes.jpg");
	width:133px;
	}
a#nav_contact {
	background-image: url("images/nav_contact.jpg");
	width:114px;
	}
	
.index a#nav_index, .about a#nav_about, .faq a#nav_faq, .store a#nav_store, .atwork a#nav_atwork, .testimonials a#nav_testimonials, .classes a#nav_classes, .contact a#nav_contact { 
 background-position: 0 -38px;
 }

#footer {
background: url(images/footer.jpg) repeat-x top center ;
height:193px;
text-align:center;
clear:both;
}

#footer p, #footer a {
color:#fff;
font-size:10px;
padding-top:20px;}

#footer a:link, #footer a:visited {
color: #fcfcfc; text-decoration:none;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
color:#6c207e;}


/* Branding Image for each page
-------------------------------------------------------------- */
#flashcontent {
background-position:no-repeat;
width:790px;height:150px; 
margin:50px 0px 0px;}

.index #flashcontent {
height:282px; 
}
.about #flashcontent {
background-image:url("images/img_about.jpg");
}
.faq #flashcontent {
background-image:url("images/img_faq.jpg");
}
.store #flashcontent {
background-image:url("images/img_store.jpg");
}
.atwork #flashcontent {
background-image:url("images/img_atwork.jpg");
}
.testimonials #flashcontent {
background-image:url("images/img_testimonials.jpg");
}
.classes #flashcontent {
background-image:url("images/img_classes.jpg");
}
.contact #flashcontent {
background-image:url("images/img_contact.jpg");
}

/* HOMEPAGE
-------------------------------------------------------------- */
#container {
border: 1px solid #ccc;
width: 788px;}

.index #content {
float: right;
width: 460px;
margin-right:20px;
margin-top:20px; display:inline;}

.index #quotes {
float:left;
width: 260px;
background-color: #ebebeb;
margin-top:20px;
margin-left:20px;display:inline;}

.index #quotes p {
font: 1.0em/1.5 Georgia, "lucida bright", "times new roman", serif;
padding:0px 20px 0px 20px;
color: #869961;
margin:0;} /*Green-grey text*/

.index #quotes p.client {
color:#333;
margin:0; padding:10px 20px 0px 20px;}

img.openquotes {
margin:30px 0 10px 10px;}

img.closequotes {
float:right;
margin-right:10px; display:inline;}

.index #quotes a {
font: 1.1em Georgia, "lucida bright", "times new roman", serif;
color: #869961;}

.index #quotes a:hover {
color:#333;}

.index #content h2 {
margin-top:30px;}

.index .title {
background:url(images/grey_line.gif) repeat-x bottom center;
width:460px; height:35px;
margin-top:0px; margin-bottom:30px;}

.index #content img {
float: right;
margin-left:10px; margin-bottom:50px;
display:inline;}

.index #content2 {
border: 1px solid #ccc;
margin-top:34px;
}

.index #content2 h2 {
color:#ccc;
text-indent:8px;
margin:22px 0px 12px 10px;
font: bold 1.6em/1.5 Verdana,"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; 
}

.index #content2 p {
padding:0 20px 0px 20px;
font-size:0.95em;
}

.index #video {
float:left;
width: 260px; height:160px;
background:#000 url(images/video.gif) bottom center no-repeat;
margin: 20px 0 0 20px; display:inline;}

.index #video p {
padding: 60px 65px;
color:#CCC;
}


/* ABOUT
-------------------------------------------------------------- */
.main {
float:left; width: 400px;}

.main p, .main h1, .main h2{
padding-left:30px;}

.sec {
float:left; margin:20px 0px 0px 30px; display:inline; width:340px; background-color:#ebebeb;/*border-left:1px solid #ccc;*/ }

.sec p, .sec h4, .sec h5 {
padding:0px 30px;}

.sec p {font-size:0.95em; color:#869961;}

.sec h5 {
color:#869961;
}

.title {
font-size:1.8em;
background:url(images/grey_line.gif) repeat-x bottom center;
width:390px; height:35px;
margin-top:30px; margin-bottom:30px;}

.about img  {
float: left;
background-color: #fff;
border:1px solid #a9a9a9;
padding:4px;
margin: 5px 10px 5px 30px;}


.about .box {
border:2px solid #fff; margin:30px 15px;}

.about .box p {
padding: 8px 15px 0px 15px;
color: #869961; 
font: 1em/1.5 Georgia, "lucida bright", "times new roman", serif;}

.frame {
float: left;
width: 150px;}

.frame p {
font-size:9px;
color:#666666;}

/* FAQ
-------------------------------------------------------------- */

#faqbox {
margin:0px 30px;
width:600px;}

.faq ul {
margin-left:20px;}

.faq ul li {
color: #6b8e2e;}

/* STORE
-------------------------------------------------------------- */

.store img{
padding: 0px 250px;
margin-bottom:200px;}

/* AT WORK
-------------------------------------------------------------- */
.atwork .main {
width:500px;}

.atwork .sec {
width:245px;
height:700px;
}

.atwork .openquotes {
margin-top:160px;
}

.atwork .sec p {
font: 1.3em/1.5 Georgia, "lucida bright", "times new roman", serif;
padding:0px 20px 0px 20px; margin:0;
color: #869961;
} /*Green-grey text*/

/* TESTIMONIALS
-------------------------------------------------------------- */
.testimonials h2  {padding:0px 30px;}
.testimonials p  {padding:0px 30px; }

.testimonials ul {margin-left:45px;}
.list2 {padding: 5px 50px;}
.testimonials li {
background: url("images/bullet.gif") no-repeat; padding-left:15px;}

.testimonials img {
float: left;
background-color: #fff;
border:1px solid #a9a9a9;
padding:4px;
margin: 5px 10px 5px 30px;}

/* CLASSES
-------------------------------------------------------------- */

.classes img{
padding: 0px 5px;
margin-bottom:50px;}

/* CONTACT
-------------------------------------------------------------- */
.contact p {
padding-left: 30px;
}

.last_large {
margin-bottom:200px;
}