/* The Stepfamily Life (c) Steppingstone, LLC. */

/* html */
/* html containers */
html { }
body { color:#000000; background-color:#CC6600; font-weight:normal; }
* body { border:0; margin:0; padding:0; font-weight:normal; font-size: 12px; line-height: 1.24em; font-family:"Arial", "Helvetica", sans-serif; }



div { display:block; }
span { display:inline; }

/* html font styles */
em { font-style:italic; }
small { font-size:smaller; }
strong { font-weight:bold; }

/* html headers */
h1 { color:#CC6600; font:bold 16px/1em "Arial", "Helvetica", sans-serif; padding: 0; }
h2 { color:#CC6600; font:normal 10px "Arial", "Helvetica", sans-serif; padding: 0; }
h3 { color:#000000; font:bold 10pt/1em "Arial", "Helvetica", sans-serif; padding: 0; }
h4 { color:#333333; font:normal 10px/1em "Arial", "Helvetica", sans-serif; padding: 0; }
h5 { color:#000000; font:normal 10px/1em "Arial", "Helvetica", sans-serif; padding: 0; }
h6 { color:#000000; font:normal 9px  "Arial", "Helvetica", sans-serif; padding: 0; }

/* html text and links */
p { font:normal 12px/1.24em; padding: 4px 0 0 0; }
p a { font-weight:bold 12px/1.2em; }
a { font-weight:bold; color:#CC6600; text-decoration:none; }
a:link { font-weight:bold; color:#CC6600; text-decoration:none; }
a:visited { font-weight:bold; color:#CC6600; text-decoration:none; }
a:focus { font-weight:bold; color:#00626D; text-decoration:underline; }
a:hover { font-weight:bold; color:#00626D; text-decoration:underline; }
a:active { font-weight:bold; color:#7E4C3E; text-decoration:underline; } 

/* html images */
a img,
:link img,
:visited img { border:none; } /* remove blue linked image borders */

/* html lists */
ul { list-style-type:none; font:12px/1.36em; }
ol { list-style-type:decimal; list-style-position:inside; }
dl { }
il { }
li { }

/* html forms */
form { display:inline; }
button { border:0pt none #D4BEB6; }
label { }
textarea { }
fieldset { border:1pt solid #444444; }
legend { }
select { border:1pt solid #444444; }

/* html tables */
table { }
th { }
tr { }
td { }
caption { }
marquee { }

/* html breaks */
hr { color:#CC6600; height:1pt; text-align:center; margin: 0; }
br { }


/* div ID sections */
#wrap { position:absolute; left:20px; top:30px; width:970px; height:800px; background-color:#FFFFFF; border: 2px solid #000000; }

/* branding */
#branding { }
#brandMasthead {position:absolute; left:173px; top:15px; width:540px; height:76px; background-image:url(logoClean.png); background-repeat:no-repeat; }
#brandTagline {position:absolute; left:180px; top:90px; width:540px; height:16px; font-weight:normal; font-size:11px; line-height: 1.24em; font-family:"Arial", "Helvetica", sans-serif; }
#brandServices {position:absolute; left:180px; top:110px; width:540px; height:20px; font-weight:bold; font-size:13px; line-height: 1.24em; font-family:"Arial", "Helvetica", sans-serif; }
#brandDesignElement {position:absolute; left:860px; top:20px; width:80px; height:160px; background-image:url(stone.png); background-repeat:no-repeat; }

/* content */
#content { }
#contentIntro {position:absolute; left:180px; top:140px; width:540px; height:50px; }
#contentMain { }
#contentMain1 {position:absolute; left:180px; width:260px; top:200px; height:370px; }
#contentMain2 {position:absolute; left:460px; width:260px; top:200px; height:370px;background-image:url(footStepPoster2.jpg); background-repeat:no-repeat }
#contentMain3 {position:absolute; left:740px; width:210px; top:200px; height:370px; }

/* portfolio */
#portfolio {position:absolute; left:20px; top:630px; width:930px; height:150px; background-color:#666666; }

/* navigation */ 
#navigation { }
#navEssential {position:absolute; left:830px; top:10px; text-align:right; padding: 0; margin: 0; color:#FFFFFF; }
#navEssential a {color:#FFFFFF; font-weight:normal;}
#navEssential a:hover {color:#666666; font-weight:normal; text-decoration:underline;}
#navPrimary {position:absolute; left:20px; top:20px; width:140px; height:590px; padding: 0; margin: 0; background-color:#999999;}
#navSecondary {position:absolute; left:180px; top:590px; width:770px; height:20px; }
#navSpecial {position:absolute; left:740px; top:20px; width:120px; height:160px; }
#navPrimary ul, #navSpecial ul { list-style-type: none; padding: 0; margin: 0;}

/* info */
#siteInfo {position:absolute; left:42px; top:840px; width:930px; height:20px; padding: 0; margin: 0; font-weight:normal; font-size: 9px; color: #FFFFFF; text-align:right; }



/* div ID elements */