/**************************************************************
   studio7designs.com
 **************************************************************/

/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#content2 {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  margin-top:200px;
}

/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url(../images/bg/header2.gif) repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #fff;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #A8C9DC;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 143px;
  background: url(../images/bg/header_image.jpg) no-repeat top left;
}

#mainheader {
  margin: 0 auto;
  height: 243px;
  background: url(../images/bg/volunteer_header.jpg) no-repeat top left;
}

#rabbitheader {
  margin: 0 auto;
  height: 243px;
  background: url(../images/bg/rabbit_header.jpg) no-repeat top left;
}

#largeheader {
  margin: 0 auto;
  height: 260px;
  background: url(../images/bg/largeheader.jpg) no-repeat top left;
}

#iconicaheader {
  margin: 0 auto;
  height: 143px;
  background: url(../images/bg/iconica_header.jpg) no-repeat top left;
}

#kolheader {
  margin: 0 auto;
  height: 143px;
  background: url(../images/bg/kol_header.jpg) no-repeat top left;
}

#graphicsheader {
  margin: 0 auto;
  height: 235px;
  background: url(../images/bg/graphics_header.jpg) no-repeat top left;
}

#linksheader {
  margin: 0 auto;
  height: 235px;
  background: url(../images/bg/links_header.jpg) no-repeat top left;
}

#mountainheader {
  margin: 0 auto;
  height: 235px;
  background: url(../images/bg/mountain.jpg) no-repeat top left;
}

#solitudeheader {
  margin: 0 auto;
  height: 243px;
  background: url(../images/bg/solitude_header.jpg) no-repeat top left;
}





/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(../images/bg/menu.gif) repeat-x top left;
}

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

#menu ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu ul li a:hover,
#menu ul li a.here {
  background: #4A5C6A;
  border-top: 7px solid #455660;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}


/* Top menu icons */
#menu ul li a span.speaker {
  padding-left: 22px;
  background: url(../images/icons/speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
  background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
  padding-left: 24px;
  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
  background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
  padding-left: 20px;
  background: url(../images/icons/heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;
}


#menu ul li a span.dollar {
  padding-left: 20px;
  background: url(../images/icons/dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
  background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;
}



/**************************************************************
   Top Dropdown Menu
 **************************************************************/

/* Container to center position the menu */
#menuContainer {
  position:relative;
  z-index: 6000;
  width:776px;

  margin: 0 auto 10px auto;
  padding: 0;
}

/* Holds top level menu items and creates blue bar */
ul#menubar {
  float: left;
  width: 100%;

  margin: 0 0 10px 0;
  padding: 0;

  text-align: left;

  background: #000 ;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

ul#menubar li {
  float: left;
  position: relative;

  margin: 0;
  padding: 0;

  list-style: none;
}

/* Top level menu items */
ul#menubar li a {
  float: left;
  width: 133px;

  padding: 8px 10px;

  font-size: 1.2em;
  text-decoration: none;

  color: #ccc;
  border-right: 2px solid #000;
}

ul#menubar li.last a {
  width: 136px;
  border-right: 0;
}

#menubar a:hover {
  color: #FFF;
  background: #000;
}


/* Sub level menus */
.menu .options,
.menu .options li {
  padding: 0;
  margin: 0;
}

.menu .options {
  float: left;
	    
  background-color:#000;
  border-bottom:  2px solid #000;
  border-top:  2px solid #000;
}

/* Sub level menu items */
ul#menubar li .menu .options a {
  float: none;
  display:block;
    
  padding: 5px 10px;

  color: #fff;
  border-left:  2px solid #000;
}

ul#menubar li .menu .options a:hover {
  color: #000;
  background: #ccc;
}

ul#menubar li.first .menu .options a {
  padding-right: 10px;
  border-left: 0px;
}

ul#menubar li.last .menu .options a {
  border-right: 0px;
}

/**************************************************************
   Portfolio Samples
 **************************************************************/
#portfolio-samples-holder{
  margin: 0 auto;	width:776px; text-align: center; position: relative;
}
#portfolio-samples{
  position: absolute; top: 240px; left:776px; width: 139px; padding-bottom: 4px;
  background:url("../images/portfolio-bottom-bg.gif") no-repeat left bottom; 
}
  #portfolio-samples h2, #portfolio-samples h2 span {
    position: relative; width: 139px; height: 36px; color:#1c1c1c; font-weight: bold;
    display: block; font-size: 0.9em; padding: 0; margin: 0; overflow: hidden; text-align: left;
  }
    #portfolio-samples h2 span {
      position: absolute; width: 139px; height: 36px; top: 0; left: 0;
    
    }
    #portfolio-samples h2 em {
      font-size: 0.8em; color: #1c1c1c; font-style: normal;
  }
  #portfolio-samples ul{
      margin: 0; padding: 10px 0 5px; list-style: none; color: #374b64;
      background:#374b64 url("../images/portfolio-main-bg.gif") repeat-y left top;
    }
    #portfolio-samples li{
      margin: 0; padding: 4px 0; list-style: none; color: #1c1c1c;
    }  
      #portfolio-samples li a img{
        border:0px solid #000;background:#172224
      } 
      #portfolio-samples li a:hover img{
        border:0px solid #EF642B;background:#172224
      } 
/**************************************************************
   Page Content
 **************************************************************/

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {

  margin: 0 auto;
  
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
  text-align: left;
  
}


.widthPad2 {
  width: 746px;
  text-align: left;
  padding-bottom: 70px;
  padding-left: 17px;
  
  
}


.width20 {
  width: 18%;
}

.width23 {
  width: 22%;
}

.width25 {
  width: 24%;
  
}

.thumb25 {line-height: 11px;}

.width33 {
  width: 33%;
}

.width35 {
  width: 35%;
  margin-top:3px;
}

.width37 {
  width: 45%;
   margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #999; 
 
}

.width38 {
  width: 38%;
  margin-top:3px;
  
  
}

.width38 a {
 color:#999;
}

.width35 a {
 color:#999;
}

.width50 {
  width: 48%;
}

.width55 {
  width: 52%;
}

.width66 {
  width: 498px;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}



.width100 {
  width: 100%;
}

.width100d {
  width: 100%;
  text-align:center;
  margin-top:6px;
  margin-bottom:3px;
}

/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
  background: #000000;
}

#footer #bg ul {
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #4D5760;
  border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #6C0;
}

#footer #bg img {
	position: absolute;
	top: 15px;
	left: 14px;
}


/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}

/**************************************************************
   Posts HOME PAGE WITH DATE
 ************************************************

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 3px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}


********************/
/**************************************************************
   Posts NO DATE AND TIME
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.4em;
  background: #fafafa;
  border-bottom: 1px solid #CCCCCC;
}



.post .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  border-left: 1px solid #CCCCCC;
  text-align:justify;
  

}

/**************************************************************
   Posts volunteer page
 **************************************************************/

.post2 {
  float: left;
  width: 550px;
  position: relative;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #222;
}



.post2 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #586B7A;
}

.post2 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  
  text-align:justify;
  

}

/**************************************************************
   Posts PORTFOLIO PAGE
 **************************************************************/

.postnounderline {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
 
}

.postnounderline .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #999;
}

.postnounderline p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #999;  
  text-align:justify;
}
  
 .postnounderline a {color: #ADBE70;
  
 }
 
 .postnounderlineflash {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #999;  
  text-align:justify;
}
 
 /**************************************************************
   PostsLINKS PAGE
 **************************************************************/

.postnounderline2 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
 
}

.postnounderline2 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #777;
}

.postnounderline2 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #777;  
  text-align:left;
}
  
 .postnounderline2 a {color: #ADBE70; font-weight:normal;
  
 }
  
  
  /**************************************************************
   FRONT PAGE LOWER POSTS
  *************************************************************/

.fpost {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
 
}

.fpost  .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.fpost  p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #ffffff;  
  text-align:justify;
}
  
 .fpost  a {color: #F0A530;
  
 }

/**************************************************************
   Posts PORTFOLIO PAGE
 **************************************************************/

.post3 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #3f3f40;
}

.post3 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post3 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.2em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post3 a {color: #F0A530; font-weight:normal; }
  

/**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post4 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;
  background-image:url(../images/BLOG_IMAGES/bg.jpg);
 
}

.post4 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post4 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post4 a {color: #CCCCCC;
  
 }
  
  
  /**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post5 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;

 
}

.post5 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post5 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post5 a {color: #ADBE70;}
 
 .post5 a:hover {color: #ccc;
  
 }


/**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post6 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;
  background-image:url(../images/BLOG_IMAGES/bg2.jpg);
 
}

.post6 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post6 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post6 a {color: #CCCCCC;
  
 }

/**************************************************************
   Thumbnail RIGHT  Lists
 **************************************************************/

ul.thumbsright,
ul.thumbsright li {
  margin: 0;
  padding: 0;
}

ul.thumbsright li {
  margin: 0 0 10px 17px !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumrightb img {
  
  border: 1px solid #222;
}

a:hover.thumbright img {
  background: #8EB4C6;
  border: 1px solid #ccc;
}

a:hover.thumbright {
  background: none;
}

a.thumbright span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}


/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 12px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 2px solid #222;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 2px solid #222;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

/**************************************************************
   Thumbnail Lists FOR PORTFOLIO AND SERVICES LARGE THUMBS
 **************************************************************/

ul.thumbs2,
ul.thumbs2 li {
  margin: 0;
  padding: 0;
}

ul.thumbs2 li {
  margin: 0 0 0 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb2 img {
  
  border: 2px solid #ccc;
}

a:hover.thumb2 img {
  background: #8EB4C6;
  border: 2px solid #888;
}

a:hover.thumb2 {
  background: none;
}

a.thumb2 span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

thumbs2 p {color:#fff; text-align:justify; padding: 10px;}

/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0 0 0 7px;
  padding: 0 0 0 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 5px;
}

ul.submenu1 li a {
color: #353535;
  
}

ul.submenu1 a:hover {
  color: #888;
  
}

ul.submenu2 li a {
  color: #353535;
  
}

ul.submenu2 a:hover {
  color: #888;
 
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #DDE3d2;

  background-image: url(../images/top.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top:15px; 
 
}



.lightBlueBg2 {
  background-color: #D3DEE7;
  
  background-image: url(../images/bluetop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top:15px; 
}

.dark {
  color: #888;
}


.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
.style7 {color: #ADABAB}


#header_organic			{

					width:776px;
					height:239px;
					background-image:url("../images/organic_header.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
					
					

#header_new			{

					width:776px;
					height:239px;
					background-image:url("../images/jpowellheader.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
position: relative;
					}
					
#header_wedding		{
					width:776px;
					height:239px;
					background-image:url("../images/wedding_header.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#menu_new			{
					width:776px;
					height:28px;					
					background-color:#000;
					margin-bottom: 12px;
					
				
					}
ul#menu_inner_new	{
					color:#000;
					padding:0px;
					margin:0px;
					list-style: none;
					}	
#menu_inner_new li	{
					list-style-type:none;
					float:left;
					width:129px;
					text-align:center;
					list-style: none;
					}
.link7_new			{
					font-family:helvetica;
					font-weight: bold;
					font-size:13px; 
					color:#ffc830;
					text-decoration:none;
					padding-top:4px;
					height:23px;
					display:block; 
					
					}
					
									
.link7_new:hover	{
					background-color:#ffc830;
					font-family:helvetica;
					font-size:13px;
					color:#000;
					height:24px;
					}
					
.link8_new			{
					font-family:helvetica;
					font-weight: bold;
					font-size:13px; 
					color:#9aa66d;
					text-decoration:none;
					padding-top:4px;
					height:23px;
					display:block; 
					width: 131px;
					
					
					}
					
									
.link8_new:hover	{
					background-color:#ADBE70;
					font-family:helvetica;
					font-size:13px;
					color:#000;
					height:24px;
					}
					
					
					
					
					
					
					
.boxes				{
					float:left; 
					width:220px; 
					height:auto; 
					margin:5px 20px 0 0; 
					}
.bot_ad				{
					width:172px; 
					background-color:#EEEDF2;
					}
#ads ul				{
					list-style-image: url(../images/bullet2.gif);
					margin:0px; 
					margin-left:-12px; 
					
					padding-right:7px;
					font-size:11px;
					}

					
.ads				{
					list-style-image: url(../images/bullet2.gif);
					
					}
					
.gallery            {
                     text-align:center;



                     }
			
			
#flashcontent {height: 313px; margin-top: 12px; margin-bottom: 2px; }



.style8 {color: #F0A530; font-size: 1.0em;
  font-weight: 600;}
.style9 {color: #302F2D}
.style12 {color: #557761}
.style13 {	color: #666666;
	font-weight: bold;
}