/*  Stephen Ash
    rtraction
    5.14.09
*/

/* MAKE MOZILLA SHOW SCROLLBARS */
html {overflow-y: scroll; }

body{ 	margin:0;	padding:0;
	text-align: left;
	font-family:  Arial, Sans-Serif;
	color: #0068b3;
	font-size: 14px;
	background-color: #b7b7b7;
}

/***** HTML STYLES *****/
a, a:visited {color: #00aeef; text-decoration:none; }
a:hover{ color: #00aeef; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; }

/***** HEADER *****/
    #header_outer { background-color: #FFFFFF; width:100%;  height: 170px; background: #FFFFFF url(../images/header_bg.gif) repeat-x bottom left;}
    #header_container{ margin: 0 auto; width: 1000px; }
    
    #logo {display: inline; float: left; margin: 59px 0 0 65px; width: 275px; height: 75px; background: transparent url(../images/logo.png) no-repeat 0 0;}
    #logo a { float:left; width: 275px; height: 75px; text-decoration: none;   }
    
    div#tagline{ float:left; font-size: 20px; font-style:italic; margin: 88px 0 0 125px;}

/***** MENU *****/

    div#menu_outer {border-bottom: solid 2px #d6d6d6; background-color: #FFFFFF; width: 100%;  height: 58px;  }
    div#menu_container{ margin: 0 auto; width: 1000px; }

/***** NAVIGATION *****/
#nav {
        margin:0;
        padding:0 0 0 65px;
        background:#FFFFFF;
        width: auto;
        float:left;
        border:none ; 
 }
 
 #nav li { display:inline; padding:0; margin:0; }
 #nav a:link,
 #nav a:visited {
     color:#0068b3;
     background:#FFFFFF;
     padding: 22px 40px 0 20px;
     float: left;
     width: auto;
     border: none;
     text-decoration: none;
     font:  Arial, Helvetica, sans-serif ;
     font-size: 14px; 
     outline: none;   
 }
 
 #nav a:hover{ color: #00aeef; }
 #nav a:active{ outline: none;}
 
 /* we LOVE ie6 ...  seems to want the full path to a.active. */
 #menu_outer #menu_container #nav #nav-home a.active,
 #menu_outer #menu_container #nav #nav-vision a.active,
 #menu_outer #menu_container #nav #nav-do a.active,
 #menu_outer #menu_container #nav #nav-about a.active,
 #menu_outer #menu_container #nav #nav-contact a.active 
 { color: #00aeef; background: #ffffff url('../images/menu_arrow.gif') no-repeat 0 22px; outline: none; }


/***** CONTENT *****/

div#content_outer { width: 100%; height: auto;  padding-bottom: 60px;  }

div#content_container { margin: 0 auto; width: 1000px;  }
#content_placeholder{padding-top: 315px; height: 362px; }
#content_placeholder_contact{padding-top: 70px; height: 362px; }

div#content_arrow{  float:left; width: 25px; padding-left: 65px;}
#textarea { float: left; width: 665px; text-align:left; }

.pageTitle{ color: #0068b3; font-family: Arial; font-size: 22px; }
.pageContent { color: #0068b3; font-family: Arial;  font-size: 15px; }
.pageContent p {line-height: 25px; margin-top: 25px; }

.bold{ font-weight: bold ;}
.clear { clear: both; }

.homepage {background: #ffffff url(../images/homepage_fade_bg.gif) repeat-x 0 0; }
.homepage_container {background: #ffffff url(../images/homepage_bg.jpg) no-repeat 0 0;}

.vision {background: #ffffff url(../images/vision_fade_bg.gif) repeat-x 0 0; }
.vision_container {background: #ffffff url(../images/vision_bg.jpg) no-repeat 0 0;}

.what {background: #ffffff url(../images/whatwedo_fade_bg.gif) repeat-x 0 0; }
.what_container {background: #ffffff url(../images/whatwedo_bg.jpg) no-repeat 0 0;}

.about {background: #ffffff url(../images/about_fade_bg.gif) repeat-x 0 0; }
.about_container {background: #ffffff url(../images/about_bg.jpg) no-repeat 0 0;}

.contact {background: #ffffff url(../images/contact_fade_bg.gif) repeat-x 0 0; }
.contact_container {background: #ffffff url(../images/contact_bg.gif) no-repeat 0 0;}


/***** FOOOTER *****/

div#footer_outer { background: #b7b7b7 url(../images/grey_fade.jpg) repeat-x 0 0; height: 200px; width: 100%; }
div#footer_container{ margin: 0 auto; width: 1000px; font-family:Arial; color: #FFFFFF; padding-top: 20px;}
div#footer_left{float:left; width: 400px; color: #FFFFFF; margin-left:20px; font-size: 11px;}
div#footer_center{float:left; width: 200px; text-align: center; color: #FFFFFF; font-size: 11px;}
div#footer_right{float:right; width: 200px; padding-right: 40px; text-align:right; font-family:Arial; color: #FFFFFF;}

#footer_right a:link,
#footer_right a:visited{ font-family:Arial; color: #FFFFFF; font-size: 11px; text-decoration:none;}
#footer_right a:hover{ font-family:Arial; color: #FFFFFF; font-size: 11px; text-decoration:underline;}