/* CSS Document */

* {
margin:0;
padding:0;
outline:none;
}

body {
background:url(../images/body.jpg) top repeat-x #000066;/* was #330099 *//* was #050507 */
/*This changed outside/non-text background to Blue*/
font:90% Verdana;
color:white;/* was #ACACB0 */
/*This changes the text color from "Examples" on down*/
}


a {
color:#ffff33;/* was #99FF00 then ffff33 this bright yellow*/
/*This changes color of text links BEFORE hover*/
}

a:hover {
text-decoration:none;
}

#header {
height:148px;
display:block;
}
#header{min-width:516px;height:122px;position:relative;
color: #ffff00;}/* was #364b8e was blue now yellow BUT can see no difference */
#header div{width:516px}
#header img{position:absolute;top:0}

.one{margin-left:14%;left:-169px}/* was 14% -129px*/
.two{margin-left:43%;left:-86px} /* was 43% -86px */
.three{margin-left:88%;left:20px} /* was 88% -43px */
h1.main_title {
font:170% Century Gothic;
color:#FFF;/* was #FFF */
/* #fff = white*/
/*This seemed to do nothing except change image block below block quote from an image marker "X" to black box */
font-weight:bold;
margin:10px auto 0;
text-align:center;
}

h1.main_title a {
color:#fff;/* was #fff */
/* This changes color of Title: "George Poirier - As Close.." */
text-decoration:none;
}

#container {
width:880px; /* latest 860 / first was 840 - this changes width of entire text container */
margin:0 auto;
background:#003366;/* was #151521 */
/* This changed color around all of main text to blue */
padding:10px; /* this puts a little margin around everything form header down */
}

#navigation {
background:#000066;/* was #181825 then 000033 now background goes to black*/
/* This changes background color of top navigation */
width:900px; /* Latest was 880 / 1st was 860 - this changes width of top bar navigation*/
border-top:1px solid #006699;/* was #2e2e47 */
/* This changed color of thin line at top of top navigation to blue */
padding:12px 0;
margin:35px auto 1px;
font:90% Georgia; /* was 100% */
color:#000066;/* was #fff */
/*This seemed to do nothing */
letter-spacing:2px;
text-transform:uppercase;
}

#nav li {
list-style:none;
display:inline;
margin-right:0px;
}

#nav a {
padding:12px;
color: #fff;/*was #ACACB0 then ccccff then fff = WHITE*/
/*This changes the text color of top navigation*/
text-decoration:none;
margin-right:0px;
}

#nav a:hover {
background:url(../images/nav_link_active.jpg) top repeat-x;
color:#ffff00;/*was #fff ffff00 = Bright Yellow */
/*This changes the text HOVER color of top navigation*/
}

#nav a:active {
background:url(../images/nav_link_active.jpg) top repeat-x;
color:#fff;/*was #fff = white #0000ff = deep blue */
/*This changes the text color of "HOME" and "BOOK SESSION NOW" in top navigation*/
font-weight:bold;
}

#inner_container {
background:url(../images/inner_container.jpg) top repeat-x #;/* was #181824 then #000066 This changed background color of middle container (Welcome down to quote) from med blue to black BUT then I used just the "#" sign with out a number and it went to med. blue which looks better */
padding:5px 10px 10px 10px; /* 5, 10, 10, 10 seems to work best was 10/10/10/25 */

}

#sidebar { /* this changes width of rt. column "What Others are saying" */
width:215px; 
padding:10px;
float:right;
background:#000033;/* was #232436 */
color:#fff;/* was #bdbdc1 */
}

#container #sidebar h2 {
font-size:100%;
margin:10px 0;
}

#container #sidebar p {
text-indent:0;
font-size:90%;
line-height: 18px
}

#content {
margin-right:250px;/* was 230px - this changes width of entire content section above footer and to left of sidebar */
}

blockquote {
background:url(../images/quote_close_sm.gif) bottom right no-repeat #000066;/* was #292935 */
padding:2px 15px;
}


p {
margin:5px 0;
padding:1px;
line-height:19px;
text-indent:20px;
}

p.note {
padding: 10px;
background-color: #000099; /*This changes color of background in first "Welcome" section*/
color: #fff /* was #2d2d44 */ /*This changes color of TEXT in first "Welcome" section*/
}

#container h1 {
font:170% Verdana;/* was Arial */
color:#ffff00;/* was #FFF now bright yellow */
margin:10px 0;
}

#container h2 {
font:110% Verdana;
color:#ffff00;/* was #FFF */
font-weight:bold;
margin:20px 0 10px;
}

#container ul {
margin:10px 15px;
}

#container ul li {
margin:10px 0;
}

#container img {
background:#000066;/* was #070713 */
padding:5px;
}

#footer {
width:750px;
background:#000066;/* was #151521 */
padding:10px;
margin:0 auto;
clear:both;
}

#footer p {
text-indent:0;
}

#footer p.validate {
float:right;
}