/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	color: #C60;
}
body {
	background: #655A46 url(img/bg.gif);
	color: #543;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code ,ol*/ {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
li {
	font-size: 1em;
}

ul	{
	list-style-type: square;
	list-style-position: inside;
}


h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}


h1,h2,h3,h4 {
	color: #654;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 780px;
}

/*Containertwo seems only to be for the video page*/

.containertwo {
	background: url(img/bgcontainer.gif) repeat-y; 
	background-color: white;
	margin: 0 auto;
	width: 780px;
	height: 1000px;
	padding: 20px 50px 0px 0px;

}
h1.containertwo {
	font-size: 1.75em;
	text-align: center;
}
h2.containertwo {
	font-size: 1.25em;
	text-align: center;
}

p.containertwo {
	font-size: 1em;
	text-align: left;
	width: 600px;
	padding-top: 15px;
}
/* header */
.header {
	background: url(img/bgheader.gif) repeat-x;
	height: 120px;
	margin: 0 auto;
	width: 760px;
}

/* title */
.title {
	padding: 32px;
}
.title h1 {
	color: #E4DBCF;
	font: normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

/* kicker */
.kicker,.kicker1 {
	background-color: #d1d1d1;
	color: #654;
	font-family: Verdana,sans-serif;
	font-size: 1.25em;
	height: 19px;
	text-align: center;
	margin: 0 auto;
	width: 725px;
}

.kicker {
	padding: 10px 18px 10px 18px;

}
.kicker1 {
	padding: 0px 18px 7px 18px;
    font-weight: bold;
}

.kicker li {
	display:inline;
	margin: 0px 15px 0px 15px;
	
}
.kicker1 li {
	display:inline;
	margin: 0px 15px 0px 15px;
}


/* navigation - TOP OF PAGE */
.navigation {
	background: #FFF url(img/bgnavigation.gif) repeat-x;
	font: bold 1.2em Verdana,sans-serif;
	height: 44px;
	margin: 0 auto;
	padding: 0 18px;
	width: 725px;
}
.navigation a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 44px;
}
.navigation a:hover {
	background: #CEBDA1;
	color: #420;
}

/* main */
.main {
	clear: both;
	padding: 0 10px 12px 28px;
}
.wehelp {
	font-size: 1.5em;
    text-align: center;
	background-color: #987E57;
    color: white;
    line-height: 1.5em;
	padding: 10px;
    }

/* BEGIN INDEX PAGE CSS ##################################################*/

/* content */
.content {
	padding-top: 12px;
	float: left;
	width: 68%;
}



.content h2 {
	color: #654;
	padding-top: 6px;
	font-size: 2em;

}

p.sidekicker {
	font-family: "Lucida Sans Unicode",sans-serif;
    font-size: 1.2em;
    text-decoration: underline;
    margin: 20px 0px 0px 0px;
}

/* HERE ENDS INDEX PAGE CSS */

/*Question / answer CSS - qa div */

.contentslist ul /*this is for the contents lists at the top of pages*/ {
	font: normal 1.2em "Lucida Sans Unicode",serif;
    list-style-type: square;
	margin-top: -10px;
    margin-bottom: 25px;

}
    
/*.contentslist li {
	margin: 10px 0px 25px 20px;

}*/


.qa {
	font: normal 1.2em "Lucida Sans Unicode",serif;
	margin: 5px 10px 5px 25px;
 }

.qa p {	font: normal 1.2em "Lucida Sans Unicode",serif;
	margin-bottom: 15px;
}



.qa ul	{
	list-style-type: circle;
	list-style-position: outside;
	font-size: 1.2em;
	margin: 0px 0px 15px 35px;

}


.memphis p {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.75em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding-left: 28px;
}
.blockanswer {
	margin-left: 28px;
	/*font: normal 1.2em "Lucida Sans Unicode",serif;*/
	
}

.blockanswer ul	{
	list-style-type: none;
	padding-bottom: 15px;
}

.bulletsmall ul/*this is for small-font bulleted lists generally*/ {
    list-style-type: none;
    padding: -15px 0px 20px 0px;
	font-size: .8em;
}

.bulletsmall li{
	text-align: right;
}


/* this is code for popout pictures */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* end code for popout pictures */


/* ENDS MAIN INDEX PAGE CSS ---------------------------------------------------------------------------*/

/*#############################################################
The following were created for Why Rob is Best index page version 8/3/11..
#############################################################*/
.robbest {
	font: normal 1em "Lucida Sans Unicode",serif;
	margin: 5px 5px 5px 0px;
 }

.robbest h2 {	font: 2em "Lucida Sans Unicode", serif;
		color: white;
		background: #B2B2B2;
		padding: 15px;
	

}
.robbest h3 {	font: 1.5em "Lucida Sans Unicode", serif;
	margin-left: 35px;

}



.robbest p {	margin: 10px 0px 15px 55px;
	line-height: 1.5;

}



.robbest ul	{
	list-style-type: circle;
	list-style-position: outside;
	font-size: 1.2em;
	margin: 0px 0px 15px 35px;

}


/*#############################################################
Ends CSS for Why Rob is Best index page version 8/3/11..
#############################################################*/


/* sub navigation - SIDE NAVIGATION LINKS */
.sidenav {
	float: right;
	width: 218px;
}
.sidenav h2 {
	background: #BCB39F url(img/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
.sidenav li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}

/*Box 1-4 are for the special side links to especially important pages 8/13/10 */

.sidenav .box1 {
	background: #BCB39F url(img/sidenavbox1.jpg) repeat;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	/*color: white;
	font-size: 2em;*/
	height:100px;
	margin: 0;
	padding-top: 25px;
}
.box1 h3 	{
	color: white;
	font-size: 2em;
	text-align: center;
}
.box1 a 	{
	color: #543;
	display: block;
	text-decoration: none;
	/*padding: 3px 4px;
	margin-right: 12px;*/
	line-height: 45px;
	
}
.box1 a:hover	{
	background: #AEB7C7;
	color: #656445;
	height: 50px;
}


.box1 p	{
	margin-top: -10px;
	color: white;
	font-size: 1em;
	text-align: center;
}

.sidenav .box2 {
	background: #BCB39F url(img/sidenavbox2.jpg) repeat;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	/*color: white;
	font-size: 2em;*/
	height:100px;
	margin: 0;
	padding-top: 25px;
}
.box2 h3 	{
	color: black;
	font-size: 2em;
	text-align: center;
}
.box2 a 	{
	color: #543;
	display: block;
	text-decoration: none;
	/*padding: 3px 4px;
	margin-right: 12px;*/
	line-height: 45px;
	
}
.box2 a:hover	{
	background: #B2B2B2;
	color: #656445;
	height: 50px;
}

.box2 p	{
	margin-top: -10px;
	color: black;
	font-size: 1em;
	text-align: center;
}
.sidenav .box3 {
	background: #BCB39F url(img/sidenavbox3.jpg) repeat;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	/*color: white;
	font-size: 2em;*/
	height:100px;
	margin: 0;
	padding-top: 25px;
}
.box3 h3 	{
	color: white;
	font-size: 2em;
	text-align: center;
}
.box3 a 	{
	color: #543;
	display: block;
	text-decoration: none;
	/*padding: 3px 4px;
	margin-right: 12px;*/
	line-height: 45px;
	
}
.box3 a:hover	{
	background: #4C4C4C;
	color: #656445;
	height: 50px;
}

.box3 p	{
	margin-top: -10px;
	color: white;
	font-size: 1em;
	text-align: center;
}

.sidenav .box4 {
	background: #BCB39F url(img/sidenavbox4.jpg) repeat;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	/*color: white;
	font-size: 2em;*/
	height:100px;
	margin: 0;
	padding-top: 25px;
}
.box4 h3 	{
	color: white;
	font-size: 2em;
	text-align: center;
}
.box4 a 	{
	color: #543;
	display: block;
	text-decoration: none;
	/*padding: 3px 4px;
	margin-right: 12px;*/
	line-height: 45px;
	
}
.box4 a:hover	{
	background: #555555;
	color: #656445;
	height: 50px;
}

.box4 p	{
	margin-top: -10px;
	color: white;
	font-size: 1em;
	text-align: center;
}




/*content2*/
.content2 {
	padding-top: 12px;
	width: 100%;
	padding-right: 50px;
}


.content .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}
.content li {
	/*list-style: none;*/
	margin-left: 18px;
	padding-bottom: 5px;}


/*-----------------------------------------------------------LIST SHIT*/

ul.test	{
	margin: 10px 0 10px 10px;
	font-size: 1em;
	list-style-type: disc;
	list-style-position: outside;
}

.ordered {
	font-size: 1.2em;
}

.ordered ol /*this is for straight numbered lists*/

		{
	margin-left: 50px;
	}
.ordered ul /*This is to nest an unordered list within the ordered div*/

		{
	margin-left: 25px;
}
.ordered p /*this is to nest extra paragraphs within numbered lists/*

		{
    margin: 20px 0px -20px 0px;
}*/




.bullets ul/*this is for bulleted lists generally*/
    list-style-type: square;
    margin: -15px 0px 20px 0px;
	font-size: 1.2em;
    }
.bullets li{
	margin-left: 50px;
}
.bulletsmall2 ul/*this is for small-font bulleted lists flush left*/
		{
    list-style-type: none;
    margin: -15px 0px 20px 0px;
	margin-left: 50px;
    font-size: .8em;
    }
.bulletsmall2 li{
	text-align: left;
}

/* footer */
.footer {
	background: #958463 url(img/bgfooter.gif) repeat-x;
	color: #FED;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 760px;
}
.footer a {
	color: #FFD;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.formask /*This is for the "ask question" form*/

		{
	margin-left: 10px;
	font-size: 1em;
	line-height: 1em;
}

/*The following styles were created 4/19/07 for q & a pages ---------------*/

.pagehead h1 {
	color: #E4DBCF;
	font: normal 2.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
	padding-bottom: 15px;
    }
.pagehead p {
	margin: -20px 0px 0px 0px;
    }
p.pageheadkick {
	font-family: "Lucida Sans Unicode",sans-serif;
    font-size: 1.2em;
    text-decoration: underline;
    margin: 10px 0px -20px 0px;
}
    
    
/* ------------------------------------- */
/* This is for the "return to top" text */
.return {
/*text-color: #cccc99;*/
font-family: arial, sans-serif;
font-size: .7em;
text-align: right;
margin-bottom: 10px;
}

/*For image positioning*/

.imgrt {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.imglft {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

/*Fallacies of ISO 9001 page*/
.falreal {
	margin: 20px 0 15px 0;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	border-bottom: 5px solid #CCC;
	padding: 0px 0px 10px 0px;
	
}

.fallacy {
	padding: 10px 0px 0px 0px;
	color: blue;
	clear: left;
}
.reality {
	padding: 20px 0px 0px 0px;
	clear: left;
}

.fallacybox,.realitybox {
	width: 27%;
	font-family: "times new roman", serif;
	font-size: 2em;
	padding: 5px 5px 5px 5px;
	margin: 0 25px 0 0;
	border-width: 5px;
	border-style: double;
	border-color: #CCC;
	float: left;
}

.fallacybox {
	margin-bottom: 20px;
}

.realitybox {
	margin-bottom: 10px;
}


 
 /*This is "definition list" for testimonials on education page.*/

dt.testimonial {
    margin: 5px 5px 0px 0px;
    font-weight: bold;
	font-size: .9em;
    font-family: "times new roman", serif;

}
dd.testimonial {
	margin: 0px 5px 0px 5px;
    font-family: "arial narrow", arial, sans-serif;
    font-size: .9em;
    }
    
 /*This is the list on the education page.*/
ul.edu {
	margin: -15px 0px 15px 0px;
    list-style: square outside;
    margin-left: 35px;
	font-family: arial, sans-serif;
    }
    
/*Education request form CSS quoteedu.kc.htm*/
.classtype {
	margin-bottom: 10px;
    padding: 10px;
    border: 2px outset;
}

#personal label {position:absolute;font-size:90%;padding-top:.2em;}
#personal input {margin-left:9em;line-height:1.4em;margin-bottom:.2em;}

p.legend {
	font-weight: bold;
	margin-bottom: -10px;
}
#whowhen label {position:absolute;font-size:90%;padding-top:.2em;}
#whowhen input {margin-left: 15em;line-height:1.4em;margin-bottom:.2em;}

ol.content {
	margin-left: 25px;
}
p.sub {
    font-style: italic;
    font-size: 90%;
    margin: 10px 0px -25px 0px;
}

/*----------------------------------These are for Index divs etc*/
/*.wehelp, .qa {
    font-size: 1.2em;
    }*/

hr.index {
	border: none;
    background-color: #BCB39F;
    color: #BCB39F;
    height: 3px;
    /*width: full;*/
}
/*--------------------------------------------------------misc subheads and stuff*/
h3.subh {
	font-size: 1.5em;
	margin: 5px 0px 10px 0px;
}

/*--------------------------------------------------------for logo block */
.logo {
	width: 218px;
    height: 88px;
    background-color: white;
	font-family: "arial narrow", arial, sans-serif;
    font-size: 1.7em;
    color: black;
}
/*--------------------------------------------------------for product page */

.product {
	font-size: .9em;
	margin-bottom: 5px;    
}
.productcat {
	background: url(img/bgheader.gif) repeat-x;
    color: white;
    padding: 10px;
    font-size: 1.5em;
	margin: 10px 0px 10px 0px;
}

h2.product {
	font-size: 1.1em;text-decoration: underline;
    font-weight: bold;
    margin-bottom: 5px;
}

p.product {
	margin-left: 50px;
}

ul.product {
/*	text-align: right;*/
    margin: -15px 0px 0px 50px;
	font-style: italic;
    list-style-type: square;
	list-style-position: inside;
}
.boxbox {
	border-width: 10px;
	border-style: double;
	padding:10px;
	margin: 10px;
}
.payblock {
	margin: 10px 0px 75px 25px;
}

.payblock form.add {
	float: left;
}
.payblock form.view {
	float: right;
}


 /*This is for case study section*/

p.cssubhead	{
	margin-left: 30px;
	text-decoration: underline;
	font-weight: bold;
}

p.csgraf1	{
	margin: -10px 0px 0px 50px;
	text-decoration: none;
}
p.csgraf2	{
	margin: -10px 0px 0px 50px;
	text-decoration: none;
}