/*The css rules are fairly self evident. Most properties are in pixel dimensions, or relative dimensions. All rules identify html
elements by general type (body, img, h2), which establishes defaults, specific name (#logo, #ls, #rs), which overrides defaults-browser
defaults and/or css defaults set by you-or by class (.contacthead, .contactinfo), which applies the same rules to a set of elements.
Colors, of course, are given in hexidecimal code, unless you are using very basic ones ("black", "white", "red"). Search Google
for hexidecimal color codes if you want to pick new colors.*/

/*Mom, remember that all block elements have margins (outside spacing from other elements) and padding (inside spacing from other
elements). So a div block element set to (margins: 20px;  and padding: 10px;) will have 20 pixels of space on all four outer edges,
and 10 pixels of space on all four inner edges.*/

/*Begin default page rules...*/

/*Default page styles are defined below. Mom, remember that css runs from the top of the page to the bottom, so any rules defined
after these will override the defaults. Any html served by this css page will inherit these defaults, unless specified
elsewhere in the css rules.*/
body {
	color: black;
	font-size: medium;
	font-family: roman, 'times new roman', times, serif;
	background-color: #686161;
   line-height: 1.5em;	
	
}
img {
     max-width: 100%;
}
ol {
	list-style-type: upper-roman;
}	

h2 {
   color: #BFBFBF;
   font-weight: bold;
   text-align: center;
}
div {
	border-width: thick;
	border-style: double;
	border-color: #BFBFBF;
	
	padding:       20px;
	margin-top:    0px;
	margin-bottom: 20px;
	margin-left:   0px;
	margin-right:  0px;
}

/*End default page rules. All rules after this point will override the defaults.*/

/*Start page rules for elements by id (#)*/

/*You can change the properties of the "ls" and "rs" divs here. If you experiment with different page layouts and div orders,
you may need to specify different pixel widths here. Moreover, you can remove the "floats" from both divs so that they'll follow
the normal page flow.*/
#main_viewport {
  width: 1250px;
  margin-left: auto;
  margin-right: auto;
  background-color: #7F7F7F;	
	
}

#rs {
   width:        275px;
   float:        right;
   border-style: none;
   padding:      0px;
   margin-right: 10px;
   margin-top:   0px;
}

#ls {
	width:        275px;
	float:        left;
	border-style: none;
	padding:      0px;
	margin-left:  10px;
	margin-top:   0px;	
}

#phantom {
 	
	
}

#special_offers {
   position: relative; /*This div's position is calculated relative to its normal starting position (normal flow).*/
   top: 0px;
   left: 1000px;  /* Start off 1000 px from the relative (normal) starting position (0px within "ls" div)*/ 
   
   width: 275px;	

}

#logo {  
   margin-right:  325px;
   margin-left:   325px;
   margin-top:    0px;
   padding:       0px;
}

#practice {
	border-style:         none;
	border-bottom-style: solid;
	border-bottom-width: thin;
	
	margin-right:         325px;
	margin-left:          325px;
	margin-top:           20px; 
}
#services {
	border-style:         none;
	border-bottom-style: solid;
   border-bottom-width: thin;
   	
	margin-right:         325px;
	margin-left:          325px;
	
}

#answers {
	
   border-style:        none;
   line-height:         2em;
	
	
	margin-right:        325px;
	margin-left:         325px;
	margin-top:          20px; 

}	

#footer {
   
   border-style:  none;
   padding-left:  50px;
   padding-right: 50px;     
   
   margin-right:  325px;
   margin-left:   325px;
   margin-bottom: 20px;
   margin-top:    225px;
   
   text-align:    justify;   
   color:         #BFBFBF;    
   font-size:     80%;
}

#calc {
   
   margin-left:  450px;   
   margin-right: 450px;   
   text-align:   left;	
   height:       650px;
   
	
}
#calc h1 {
   text-align: center;	
}
#calcHead {
   color: #BFBFBF;	
}
#logo, #kris, #jake, #notary, #bar p {
	text-align: center;
}
#profile p {
   text-align: justify;
}
#articles, #tools h3 {
   text-align: center;	
}
#articles p {
   text-align: center;
   color:       black;
   font-size:  80%;	
}
#askkristina h2 {
   text-align: center;
   color:       black;	
}
#askkristina p {
   text-align: justify;
   color:       #BFBFBF;
   font-size:   70%;
   line-height: normal;	
}
#practice h2 {
	text-align: left;
	color:      black;
}
#services h2 {
	text-align: left;
	color:      black;
}
#answers h2 {
   text-align: left;
   color:       black; 	
}
#practice ul {
	list-style-type: disc;
}
#answers ul {
   list-style-type: disc;	
}

#faq ol {
   font-size: 120%;
   line-height: 1.5em;	
}
#faq ul {
   list-style-type: disc;	
}

/* These are turned off for now. I (Scott) created a class to serve the same purpose.
#offerimage {
   list-style-image: url(../images/sale-tag_small.png);	
}
#offerimage_2 {
   list-style-image: url(../images/sale-tag_small.png);	
}
*/
#email {
   list-style-image: url(../images/Mail_Read.png);
}
#mail {
   list-style-image: url(../images/Mail.png);
}
#phone {
   list-style-image: url(../images/Contact.png);
}
#fax {
   list-style-image: url(../images/Folder_Open.png);
}
#home {
   list-style-image: url(../images/Home.png);
}
#main li {
	list-style-image: url(../images/scales_silver_small2.png);
}
#awards li {
	list-style-image: url(../images/gavel_small2.png);
}
#contact, #logo, a:link {
   color:      #5216BE;	
}
#contact, #logo, a:visited {
	color:      black;
}
#contact, #logo, a:hover {
	color:      #BFBFBF;
}
#livingTrustCost, #affordableTrust{
   font-size:   160%;
   line-height: 2em;
   
   margin:      25px;
   padding:     50px;	
}
#livingTrustCost, #affordableTrust h1 {
   text-align:  center;	
}
#livingTrustCost, #affordableTrust h2 {
   text-align:  center;	
}
#livingTrustCost, #affordableTrust h3 {
   text-align:  center;	
}
#livingTrustCost p {
   text-align:  justify;
}


/*End page rules for elements by id.*/

/*Start page rules for elements by class (.)*/

.savings {
   color: #BFBFBF;
   font-size: 1.3em;	
}

/*We no longer need this rule as we're changing the offers section to a simple list of services.*/
/*.offers {
   list-style-image: url(../images/sale-tag_small.png);	
}*/

.offerpricing {
   color: #BFBFBF;
   font-size: 1.3em;	
}
.contacthead {
   color:      #BFBFBF;
   font-size:  1.3em;	
	
}
.contactinfo {
	
}
.question {
   list-style-image: url(../images/faq30.png);	
}
.answer {
   list-style-image: url(../images/answer35.png);	
}

/*End page rules for elements by class.*/