/* css for basic items---------------------------------------------------------------------------------------------------*/
html,body {
	width:100%;
	background: #fff url(../images/bg-left.gif) repeat-y;
    }
body {
	padding: 0;
	margin: 0;
	width: 100%;
	background: #fff url(../images/bg-left.gif) repeat-y;
	font-family: arial, helvetica, verdana;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: bold;
	}
body.home {	
	background: #fff url(../images/bg-home.gif) repeat-x;
	}
body.demo {	
	background: #fff url(../images/bg-demo2.gif);
	}
body.uses {	
	background: #fff url(../images/bg-uses.gif) repeat-x;
	}
body.blog {	
	background: #fff url(../images/bg-blog.gif) repeat-x;
	}
body.story {	
	background: #fff url(../images/bg-story.gif) repeat-x;
	}
img {
	padding: 0; 
	margin: 0;
	}
a,
a:visited,
a:active {
	color: #9dab99;
	outline: none;
	text-decoration: none;
    }
a:hover {
	color: #3c4a9d;
	outline: none;
	text-decoration: underline;
   	}
ul {
	padding: 0 0 20px 0;
	margin: 0;
	list-style: none;
	}
li {
	padding: 0;
	margin: 0;
	float: left;
	}
p {
	padding: 0 0 20px 0;
	margin: 0;
	}			 
sup {
	padding-left: 2px;
	vertical-align: top;
	font-size: 10px;
	}
hr {  
	padding: 0;
	margin: 6px 0 8px 0;
	border: none;
	border-bottom: solid 1px #929494;
	color: #fff;
	}
h1 {
 	padding: 0 0 0 32px;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	font-weight: bold;
	}
h2 {
 	padding: 0 0 40px 0;
	margin: 0;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	font-weight: bold;
	}
h3 {
 	padding: 25px 0 20px 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #ccc;
	font-weight: bold;
	}
h4 {
	margin: 0;
	font-size: 18px;
	line-height: 22px;
	color: #ff9900;
	font-weight: bold;
	}
h5 {
 	padding: 0 0 15px 0;
	margin: 0;
	font-size: 14x;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	}
h6 {
 	padding: 0 0 4px 0;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	}

/* css for site structure ------------------------------------------------------------------------------------------------*/

#outer {
	width: 100%;
	display: table;
 	background: url(../images/bg-left.gif) repeat-y;
   }

/* css for content left -------------------------------------------------------------------------------------------------*/

#content-left {
	position: relative;
	width: 271px;
	float: left;
	}
#content-left-nav ul {
	padding: 47px 0 0 30px;
	font-size: 14px;
	line-height: 14px;
	list-style: none;
	}
#content-left-nav ul li {
	padding: 0 0 30px 0;
	float: none;
	}
#content-left a,
#content-left a:visited,
#content-left a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    }
#content-left a:hover {
	color: #a38566;
	text-decoration: none;
   	}
#content-left a#on,
#content-left a#on:visited,
#content-left a#on:active,
#content-left a#on:hover {
 	color: #ff9900;
	text-decoration: none;	
  	}
#content-left-text {
	position: relative;
	padding: 24px 20px 0 30px;
	width: 221px;
	}
#content-left-text a,
#content-left-text a:visited,
#content-left-text a:active {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #855c33;
	text-decoration: none;	
  	}
#content-left-text a:hover {
 	color: #fff;
	text-decoration: none;	
  	}
  #content-left-text-small {
	position: relative;
	padding: 34px 30px 0 30px;
	width: 211px;
	}
#content-left-text-small a,
#content-left-text-small a:visited,
#content-left-text-small a:active {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #855c33;
	text-decoration: none;	
  	}
#content-left-text-small a:hover {
 	color: #fff;
	text-decoration: none;	
  	}

/* css for content right  -------------------------------------------------------------------------------------------------*/

#content-right {
	position: relative;
	padding: 0 0 0 0;
	width: 729px;
	float: left;
	}
#content-right ul li ul {
	padding: 12px 40px 13px 20px;
	}
#content-right ul li ul li {
	padding: 0 0 4px 12px;
	float: none;
	}
#content-right ul.story {
	padding: 75px 0 0 0;
	}
#content-right ul.story li {
	padding: 0 20px 0 0;
	}
#content-right-text {
	padding: 45px 0 0 32px;
	font-size: 17px;
	line-height: 22px;
	}
#content-right-text-small {
	padding: 45px 0 0 32px;
	font-size: 17px;
	line-height: 22px;
	}
#content-right-text-small p {
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height: 14px;
	}	
#content-right-where {
	padding: 45px 0 0 32px;
	font-size: 17px;
	line-height: 22px;
	}
#content-right-where p {
	padding: 10px 0 0 0;
	font-size: 12px; 
	line-height: 16px;
	}	
#uses-text {
	padding: 52px 0 0 20px;
	width: 196px;
	height: 408px;
	font-size: 11px;
	line-height: 13px;
	background: #ff9900;
	}
#blog-text {
	padding: 10px 0 0 153px;
	font-size: 18px;
	line-height: 22px;
	}
#story-text {
	padding: 350px 0 0 32px;
	font-size: 13px;
	line-height: 15px;
	color: #000;
	claer: both;
	}
#content-right a.sm-gray,
#content-right a.sm-gray:visited,
#content-right a.sm-gray:active {
	font-size: 12px;
	line-height: 14px;
	color:#ccc;
	font-weight: bold;
	text-decoration: none;
    }
#content-right a.sm-gray:hover {
	color: #ccc;
	text-decoration: underline;
   	}
#content-right a.lg-gray,
#content-right a.lg-gray:visited,
#content-right a.lg-gray:active {
	padding: 0 0 55px 0;
	font-size: 18px;
	line-height: 22px;
	color:#ccc;
	font-weight: bold;
	text-decoration: none;
    }
#content-right a.lg-gray:hover {
	color: #ccc;
	text-decoration: underline;
   	}
#content-right a#black,
#content-right a#black:visited,
#content-right a#black:active {
	font-size: 17px;
	line-height: 21px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
    }
#content-right a#black:hover {
	color: #ff9900;
	text-decoration: none;
   	}
#content-right a#sm-black,
#content-right a#sm-black:visited,
#content-right a#sm-black:active {
	font-size: 14px;
	line-height: 14px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
    }
#content-right a#sm-black:hover {
	color: #ff9900;
	text-decoration: none;
   	}
#content-right a#white,
#content-right a#white:visited,
#content-right a#white:active {
	font-size: 14px;
	line-height: 16px;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
    }
#content-right a#white:hover {
	color: #ff9900;
	text-decoration: none;
   	}
ul.home li {
	font-size: 0;
	line-height: 0;
	}
.small {
	padding: 27px 0 0 0;
	font-size: 9px;
	line-height: 11px;
	}

/* css for footer -------------------------------------------------------------------------------------------------*/

#footer {
	position: relative;
	padding: 25px 0 20px 303px;
	width: 697px;
	font-size: 10px;
	line-height: 16px;
	color: #999;
	font-weight: normal;
	letter-spacing: 1px;
	clear: both;
	}

#footer a,
#footer a:visited,
#footer a:active {
	font-size: 10px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
    }
#footer a:hover {
	text-decoration: underline;
   	}

/* css for misc items -------------------------------------------------------------------------------------------------*/

.gray-text {
	color: #ccc;
	}
.brown-text {
	color: #663300;
	}
.orange-text {
	color: #ff9900;
	}

#content-right-text-small p.quotes {
	padding: 0 0 25px 0;
	font-size: 12px;
	line-height: 19px;
	color: #4f4f4f;
	}
#content-right-text-small a.quoteslink,
#content-right-text-small a.quoteslink:visited,
#content-right-text-small a.quoteslink:active {
	font-size: 11px;
	line-height: 15px;
	color: #ff9900;
	text-decoration: none;
	}
#content-right-text-small a.quoteslink:hover {
	color: #ff9900;
	text-decoration: underline;
	}


#icons {
	position: absolute;
	top: 328px;
	left: 700px;
	}

#iphone {
	display: none;
	}