/*
CSS Design based on layout Sparkle by Free CSS Templates
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
  margin: 0; 
  padding: 0;
  background:  #000000;
  font: normal 12px Arial, "Trebuchet MS", Helvetica, sans-serif;
  text-align:justify;
  color: #FFFFFF;
}

h1, h2, h3 {
  color: #C67710;
  margin-top: 0;
}

h1 {
  font-size: 18px;
  margin: 0;
  margin-bottom:5px;
}

h2 {
  font-size: 16px; /* 1.6em; */
  margin: 0;
  margin-bottom:5px;
}
h2 a, h2 a:visited, h2 a:link {
  text-decoration: none;
  color: #C67710;
  font-weight:bold;
  border:none;
}
h2 a:hover {
  text-decoration:none;
}

h3 {
  font-size: 12px; /* 1em; */
  margin: 0;
  margin-bottom:5px;
}

p, ul, ol, blockquote {
  margin-top: 0;
}

blockquote {
  background: #5D5D5D;
  font-style:italic;
  padding:5px 5px 5px 5px;
  margin-left:10px; margin-right:10px;
}
blockquote
{ 
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #FFFFFF; 
  border-bottom: 1px solid #FFFFFF;
  font-style:normal;
  font-size:12px; 
  font-weight:normal;
}
blockquote .cited {
  text-align:right;
  width:100%;
  font-style:italic;
}

a, a:visited, a:link {
  text-decoration: none;
  color: #56EC46; /* #17E500; */
  font-weight:normal;
  border:none;
}

a:hover {
  text-decoration:underline;
}
/* ------ Color Links ----- */
.pink {
  color:pink;
  font-size:14px;
  font-weight:bold;
}
.pink a:link,
.pink a:visited {
  text-decoration:none;
  color:pink;
}
.pink a:hover {
  text-decoration:underline;
}

.clearfloats { clear:both; height:1px; }

.horizRule {
  clear:both;
  width:100px;
  height: 1px;
  margin-top:5px;margin-bottom:5px;
  background: #C3C3C3;
  overflow:hidden;
  text-align:center;
}

/* -- IMAGE STYLES -- */

img {
  border: none;
}
a img {
  border: none;
}

.imgRight, .imgLeft {
  padding: 5px 5px 5px 5px;
/*   border: 1px solid #000000;  */
}
* html .imgRight,
* html .imgLeft {
  padding: 5px 5px 5px 5px;
}

.imgRight {
  float: right;
  padding-right:0px;
}

.imgLeft {
  float: left;
  padding-left:0px;
}

.imgCenter
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* --- end of general styles */

/* Wrapper */

#wrapper {
  background: #000000 url(http://www.elcaminowellnesscenter.com/images/cannabis_002.jpg) repeat-y; /* ajk ver = ../images/cannabis_001.jpg */
  width:1001px;
  margin: 0 auto;
  position:relative;
}

/* LOGO IMAGE */
img.logo {
  position:absolute;
  top:145px; left:7px;
  z-index:100;
  width:264px; 
  height:268px;
  border:none;
  margin:0;padding:0;
}

/* Header */

#header {
  width: 1001px; 
  height: 150px;
  margin: 0 auto;
  padding: 0;
  background: transparent url(http://www.elcaminowellnesscenter.com/images/medicalmarijuana_001.jpg) no-repeat top left;
  position:relative;
  overflow:hidden;
  border: none;
  font-weight: bold;
}

#header #nameMenuCol {
  width:675px; 
  height:150px;
  float:left;
  position:relative;
/* border:1px solid yellow; */
}

#header .name  {
  position:relative;
  width:660px; height:126px; 
}
#header .name img {
  position:absolute;
  top:15px; left:81px;
  width:512px; height:98px;
}
#header .name a img, 
#header .name a:link img,
#header .name a:visited img,
#header .adTop a:hover img {
  border:none;
}

#header #infoCol {
  position:absolute;
  top:47px; right:25px; 
  width:320px;
  text-align:right;
/* border:1px solid green;  */
}
#header #infoCol p {
  letter-spacing:.1em;
}

/* Top Menu */

#header .menu {
  position:absolute; 
  top:128px; left:210px;
  width:700px;
  height:20px;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
/* border:1px solid pink; */
}

#header .menu ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}
#header .menu li {
  display:inline;
}
#header .menu a:link,
#header .menu a:visited {
  padding: 0px 15px 0px 15px;
  text-decoration:none;
  border-left:1px solid #FFFFFF;
  color:#FFFFFF;
}
#header .menu .menu_first a { 
  border-left: none;
}
#header .menu a:hover,
body#body_home li.menu_home a:link, body#body_home li.menu_home a:visited,
body#body_products li.menu_products a:link, body#body_products li.menu_products a:visited,
body#body_directions li.menu_directions a:link, body#body_directions li.menu_directions a:visited,
body#body_faqs li.menu_faqs a:link, body#body_faqs li.menu_faqs a:visited,
body#body_contact li.menu_contact a:link, body#body_contact li.menu_contact a:visited,
body#body_gallery li.menu_gallery a:link, body#body_gallery li.menu_gallery a:visited {
  text-decoration:underline;
}

/* end top menu */

/* end header */

/* Start content area */

#mainPart {
  clear:both;
  width: 1001px;
min-height: 235px; /*  --- min height to show mosaic --- */
height:auto;
  margin: 0 auto;
  padding: 0;
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_001c.jpg) no-repeat top left;
/* border:1px solid pink; */
}

#twoCols {
  clear:both;
  width:839px;
  float:right;
  position:relative;
/* border:1px solid green; */
}

/* Colume One */

#colOne {
  width: 697px;
  float:left;
  position:relative;
}
#colOne .contentBox {
   width: 697px;
}
#colOne .contentBox .top{
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_002a.gif) no-repeat top left;
  height: 4px;
  overflow:hidden;
}
#colOne .contentBox .entry {
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_002b.gif) repeat-y;
  overflow:hidden;
  position:relative;
  margin:0; padding:0;
}
#colOne .contentBox .bottom {
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_002c.gif) no-repeat top left;
  height: 4px;
  overflow:hidden;
}

/* Content Box Entry */

#colOne .contentBox .entry .twoCols {
  clear:both;
  width: 694px; /* 120 + 574 = 694 *//* 120+565=685 */ /* 697px; */
  position:relative;
  margin: 0 auto;
  padding: 0;
}

#colOne .contentBox .entry .first {
  height:240px; /* min height to allow mosaic to show */
  padding-top:20px;
}

#colOne .contentBox .entry .twoCols .extra {  /* usually empty - place holder for logo overlap */
  width:120px;
  float:left;
  background:transparent;
margin-bottom:15px;
}
* html #colOne .contentBox .entry .twoCols .extra { margin-bottom:0px; } /* IE6 */

#colOne .contentBox .entry .twoCols .main {
  width:574px;
  float:right;
  background: transparent;
}
#colOne .contentBox .entry .twoCols .main p {
  margin:0;padding:0;
  padding: 0px 10px 10px 0px;
  text-align: justify;
  font-size:12px;
  color:#FFFFFF;
}

#colOne .contentBox .entry .twoCols .main .orange {
  color:#C67710;
  font-size:14px;
  font-weight:bold;
}
#colOne .contentBox .entry .twoCols .main .orange a:link,
#colOne .contentBox .entry .twoCols .main .orange a:visited {
  text-decoration:none;
  color:#C67710;
}
#colOne .contentBox .entry .twoCols .main .orange a:hover {
  text-decoration:underline;
}

#colOne .contentBox .entry .twoCols .main .productArea {
  position:relative;
  margin:0 0; padding:0;
  padding-top:10px;
}

#colOne .contentBox .entry .twoCols .main .productArea ul {
  list-style:none;
  margin:0 0;
  padding:0;
}
#colOne .contentBox .entry .twoCols .main .productArea li {
  display:inline;
  float:left;
  width: 112px;
  font-size:11px;
  letter-spacing:.09em;
  font-weight:bold;
}
#colOne .contentBox .entry .twoCols .main .productArea li .desc {
  padding-right:22px; 
  text-align:center;
}
#colOne .contentBox .entry .twoCols .main a:link,
#colOne .contentBox .entry .twoCols .main a:visited {
  text-decoration:none;
font-weight:normal;
  color:#56EC46; /* #80F174; */ /* #FFFFFF; */
}

#colOne .contentBox .entry .twoCols .main a:hover {
  text-decoration:underline;
}
#colOne .contentBox .entry .twoCols .main .more-products {
  clear:left;
  width:109px; height:20px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:12px;
  background: transparent url(http://www.elcaminowellnesscenter.com/images/more-products.gif) no-repeat;
  text-align:center;
  padding-top:2px;
  position:absolute;
  bottom:35px; right:10px;
}
#colOne .contentBox .entry .twoCols .main .button-products,
#colOne .contentBox .entry .twoCols .main .button-directions,
#colOne .contentBox .entry .twoCols .main .button-toTop {
  width:109px; height:20px;
  float:left;
  color:#FFFFFF;
  font-weight:bold;
  font-size:12px;
  background: transparent url(http://www.elcaminowellnesscenter.com/images/more-products.gif) no-repeat;
  text-align:center;
  padding-top:2px;
}

#colOne .contentBox .entry .twoCols .main .button-products {
  margin:3px 20px 10px 20px;
}
#colOne .contentBox .entry .twoCols .main .button-directions {
  margin:10px 2px 10px 2px;
}
#colOne .contentBox .entry .twoCols .main .button-toTop {
  margin:10px 10px 50px 10px;
}
#colOne .contentBox .entry .twoCols .main .button-products a,
#colOne .contentBox .entry .twoCols .main .button-products a:visited,
#colOne .contentBox .entry .twoCols .main .button-products a:link,
#colOne .contentBox .entry .twoCols .main .button-directions a,
#colOne .contentBox .entry .twoCols .main .button-directions a:visited,
#colOne .contentBox .entry .twoCols .main .button-directions a:link,
#colOne .contentBox .entry .twoCols .main .button-toTop a,
#colOne .contentBox .entry .twoCols .main .button-toTop a:visited,
#colOne .contentBox .entry .twoCols .main .button-toTop a:link {
  color:#FFFFFF;
  font-weight:bold;
}

#colOne .contentBox .entry .twoCols .main .contactBox {
  border:3px double white;
  padding:10px 20px 10px 20px;
  width:265px;
  margin:10px auto 0 auto;
}

/* Colume Two */

#colTwo {
  float:right;
  width:138px;
  position:relative;
}
#colTwo .newsBox {
  width:138px;
  font-size:10px;
  text-align:left;
  position:relative;
}
#colTwo .newsBox .top{
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_003a.gif) no-repeat top left;
  height: 5px;
  overflow:hidden;
}
#colTwo .newsBox .entry {
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_003b.gif) repeat-y;
  overflow:hidden;
  position:relative;
  margin:0; padding:0;
  padding:10px /* 20px */ 5px 0px 5px;
}
#colTwo .newsBox .bottom {
  background: transparent url(http://www.elcaminowellnesscenter.com/images/marijuana_003c.gif) no-repeat top left;
  height: 5px;
  overflow:hidden;
}

#colTwo .newsBox .more {
  float:right;
  position:relative;
}

#colTwo .newsBox .more a, 
#colTwo .newsBox .more a:link,
#colTwo .newsBox .more a:visited {
  text-decoration:none;
  color: #56EC46; /* 17E500; */
  text-align:right;
  font-size:10px;
  font-weight:bold;
  border:none;
  padding-right:3px; /* 10px; */
  width:50px;
}
#colTwo .newsBox .more a:hover {
  text-decoration:underline;
}

#colTwo .newsBox h2 {
  font-size:15px; /* 10px; */
  font-weight:bold;
  color:#EA8D06;
  text-align:left;
}
#colTwo .newsBox .horzMore {
  width:98px;
}
#colTwo .newsBox p {
  color:#C3C3C3;
  margin-bottom:20px;
}

#colTwo #subscribe,
#colTwo #subscribe a,
#colTwo #subscribe a:link,
#colTwo #subscribe a:visited {
  position:relative;
  clear:both;
  margin-top:20px;
  color:#C67710;
  text-align:center;
}

#colTwo #openHours
{
  text-align:center;
  width:130px;
}
#colTwo #openHours .hoursRow
{
}
#colTwo #openHours .hoursDay
{
  width:23px;float:left;
}
#colTwo #openHours .hoursTime
{
  width:45px;
  float:left;
  font-weight:bold;
}
#colTwo #openHours .hoursTo
{
  width:12px;
  float:left;
  text-align:center;
}

/* Footer */

#footer {
  clear:both;
  width:961px; /* 1001px - 40px padding = 961px */
  height:45px; /* 240px; 240-195=45? */
  padding:195px 0 0 40px;
  background: #000000 url(http://www.elcaminowellnesscenter.com/images/media_001.jpg) no-repeat top left;
  overflow:hidden;
  margin: 0 auto;
  position:relative;
  font-size:10px;
  font-weight:bold;
  color:#5D5D5D;
/* border:1px solid green; */
}

#footer a:link,
#footer a:visited {
  padding: 0px 1px 0px 0px;
  text-decoration:none;
  color: #5D5D5D;
}
#footer a:hover {
  color: #5D5D5D;
  background-color: transparent;
  text-decoration:underline;
}

/* Footer Menu Area */

#footer .menu {
  width: 500px; 
  font-size: 10px;
  font-weight: bold;
  background: transparent;
  margin:0 0 0 0;
  padding: 0 0 0 0;
  height:15px;
}

#footer .menu ul {
  list-style:none;
  margin:0;
  padding:0;
}
#footer .menu li {
  display:inline;
}

#footer .menu a:link,
#footer .menu a:visited {
  padding: 0px 5px 0px 5px;
  text-decoration:none;
  border-left:1px solid #5D5D5D;
  color:#5D5D5D;
}
#footer .menu .menu_first a { 
  border-left: none;
  padding-left:0px;
}
#footer .menu a:hover,
body#body_resources li.menu_resources a:link, body#body_resources li.menu_resources a:visited,
body#body_sitemap li.menu_sitemap a:link, body#body_sitemap li.menu_sitemap a:visited
{
  text-decoration:underline;
}
#footer .copyright {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#footer .foot_disclaimer {
  float:right;
  width:410px;
  padding-right:10px;
}

/* end footer */

/* ------ Color Links ----- */
.white {
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
}
.white a:link, .white a:visited,
.white_link a, .white_link a:link, .white_link a:visited {
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}
.white a:hover,
.white_link a:hover {
  text-decoration:underline;
}

.orange {
  color:#C67710;
  font-size:14px;
  font-weight:bold;
}
.orange a:link,
.orange a:visited {
  text-decoration:none;
  color:pink;
}
.orange a:hover {
  text-decoration:underline;
}

/* ------ Colors ----- */

.color_white { color: #FFFFFF; }

.color_orange { color: #C67710; }

.color_green { color: #56EC46; }

/* -- for Maps -- */

.map_local {
  width:240px;
  height:131px;
  float:right;
  margin-right:5px;
  margin-left:10px;
}
.map_directions { /*   style="width:240px;height:166px;float:right;margin-right:5px;margin-left:10px;"> */
  width:240px;height:166px;
  float:right;
  margin-right:5px;
  margin-left:10px;
/* border:1px solid aqua; */
}

/* -- Disclaimer -- */

.disclaimer {padding-top:100px;padding-bottom:1px;}