/*
:: overall paragraph settings and page background element  ::
== sets background image of red vertical bar with left drop shadow against offwhite
== tells image to repeat only on the vertical
== sets text basics | size, leading, alignment, color, margins
*/

body {
background:#F8F8FF;
background-image:url(/images/bg.gif);
background-repeat: repeat-y;
font-family: verdana, arial, helvetica, sans-serif;
text-align:left;
font-size:12px;
line-height:16px;
color:#333;
margin-top:0px;
margin-left:0px;
}
p {
font-family: verdana, arial, helvetica, sans-serif;
text-align:left;
font-size:12px;
line-height:16px;
}
h1 {
font-variant:small-caps;
font-size:12px;
color:#333;
font-weight:bold;
text-align:left;
}
h2 {
font-size:12px;
color:#6A8EAF;
font-weight:bold;
text-align:left;
margin-bottom:-15px;
}
h3 {
font-size:12px;
color:#999;
font-weight:bold;
text-align:left;
}
li {
margin-bottom:5px;
color:#333;
}
ul {
text-align:left;
font-size:12px;
line-height:14px;
color:#333;
list-style-type:square;
margin-bottom:15px;
}
.author {
color:#6A8EAF;
font-size:12px;
text-align:left;
}
.bold {
font-weight:bold;
}
.center {
text-align:center;
}

/*
:: callout class selectors | see widths ::
== 1 is services
== 2 is bio
== 3 is fees
== 4 is home page testimonial
*/

.callout {
float:right;
padding-left:2em;
width:175px;
text-align:right;
font-size:12px;
line-height:17px;
color:#cc0000;
}
.callout2 {
float:right;
padding-left:1em;
padding-bottom:1em;
width:95px;
text-align:right;
font-size:12px;
line-height:17px;
color:#cc0000;
}
.callout3 {
float:right;
width:150px;
text-align:right;
padding-left:5em;
margin-bottom:20px;
font-size:12px;
line-height:17px;
font-weight:normal;
color:#cc0000;
}
.callout4 {
text-align:right;
font-size:12px;
line-height:17px;
color:#cc0000;
}

/*
:: box container for content pages  ::
== uses ID selector menu and menu.inc (not menu2)
== uses hed.gif graphic with broader box
*/


.content {
position:absolute;
top:0px;
left:0px;
width:470px;
min-height:300px;
color:#333;
font-size:12px;
line-height:18px;
text-align:left;
padding:20px 30px 10px 70px;
border:1px solid #000;
background:#FFF;
}

/*
:: narrow box container for home and contact pages  ::
== changes left margin from 0 pixels to 200 pixels
== width changes from 470 pixels to 300 pixels
== uses ID selector menu2 and menu2.inc (not menu)
== uses hed2.gif graphic with narrower box
*/

.home {
position:absolute;
top:0px;
left:200px;
width:300px;
min-height:300px;
color:#333;
font-size:12px;
line-height:18px;
text-align:left;
padding:0px 30px 10px 40px;
margin-top:0px;
border:1px solid #000;
background:#FFF;
}
.inner {
list-style-type:disc;
}
.italic {
font-style:italic;
}
.left {
text-align:left;
}

/*
:: places subhead graphic within content box  ::
*/

.pagetag {
position:absolute;
top:20px;
left:0px;
width:70px;
height:100%;
z-index:3;
}
.right {
text-align:right;
}
.smaller {
font-size:11px;
line-height:14px;
color:#666;
}
.small {
color:#999;
font-size:10px;
line-height:12px;
}

/*
:: wrap elements  ::
== class selectors identifying a paragraph or graphic as one that text will wrap around
*/

.wrapleft {
float:left;
margin:0px 20px 5px 0px;
}
.wrapright {
float:right;
margin:15px 0px 20px 20px;
}
a:link {
color:#cc9999;
font-weight:normal;
text-decoration:none;
}
a:visited {
color:#cc9999;
font-weight:normal;
text-decoration:none;
}
a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:none;
}
a:active {
color:#ff0000;
font-weight:bold;
text-decoration:none;
}

/*
:: menu elements  ::
== class selectors identifying the permanent navigation text
*/

a.navigate:link {
font-family: arial, helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#a9a9a9;
font-weight:bold;
text-decoration:none;
}
a.navigate:visited {
font-family: arial, helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#a9a9a9;
font-weight:bold;
text-decoration:none;
}
a.navigate:hover {
font-family: arial, helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#000;
font-weight:bold;
text-decoration:none;
}
a.navigate:active {
font-family: arial, helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#000;
font-weight:bold;
text-decoration:none;
}

/*
:: basic positioning elements  ::
== only one #ID selector per page | point of origin upper right corner of screen
== divide screen into effective blocks
*/

#hed {
position:absolute;
top:0px;
left:0px;
height:100px;
z-index:3;
}
#menu {
position:absolute;
top:175px;
left:0px;
width:105px;
margin-right:5px;
padding-right:5px;
text-align:right;
color:#999;
z-index:3;
}
#menu2 {
position:absolute;
top:175px;
left:200px;
width:105px;
margin-right:5px;
padding-right:5px;
text-align:right;
color:#999;
z-index:3;
}
#container {
position:absolute;
width:550px;
top:102px;
left:102px;
min-height:500px;
z-index:2;
}
#credits {
position:absolute;
top:115px;
left:675px;
z-index:3;
}
#footer {
position:absolute;
top:415px;
left:102px;
width:550px;
}