/* Start of CMSMS style sheet 'SWstyles' */
/* STACEY WOODS PHOTOGRAPHY
www.STACEYWOODSPHOTOGRAPHY.COM */

body  {margin:0;
       padding:0;
       font-family: Arial, Helvetica, sans-serif;
       background-color: #363636;
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	background-position: center top;
       font-size: 11px;
       font-style: normal;
       line-height: 16px;
       color: #ffffff; 
}

img {
	border: 0;
}

/*DEFAULT LINK STYLES*/

a, a:link a:active {
	text-decoration: none;
	color: #A19785;
}

a:visited {
	text-decoration: none;
	color: #A19785;
}

a:hover {
	text-decoration: none;
	color: #FF7F00;
}

a:visited:hover {
	text-decoration: none;
	background-color: inherit;
	color: #FF7F00;
}

#outershell{
	width: 1000px;
	margin: 0 auto;

 }

#innershell{
	position:relative;
	width: 1000px;

}

#topsection{
	width: 1000px;
	height: 140px;
	min-height: 140px;
	height: auto !important;
}

#contentwrapper{
               width:1000px;
}

#leftcolumn {
	float:left;
	width: 150px;

}

#content {float:right;
	padding-top:0px;
	padding-bottom:20px;
	width:800px;
    height: 350px;
    min-height: 350px;
    height: auto !important;

}


#footer {color: #575042;
       font-size: 11px;
width: 1000px;
background-image: url(images/footer_back.png);
	background-repeat: no-repeat;
	background-position: right top;
    height: 40px;
    min-height: 40px;
    height: auto !important;

   }
#footer a{color: #575042;

          }

#footer a:hover{color: #FF7F00;
          }
/* FOR CLEARING FLOATS */

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.clear-block {
  display: inline-block;
}


/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */





/* End of 'STACEY WOODS PHOTOGRAPHY' */


/* Navigation
--------------------------------------------------------------------------- */
#navigation {
	width: 150px;
	float: left;
	margin: 0 1px 0 0;
	font-size: 12px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigation a {
	display: block;
	text-align: left;
	padding: 12px 0 1px 0px; /* margin: 0 0 1px 0; works fine on all normal browsers and IE7,  but incurs collapsing margin bug on hover in IE6 */
	width: 150px;
	height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	/*margin: 0 0 1px 0;*/
}
#navigation a:hover, #navigation a:hover.expand {
	background-position: 0 -61px;
color:#A19785;
}
#navigation a.active, #navigation a.expand.active { /* TIP 2: doing a.active will disable hover state on .active links, where as .active alone will not [does not work on IE6, lol fail] */
color:#A19785;
	font-weight: bold;
	background-position: 0 -61px;
}
#navigation a.expand {
	background: url(../images/buttonExp.gif) no-repeat;
}
#navigation #navBot {
	display: block;
	background: url(../images/navBot.gif) no-repeat;
	width: 252px;
	height: 30px;
	margin: 0 0 60px 0;
}
/* MEGA-MENU!
--------------------------------------------------------------------------- */
ul#menu li.mega div ul.subList li {
	float: none;
}
ul#menu li.mega div ul.subList a {
	display: block;
	text-align: left;
	padding: 5px 10px 5px 10px;
	width: 150px;
	height: 15px;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	background-repeat: no-repeat;	/*margin: 0 0 1px 0;*/
}
ul#menu li.mega div ul.subList a:hover {
	background-position: 0 -31px;
                color:#FF7F00;
}
ul#menu li.mega div ul.subList a.active {
	font-weight: bold;
	background-position: 0 -31px;
color: #A19785;
}
ul#menu div {
	display: none;
}
ul#menu li.mega div {
	width: 252px;
	position: relative;
	top: 0;
	left: 0;
}
ul#menu li.hovering div {
	display: block;
}
/* End of 'SWstyles' */