/*  
Theme Name: Symfodium-Theme
Description: Symfodium Web
Version: 1.0
Author: Symfodium
*/

html { min-height: 100%; margin-bottom: 1px; }
<meta name="verify-v1" content="pQ15aKbmUn14KL508A4nbdFe+3w7cEnBoIPkkP8a6Mw=" >
body, h1, h2, h3, h4, h5, h6, blockquote, p {
	margin: 0;
	padding: 0;
	}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.0em;
	vertical-align: top;
	color: #7a7a7a;
	background-color: #f0f0ed;
	}
	
p {
	margin-top: 20px;
	}
	
a:link {
	color: #a63a13;
	text-decoration:none;
}
a:hover {
	color: #98b50a;
	text-decoration:none;
}
a:visited {
	color: #A68134;
	text-decoration:none;
}
a:active {
	color: #98b50a;
	text-decoration:none;
}

p.nomargin {
	margin: 0;
	}

	

	
	

	
/* h2 is the page post title and links automatically normally - disabled in staticcontent.php.
must specifically change all master a link styles in h2 tag if want to change - may mess up default link styles - check */	
	
h2 {
	color: #3b8eaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 1.3em;
	font-weight: normal;	
	padding: 0;
	margin: 0;
	}
	
.althead {
	color: #98b50a;
	}
	
	
#content-home h2 {
	color: #3b8eaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.0em;
	font-weight: normal;	
	padding: 0;
	margin: 20px 0 0 0;
	}
	
#content-home .entry {
	color: #514c4b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.8em;
	font-weight: normal;	
	padding: 0;
	margin: 0;
	}
	
/* h5 is identical to section_subtitle_2 with line breaks */	
h5 {
	color: #98b50a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 50px;
	margin: 0 0 -20px 0;
	padding: 10px 0 10px 0;
	}
	
	
/* below are not used in this template - h3 called in default code for sidebar heds */
h1 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 3.0em;
	padding: 10px;
	}
h3 {}
h4 {}
h6 {}
h7 {}
	
	
.post {
	margin: 0;
	padding-left: 90px;
	clear: both;
	font-size: 0.8em;
	line-height: 2em;
	}

.entry {}
	
	
	
	
/* left, right etc. on image upload do not seem to work. below is needed. - all end up left with below. */
.post img {
	float: left;
	margin: 4px 20px 20px 0;
	border: 1px solid #ccc;
	}
	
#shell {
	margin: 0 auto 0 auto;
	/*this is the master width*/
	width: 976px;
	text-align: left;
	}
	
	
#header {
	background-color: #f0f0ed;
	width: 100%;
	height: 53px;
	}

#topnav {
	float: right;
	position: relative;
	top: 0px;
	text-align: right;
	width: 650px;
	height: 62px;
	margin-right: 33px;
	}

#logoplace {
	float: left;
	position: relative;
	left: 38px;
	top: 28px;
	z-index: 10;
	width: 276px;
	height: 42px;
	border: 0;
	}
	
/* this position declaration makes home buttons, slogan and newsticker text absolutely positionable */
#sectionhead-home {
	position: relative;
	background: #f0f0ed url('images/bg_top_home.png') no-repeat top left;
	width: 100%;
	height: 416px;
	clear: both;
	}
	
#sectionhead-services {
	background: #f0f0ed url('images/bg_top_services.png') no-repeat top left;
	width: 100%;
	height: 225px;
	clear: both;
	}
	
#sectionhead-news {
	background: #f0f0ed url('images/bg_top_news.png') no-repeat top left;
	width: 100%;
	height: 225px;
	clear: both;
	}
	
#sectionhead-about {
	background: #f0f0ed url('images/bg_top_about.png') no-repeat top left;
	width: 100%;
	height: 225px;
	clear: both;
	}
	
#sectionhead-contact {
	background: #f0f0ed url('images/bg_top_contact.png') no-repeat top left;
	width: 100%;
	height: 225px;
	clear: both;
	}
	
#sectionhead-else {
	background: #f0f0ed url('images/bg_top_else.png') no-repeat top left;
	width: 100%;
	height: 225px;
	clear: both;
	}
	
.clearing {
	height: 0;
	clear: both;
	}
	
	
	
	
	
	
	
	
	
/* these are the ones used for Symfodium Inside template */
/* pseudocolumns: wrapcontent and container need to have same bkgd img &/or color  */

#wrapcontent-page {
	/* this allows bkgd image to tile below sidebar */
	background: #f0f0ed url('images/bg_tile_full.png') repeat-y top left;
	}
	
#wrapcontent-home {
	/* this allows bkgd image to tile below sidebar */
	background: #f0f0ed url('images/bg_tile_full_home.png') repeat-y top left;
	}
	
#container-page {
	background: #f0f0ed url('images/bg_tile_full.png') repeat-y top left;
	width: 100%;
	float: left;
	/* below to compensate for sidebars/columns width*/
	margin-right: -253px;
	}
	
#container-home {
	background: #f0f0ed url('images/bg_tile_full_home.png') repeat-y top left;
	width: 100%;
	float: left;
	/* below to compensate for sidebars/columns width*/
	margin-right: -440px;
	}
	
#content-page {
	/* below to compensate for sidebars/columns width*/
	margin-right: 313px;
	}

#content-home {
	/* below to compensate for sidebars/columns width*/
	margin-right: 440px;
	}
	



/* this position declaration makes notice text absolutely positionable */
#sidehome {
	float: right;
	position: relative;
	/* below for sidehome width*/
	width: 400px;
	height: 306px;
	}
	
.noticeimg {
	position: absolute;
	top: -10px;
	z-index: 10;
	}
	
.noticetext {
	position: absolute;
	top: 158px;
	left: 106px;
	z-index: 20;
	font-size: 2.4em;
	color: #aaa;
	}
	
#sidebar {
	float: right;
	/* below for sidebar width*/
	width: 253px;
	}

/* handles everything outside graphical box - not styled, IE mess */
#sidebar ul {
	list-style-type: none;
	margin: 0;
	}

	
.sidebar-topcap {
	background: url('images/bg_sidebar_topcap.png') no-repeat top left;
	height: 73px;
	}
	
.sidebar-headline-section {
	background: url('images/bg_sidebar_headline_section.png') no-repeat top left;
	height: 40px;
	}

/* sidebar box content goes here with tile behind - can expand */	
.sidebar-content {
	background: url('images/bg_sidebar_boxtile.png') repeat-y top left;
	padding-top: 10px;
	/*min-height: 190px;*/
	}
	
.sidebar-botmcap {
	background: url('images/bg_sidebar_botmcap.png') no-repeat top left;
	height: 40px;
	}
	
	
/* LL ADDED sidebar-content - must check if still works when fork IE */
/* CURRENTLY in new IE without css fork it's not bad - nothing can be done about positioning issue using list-style-image */
.sidebar-content ul {
	margin: 0;
	padding: 8px 0 0 62px;
	}

	
/* two styles below from orig symfodium site--presumably work with their addtl IE stylesheet -? */

.section_list {
	/* LL added transform to use post-slug */
	text-transform: capitalize;
	font-size: 0.8em; 
	line-height:2em;
	color: #777;
	margin-left: -20px;
	list-style-type:none;
}

/* this has been replaced with the post-slug in body tag and a tag on link - delete if keep that method */
.section_list_selected {
	/* LL added vertical align and swapped -tall img */
	vertical-align: bottom;
	list-style-image:url('images/img_list_bullet-tall.png');
	list-style-type:disc;
}

/* ORIG SYMFODIUM IE STYLES BELOW FROM IE STYLESHEET - MUST BE FORKED TO ADDTL STYLESHEET IF USE */

/*
.section_list {
	font-size: 0.8em; 
	line-height:1em;
	color: #777;
	margin-left: 20px;
	list-style-type:none;
	list-style-position:outside;
}
.section_list li {
	padding-bottom:10px;
}
*/



	
	
/*below work for list image positioning in Safari, FF latest IE without fork but no clue about IE 6*/
	
/*
.sidebar-content ul {
	margin: 0;
	padding: 10px 0 0 44px;
	}

.section_list {
	font-size: 0.8em; 
	line-height: 2em;
	color: #777;
	list-style-type: none;
	}

.section_list li {
	text-indent: 20px;
	}

.section_list_selected {
	background: url('images/img_list_bullet.png') no-repeat center left;
	}
*/
	
	
	
	



	
.img_button {
	cursor: pointer;
}


/* this position declaration makes breadcrumbs text absolutely positionable */
#topbreadcrumbs {
	float: left;
	position: relative;
	width: 400px;
	height: 225px;
	text-transform: uppercase;
	}

/* this position declaration makes butns absolutely positionable for animation */
/* home template does not use topbuttons */
#topbuttons {
	float: right;
	position: relative;
	width: 576px;
	height: 225px;
	}
	
.breadcrumbstyle {
	position: absolute;
	left: 170px;
	top: 144px;
	z-index: 10;
	font-size: 0.5em;
	font-weight: bold;
	color: #a63a13;
	overflow: hidden;
	width: 227px;
}

/* butns are positioned absolutely within #topbuttons div */	
.butnplace-home {
	position: absolute;
	left: 3px;
	top: 117px;
	z-index: 10;
	height: 68px;
	width: 68px;
	border: 0;
	}	
	
.butnplace-services {
	position: absolute;
	left: 66px;
	top: 117px;
	z-index: 10;
	height: 68px;
	width: 68px;
	border: 0;
	}

.butnplace-news {
	position: absolute;
	left: 129px;
	top: 117px;
	z-index: 10;
	height: 68px;
	width: 68px;
	border: 0;
	}

.butnplace-about {
	position: absolute;
	left: 192px;
	top: 117px;
	z-index: 10;
	height: 68px;
	width: 68px;
	border: 0;
	}

.butnplace-contact {
	position: absolute;
	left: 255px;
	top: 117px;
	z-index: 10;
	height: 68px;
	width: 68px;
	border: 0;
	}

.butnplace-indicator {
	position: absolute;
	left: 380px;
	top: 98px;
	z-index: 20;
	height: 106px;
	width: 106px;
	border: 0;
	}




.butnplace-services-home {
	position: absolute;
	left: 555px;
	top: 246px;
	z-index: 10;
	height: 106px;
	width: 106px;
	border: 0;
	}

.butnplace-news-home {
	position: absolute;
	left: 651px;
	top: 246px;
	z-index: 10;
	height: 106px;
	width: 106px;
	border: 0;
	}

.butnplace-about-home {
	position: absolute;
	left: 746px;
	top: 246px;
	z-index: 10;
	height: 106px;
	width: 106px;
	border: 0;
	}

.butnplace-contact-home {
	position: absolute;
	left: 843px;
	top: 246px;
	z-index: 10;
	height: 106px;
	width: 106px;
	border: 0;
	}
	
#newsticker {
	position: absolute;
	width: 500px;
	left: 46px;
 	top: 297px;
 	height: 30px;
 	font-family: Arial, Helvetica, sans-serif;
 	color: #e2dcc4;
 	font-size: 0.8em;
 	font-weight:normal;
 	border: 0;
 	display: block;
	}
	
.typ_highlight_1 {
	color: #b6d426;
	font-weight: bold;
	}
	
.typ_highlight_2 {
	color: #f60;
	font-weight: bold;
	}
	
.errortyp {
	margin-left: 100px;
	font-size: 0.8em;
	line-height: 2.1em;
	}
	
.typ_large_1 {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.typ_small_1 {
	font-size: 0.8em;
	margin-left: 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#slogan_1 {
 	position: absolute;
 	left: 450px;
 	top: 85px;
 	display: none;
 	}

/* this position declaration makes slogan_2 absolutely positionable */
#slogancontainer {
	position: relative;
	height: 78px;
	}
	
#slogan_2 {
 	position: absolute;
 	left: 90px;
 	top: 0px;
 	display: none;
 	}





#botmcap{
	width: 100%;
	height: 68px;
	float: left;
	background: #f0f0ed url('images/bg_botmcap_full.png') no-repeat top left;
	}
	
#addtlfooter {}

/* this position declaration makes footer text absolutely positionable */	
#footer{
	float: left;
	position: relative;
	text-align: left;
	width: 100%;
	height: 89px;
	font-family: Arial, Helvetica, sans-serif; 
	background: #f0f0ed url('images/bg_footer.png') no-repeat top left;
	}
	
.footerlink {
	position: absolute;
	left: 70px;
	top: 46px;
	font-size: 0.7em; 
	font-weight: bold; 
	color: #a63a13;
	}
	
.footercopy {
	position: absolute;
	left: 340px;
	top: 46px;
	font-size: 0.7em; 
	color: #c3d3de;
	}
	
.footerphone {
	position: absolute;
	left: 690px;
	top: 36px;
	font-size: 2.0em; 
	color: #690000;
	}
	
	
	
.capitalize {
	text-transform: capitalize;
	}
	
.section_subtitle_2 {
	color: #98b50a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 50px;
	margin: 0 0 -20px 0;
	padding: 10px 0 10px 0;
	}
	
input.nomargin {
	margin: 0;
	}
	
.input {
    border: none;
    background: transparent url('images/bg_input_dotted_black.png');
    height: 20px;
    font-family: "Arial";
    font-size: 0.8em;
    margin-top: 18px;
	}

.input:hover {
    background: transparent url('images/images/bg_input_dotted_black_over.png');
	}
	
.input_label {
	font-size: 0.7em;
	text-transform: uppercase;
	line-height: 10px;
	}	
	
	
	
	
	
/* contact form */

#formcontainer {
	width: 542px;
	margin-top: 30px;
	}

.form-topcap {
	background: url('images/bg_box_top.png') no-repeat top left;
	height: 35px;
	}
	

/* form box content goes here with tile behind - can expand */	
.form-content {
	background: url('images/bg_box_mid.png') repeat-y top left;
	padding: 5px 30px 10px 30px;
	vertical-align: top;
	}
	
#form-left {
	float: left;
	width: 40%;
	padding: 0 10px 0 0;
	}
	
#form-right {
	float: right;
	width: 40%;
	padding: 0;
	}
	
.form-botmcap {
	background: url('images/bg_box_bottom.png') no-repeat top left;
	height: 35px;
	}

	

	

	
/* these are the post_slugs NOTE THE COMMAS AT END OF ALL LINES EXCEPT LAST */	


/* top-level cat ONLY post-slugs for page ID+leftnav indicator */
#web .web , 
#efficiency .efficiency ,
#collateral .collateral ,
#press-kilpatrick .press-kilpatrick ,
#privacy .privacy ,
#team .team ,
#values .values ,
#vision .vision ,
#what-we-do .what-we-do ,
#employment .employment ,
#contact-me .contact-me ,
#contact-us .contact-us 
	{
	vertical-align: bottom;
	list-style-image: url('images/img_list_bullet-tall.png');
	list-style-type: disc;
	}

/* top-level+1 subcat post-slugs for page ID+leftnav indicator */	
#servsubboth .servsubboth
	{
	text-indent: 20px;
	vertical-align: bottom;
	list-style-image: url('images/img_list_bullet-tall.png');
	list-style-type: disc;
	}

/* repeat top-level+1 subcat post-slugs here for indent */	
.servsubboth {
		text-indent: 24px;
		/* padding-left: 24px */
	}



	
/* bios show/hide */

.bio-details 
	{
	display: none;
	padding: 0 0 30px 30px;
	}