/***** Global Settings *****/
html, body {
		border:0;
		margin:0;
		padding:0;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

blockquote {
        margin: 1em;
		font-style:italic;
}
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/*****************************end initial styling************************/

body {
	background-color:#8f7456;
	font-family:Arial, Helvetica, sans-serif;
}
	
#container {
	margin:0 auto;
	width:995px;
	position:relative;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
}

#header img{
	margin-left:10px;
	padding:0;
}


/*                   navigation area                       */

#nav {
	padding: 0;
	/*margin:0 0 0 231px;*/
	margin:0 0 0 60px; /*was 195 with blog but without SEO*/
	font-size:20px;
	height: 36px;
}

#nav ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
}

#nav li {
	display: inline;
}

#nav a {
	display: block;
	padding: 3px 15px;
	float: left;
}

#nav a:link, #nav a:visited {
	color: #663333;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
}

#nav a.active{
	color: #000000;
	font-weight:bold;
}

/*                   end navigation area                       */


/*Content                             */       


#content{
	width:580px;
	margin: 0px;
	float:left;
	padding-top:25px;

}

p{
	margin:16px 10px;
}

p img.centered{
	margin-left:145px;
}

.affil{
	margin-left:50px;
}

.brown {
    color:#663333;
}

ul{
	padding: 0px 10px;
	margin-left:0px;
	list-style-position:outside;
}

h1 {
	font-size:1.4em;
	color:#000000;
	text-align:center;
}

h2{
	font-size:1.2em;
	color:#000000;
	text-align:center;
	/*height:30px;*/      /* this distorts the sidebar h2 with its br*/
	margin:20px 0px 10px 0px;
}

h2.features {
	margin:15px 0 5px;
	height:20px;
}

h2.simplesite{
	margin-left:250px;
}

h1 span, h2 span{
	display:none;
}

h5{
	text-decoration:underline;
	font-size:1em;
	text-align:center;
}

#content.portfolio h1, #content.portfolio h2{
	padding-right:42px;
}

span.price{
	font-size:20px;
	font-weight:bold;
	color:#0000CC;
}

.paypalform form{
	padding-left:216px;
}

.SEOcontent{
	width:625px;
	margin: 0px;
	padding:0px 20px 25px 25px;
}

.SEOcontent hr{
    height: 0;
	border-width: 1px 0 0 0; 
	border-style: solid;
	border-color: #8f7456; 
	width:75%;
	margin:0px auto;
	clear:both;
}

.SEOcontent p{
	margin:16px 0;
	text-align:justify;
}

.SEOcontent p.text-center{
	text-align:center;
}

#sidebar{
	width:375px;
	float:left;
	margin-left:10px;
}

#SEOsidebar{
	width:270px;
	float:right;
	margin-right: 10px;
	padding: 15px;
}

* html #SEOsidebar{
    padding:15px 10px;
}

#SEOsidebar img.centered{
    width:125px;
	padding:50px 72px;
}

#SEOsidebar hr{
	width:75%;
	margin-bottom:10px;
}

.pos_1{
	position:absolute;
	top:475px;
	left:555px;
}

#object{
	width:100px;
	float:left;
	margin:50px 35px 25px 102px;
	background-color:transparent;
}

#footer{
	width:995px;
	height:30px;
	margin:0px auto;
	background-image:url(images/bg_bottom.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#IEroot .clear{
	margin-top:150px;
}

#footer p{
	text-align:center;
	font-size:.8em;
	margin:0px;
	padding:0px;
}

.portfolio{
	padding: 10px 15px 15px;
}

.portfolio img{
	padding:0px 0px 0px 0px;
}

img.gifheading {
	padding:0px 0px 15px 0px;
}

.portfolio p{
	margin:0px 20px 25px 0px;
}

.portfolio p.centered{
	text-align:center;
	margin:0 0 25px 0;
}

.portrow{
	height:230px;
	padding-bottom:10px;
}

a.link {
	width:250px;
	margin:0px;
	margin-left:80px;
}

a.linkwide {
	width:250px;
	margin:0px;
	margin-left:45px;
}

a{
	outline:none;
}

.left {
	width: 350px;
	float:left;
	margin:0 15px 0 0;
}

#sidebar img.left{
	margin-bottom:175px;
}

.right{
	width:230px;
	float:right;
	margin:0px;
}

.lowerRight{
	width:200px;
	float:right;
	margin-left:15px;
}

.midLeft{
	width:250px;
	margin:60px 0px 0px 75px;
}

.lowerLeft{
	width:250px;
	margin:350px 0px 0px 75px;
}

.upperLeft{
	float:left;
}

hr{ /*this is how to get HRs to show the color you want in both browsers!*/
	height: 0;
	border-width: 1px 0 0 0; 
	border-style: solid;
	border-color: #8f7456; 
	width:925px;
	margin:0px auto;
	clear:both;
}



/*                   Begin Contact Form area                       */
#contactForm{
	width:375px;
	margin:0 auto;
}
	
label{
	width: 75px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	/*display: block;*/
}

#contactForm input{
	width:244px;
}

#contactForm input #submit{
	color: #663333;
	background: transparent;
	border: 1px inset #663333;
	margin-bottom:2px;
	clear:both;
}

#contactForm input#submit{
    width:60px;
}

form textarea{
	width:325px;
	height:98px;
	background:transparent;
	background-image:url(images/messageBottle.gif);
	background-repeat:no-repeat;
	border:1px solid #663333;
	margin-bottom:5px;
}
	
fieldset{
	border: 1px solid #663333;
	width: 340px;
	padding:10px;
}

legend{
	color: #663333;
	background:transparent;
	border: 1px solid #663333;
	padding: 2px 6px;
	font-weight:bold;
}

/*                   End Contact Form area                       */




/* Accordion styles (static) */

ul.accordion {
  background-color: #8f7456;
  border: 1px solid #FFF;
  border-top: none;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative; /* Forces the bottom border of the h2 to display in IE */
}

ul.accordion li {
  clear: left;
}

ul.accordion li ul{  
	list-style-type:none;
	margin:0;
	padding:0;
}

* html ul.accordion li ul{
	list-style-type:circle;
	padding-left:1em;
}

ul.accordion li ul li{
	background-image: url(images/spiralShell20w.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 1.4em;
}

* html ul.accordion li ul li{
	background-image:none;
	padding-left:.2em;
}

ul.accordion h2 {
  background-color: #c5b18c;
  border: 1px solid #FFF;
  border-width: 1px 0;
  font-size: 1.5em;
  margin: 0 0 -1px;
}

ul.accordion h2 a:link, ul.accordion h2 a:visited {
  color: #663333;
  display: block;
  margin: 1px;
  padding: 0 0.667em;
  text-decoration: none;
}

/* Accordion styles (dynamic) */

.accordionContent {
  overflow: hidden;
  padding: 0 1em;
  margin-top:8px;   /*My addition to give space at top of each expanding item. Causes no problems?*/
}

li.collapsed .accordionContent {
  position: absolute;
  left: -9999px;
}

/* Fixes Safari bug that prevents expanded content from displaying.
   See http://betech.virginia.edu/bugs/safari-stickyposition.html */
li.collapsed .accordionContent p {
  position: relative;
}

ul.accordion li.collapsed h2 a:hover, ul.accordion li.collapsed h2 a:focus,
ul.accordion li.collapsed h2 a:active,
ul.accordion li.expanded h2 a:link, ul.accordion li.expanded h2 a:visited {
  background-color: #e7e3cb;
}

/* Accordion content styles (static) */

ul.accordion h3 {
  font-size: 1.1em;
  line-height: 1.1;
  margin: 0;
}

ul.accordion p {
  display: inline;
  float: left;  /*if commented out, this causes torch image to sit outside collapsed div in IE6*/
  clear: left;
  width: 100%;  
  text-align:justify; 
  margin: 10px 0 0; 
  padding-bottom:10px;
}

ul.accordion div.links {
  margin: 1em 0 1em 5%;
  padding-bottom:10px;  
}

div.links ul {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 0;
}

div.links li {
  clear: none;
  display: block;  
  margin: 0 3em 0 0;  
}

ul.accordion a{
	color:#ffffff;
}

ul.accordion p.exampleBox{
	border:2px outset #000;
	float:right;
	margin:10px 37px 0px;
	padding:0;
	width:468px;
	height:60px;
}

* html li#list_flashanimation{
	/*padding-bottom:10px;*/    /*Something is needed to set #list_flashanimation as a container for p.exampleBox (for IE6). The fact that exampleBox sits outside of the collapsed div says that the div isn't holding it. Its as if its absolutely positioned. Only in IE6.*/
}

#hidemefromnonIEbrowsers {
display:none;
}