/* CSS Document */
.FEEDBACK {padding: 4px; background: yellow;}
html {height: 100%}
body {height: 100%; margin: 0; padding: 0; background: #350163 url(../images/bg_page.jpg) repeat-y; font-family:  Helvetica, Arial, sans-serif; font-size: small;}

.container {font-size: 105%; height: 100%}

#c1 { height: 100%; background: black; color: white; }
.span-4 {width: 170px;}
#c2 {}

/* ///// LINKS ///// */
a {color:#E42217;}
#footer a {color: white;}
#footer a:hover, #nav a:active, #nav a.selected {color: #EB2D2D;}


/* ///// HEADERS ///// */
h1, h2, h3 {font-weight: bold;}
h3 {font-size: 14px; line-height: 18px;}
h4 {font-size: 20px; font-family: "Impact"; line-height: 24px;}
h4.nav {color:#FFFFFF; margin:0; font-size: 16px; font-family: "Impact"; line-height: 24px; text-align: center;}
h4.login {color:#FFFFFF; margin: 0; font-size: 14px; font-family: "Impact";}
h4.quote {margin: 0 0 0 0; font-size: 18px; font-family: "Impact"; line-height: 24px;}
h3.sub {margin: 0; padding: 0;}
h3.primary {color:#350163; margin: 0px 0 0 0; padding: 0;}
h3.secondary {color:#E42217; margin: 0px 0 0 0; padding: 0;}


/* ///// PARAGRAPH TEXT ///// */
p.names {font-size: 14px; font-family: "Impact"; line-height: 18px;}
p.quote {font-size: 14px; font-style: italic; line-height: 18px;}
p.footer {font-size: 14px; font-family: "Impact"; font-weight: heavy; color: white;}


/* ///// TABLES ///// */

table.schedule {
	border-width: thick;
	border-spacing: 0px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;}

table.tools {
	border-width: thick;
	border-spacing: 0px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;}

td { vertical-align: center;}
	
td.head b {color: #350163;}

td.header {
	color: #FFFFFF;
	background-color: #000000;
	font-size: 20px; 
	font-family: "Impact"; 
	line-height: 24px;}
	
td.shade {
	background-color: silver;} 


td.button {
	background-color: silver;
	color:  #350163;
	font-family: "Impact";
	cursor: pointer;}

td.numhead {
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;}

td.num {
	text-align: right;
	font-weight: bold;
	color: #350163;}

td.out {
	text-align: right;
	}

td.in {
	text-align: right;
	}

td.title {
	text-align: right;
	font-weight: bold;
	color: black;
	}

/* ///// IMAGES ///// */
img#logo {margin: 60px 0 10px 12px;}
img.center {border-style: solid; border-width: 10px; float: center; display: block; margin-left: auto; margin-right: auto;}


/* ///// NAVIGATION ///// */
#nav {margin: 100px 0 0 7px; text-transform: uppercase; font-size: 12px;}
#nav a {color: white; text-decoration: none;}
#nav a:hover, #nav a:active, #nav a.selected {color: #EB2D2D;}
#nav ul {list-style: none; color: white;}
#nav ul li {margin: 0 0 20px 0;}

ul.sub-menu,
ul.sub-menu2 {display: none; list-style: none;}


body#pg-services ul.sub-menu2 { display: block; width: 810px; height: 54px !important; overflow: hidden; position: absolute; top: 140px; left: 160px;}
#menu2 span {visibility: hidden;}
#menu2 a {text-decoration: none; display: block; float: left; height: 20px;}
#menu2 li{list-style: none;float: left; margin-right: 18px; _margin-right: 14px;}
#menu2 a.s2-t1 {width: 145px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -12px 0px; }
#menu2 a.s2-t2 {width: 112px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -182px 0px;}
#menu2 a.s2-t3 {width: 142px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -321px 0px;}
#menu2 a.s2-t4 {width: 98px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -484px 0px;}
#menu2 a.s2-t5 {width: 63px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -608px 0px;}
#menu2 a.s2-t6 {width: 118px; height: 54px; background: url(../images/subnav-services.jpg) no-repeat -695px 0px;}

#menu2 a:hover.s2-t1, #pg-services.assess a.s2-t1 { background: url(../images/subnav-services.jpg) no-repeat -12px -55px; }
#menu2 a:hover.s2-t2, #pg-services.decision a.s2-t2 { background: url(../images/subnav-services.jpg) no-repeat -182px -55px; }
#menu2 a:hover.s2-t3, #pg-services.interactive a.s2-t3 { background: url(../images/subnav-services.jpg) no-repeat -321px -55px; }
#menu2 a:hover.s2-t4, #pg-services.planning a.s2-t4 { background: url(../images/subnav-services.jpg) no-repeat -484px -55px; }
#menu2 a:hover.s2-t5, #pg-services.restoration a.s2-t5 { background: url(../images/subnav-services.jpg) no-repeat -608px -55px; }
#menu2 a:hover.s2-t6, #pg-services.additional a.s2-t6 { background: url(../images/subnav-services.jpg) no-repeat -695px -55px; }


/* ///// PAGE HEADERS ///// */
div#header {height: 195px; background: url(../images/header_bg2.jpg) repeat;}
div.page_header { padding: 10px 0;}
div.page_header h1 { margin-left: 200px;}
div#header div.hr { border-bottom: 35px solid black; margin-top: 15px;}
div#flash-hdr {top: 142px; position: absolute; left: 190px;}
div.page-hdr {margin: 0 0 10px 0;}


#pg-ourphilosophy div.page_header {background: url(../images/headings/philosophy.jpg) no-repeat right top; height: 195px;}
#pg-services div.page_header {background: url(../images/headings/services.jpg) no-repeat right top; height: 195px;}
#pg-education div.page_header {background: url(../images/headings/education.jpg) no-repeat right top; height: 195px;}
#pg-cnotes div.page_header {background: url(../images/headings/c.notes.jpg) no-repeat right top; height: 195px;}
#pg-contact div.page_header {background: url(../images/headings/contactus.jpg) no-repeat top right; height: 195px;}
#pg-ourteam div.page_header {background: url(../images/headings/ourteam.jpg) no-repeat top right; height: 195px;}
#pg-numbers div.page_header {background: url(../images/headings/numbers.jpg) no-repeat top right; height: 195px;}
#pg-education div#quote {font-weight: bold; color: #350163;}
body#pg-contact div.main {width: 700px;}

div#content { margin: 25px; width: 760px; background: transparent; }
div.main { width: 550px; padding-right: 0px; float: left; background: transparent; text-align: justify;}
div.home { width: 760px; padding-right: 0px; float: left; background: transparent; text-align: justify;}
div#footer { width: 100%; height: 70px; padding-right: 5px; float: right; background: black; text-align: right;}
div#quote { float: right; width: 150px; height: 100%; padding: 0 10px 0 25px; text-align: left; border-left: 2px solid #50568F;}

div.main li {margin: 20px 0 20px 20px; list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif);}
div.home li {margin: 20px 0 20px 20px; list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif);}
div#quote li {margin: 5px 0 0px 0px; list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif);}


/* ///// PAGE - SERVICES ///// */
body#pg-services div.main li { list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif); color: #000000; margin: 20px 0 20px 20px;}
body#pg-services div.home li { list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif); color: #000000; margin: 20px 0 20px 20px;}
body#pg-services div.table li { list-style-image: url(http://www.cmyers.com/images/arrow_blue.gif); color: #000000; margin: 0px}
body#pg-services div.table td { padding: 0px}


/* ///// PAGE - ABOUT ///// */
body#pg-ourteam div.item {border-bottom: 1px solid #999; padding: 25px 0 10px 0;}
body#pg-ourteam img.thumbnail {float: left; margin: 0 15px 7px 0;} 
body#pg-ourteam h3.name span {border-bottom: 1px solid #350163; padding: 0 0 5px 0; color: #350163;}

/* ///// PAGE - EDUCATION ///// */


/* ///// PAGE - C.NOTES ///// */
body#pg-cnotes div.main {text-align: justify;}
body#pg-cnotes ul.sub-nav {display: none;}