/*
----------------------------------------
Zimmerman Painting Stylesheet
Author: Shane Peden, HypedConsulting.com
Base CSS borrowed from http://www.maxdesign.com.au/
----------------------------------------
*/

@import "dynamicmenu.css";
body
{
	margin:0px auto 0px auto;
	position:relative;
	padding: 0;
	color: #444;
	background: #fff;
	font: 85%/1.4 arial, helvetica, sans-serif;
}

h2, h3, h4
{
	clear: both;
}

h2, h3, h4, p, ul { margin-top: 0; }

h2
{
	font-size: 160%;
	margin: 0 0 .5em 0;
}

h2.blue
{
	font-size:26px;
	color:#3f8bb5;
	line-height:28px;
	font-weight:normal;
	letter-spacing: -1px;
	background-image: url(images/dots-alink.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	/*padding:42px 0px 11px 0px;*/
}

h3
{
	font-size:16px;
	line-height:21px;
	font-weight:bold;
	letter-spacing: -1px;
	margin: 0 0 .5em 0;
}
h3.blue{
	font-size: 16px;
	line-height: 21px;
	color: #3f8bb5;
	font-weight: normal;
	letter-spacing: 0px;
}

h3.blue_footer
{
	color:#3f8bb5;
	font-weight:bold;
}

h4
{
	font-size: 110%;
	margin: 0 0 .5em 0;
}

img { border: none; }

a.content:link
{
	color:#3f8bb5;
	text-decoration: none;
	padding-bottom: 1px;
	background-image: url(images/dots-alink.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

a.content:visited
{
	color:#3f8bb5;
	text-decoration: none;
	padding-bottom: 1px;
	background-image: url(images/dots-alink.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

blockquote
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ddd;
	background: #eee;
}

blockquote p { margin: 0 0 1em 0; }

blockquote p.source
{
	padding-left: 15px;
	font-size: 90%;
	background: url(/images/comment.gif) no-repeat 0 0;
	margin: 0;
}

/*
----------------------------------------
Contact Page Elements
----------------------------------------
*/
input.cform, textarea.cform
{
	color: #781351;
	background: #fee3ad;
	border: 1px solid #3f8bb5;
	overflow: hidden;
}

table.cform
{
	width: 400px;
	margin-left:15px;
}

th.cform, td.cform
{
	padding: .5em;
	border: none;
	text-align: left;
	width:200px;
}

tr.cform
{
	width:400px;
}

table.cinfo
{
	padding:5px;
	text-align:left;
}

td.cf    /*cf= contact field*/
{
	
	font-weight: bold;
}

td.cd  /*cd= contact data*/
{
	padding-left:10px;
}
/*
----------------------------------------
header
----------------------------------------
*/

#header
{
	position: relative;
	margin: 0 auto; 
	height: 15px;
	border-top: 15px solid #C63;
/*	background: url(/images/header.jpg) repeat-x 0 100%; */
	width: 100%;
}


#header h1 span, .structurallabel
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#header ul
{
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 2px;
	list-style-type: none;
	text-align: right;
	font-size: 85%;
}

#header li
{
	display: inline;
	margin-right: 2em;
}

/*
----------------------------------------
banner (lives right outsite the header)
----------------------------------------
*/



#bannerimage
{
	border-top: 1px solid #fff;
	position:relative;
	margin: 0px auto;
	height: 100px;
	width:1000px;
	background-image: url(images/banner_img.jpg);
	background-repeat: no-repeat;
}   



/*
----------------------------------------
topnav- actual menu styling lives in dynamicmenu.css
----------------------------------------
*/

#topnav
{
	width: 1000px;
	background-image: url(images/topnav.jpg);
	background-repeat: repeat-x;
	background-position: 0 100%;
	margin: 0px auto;
	padding: 5px 0px 20px 0px;
	/* do not enable this, messes up the menu z-index--	position:relative; */
}
/*
----------------------------------------
container
----------------------------------------
*/

#container
{
	margin: 0 auto;
	width: 1000px;
}
/*
----------------------------------------
content
----------------------------------------
*/

#content-left-static
{
	float: left;
	width: 100%;
	margin: 0px;
	display: inline;
	padding: 1em 1em 0px 1em;
	z-index: 1;
}
 #content-left
{	float: left;
	width: 44%;
	padding:0px;
} 


#content-wide
{
	margin: 0 4%;
	padding-bottom: 1em;
	max-width: 48em;
}

/*
----------------------------------------
sidebar
----------------------------------------
*/
#sidebar-wide
{
	float: right;
	width: 50%;
	margin: 0px;
	display: inline;
	padding-bottom: 1em;
	background-image: url(images/dots-vertical.gif);  
	background-repeat: repeat-y;
}
#sidebar
{
	float: right;
	width: 38%;
	margin: 0 4% 0 0;
	display: inline;
	padding: 1em 1em 2em 1em;
	background-image: url(images/dots-vertical.gif);  
	background-repeat: repeat-y;
}
#sidebar-static
{
	float: right;
	width: 38%;
	margin: 0 4% 0 0;
	display: inline;
	padding: 0px 0px 1em 0px;
}

#sidebar ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li
{
	background: url(/images/arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

#sidebar label
{
	font-weight: bold;
	color: #000;
	font-size: 140%;
}

#sidebar form
{
	margin: 0 0 1em 0;
	padding: 0;
}

#sidebar input#s { width: 100%; }


/*
----------------------------------------
footer
----------------------------------------
*/

#footer
{
	clear: both;
	font-size: 85%;
	background-color: #fff;
	background-image: url(images/topnav.jpg);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	padding-top: 10px;
	padding-right: 4%;
	padding-left: 4%;
}

#footer div
{
	float: left;
	width: 20%;
	padding-right: 2%;
	margin-right: 2%;
	background-image: url(images/dots-vertical.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
}

#footer p
{
	clear: both;
	width: 90%;
	margin: 0;
	padding: 2em 0;
}

#footer ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#footer li
{
	background: url(/images/arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

/*
----------------------------------------
classes
----------------------------------------
*/

p.intro
{
	background: url(/images/dots-horizontal.gif) repeat-x 0 100%;
	padding-bottom: 1em;
}

#content ul.navigation-top
{
	margin: 0;
	padding: 0 0 3em;
	list-style-type: none;
	font-size: 85%;
}

#content .alignleft
{
	float: left;
	width: 47%;
	padding-left: 10px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

#content .alignright
{
	float: right;
	width: 47%;
	padding-right: 10px;
	text-align: right;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 0.4em;
}

.imagefloat
{
	float: right;
	margin: 3px;
}

.imagefloatborder
{
	float: right;
	margin: 0 0 1em 1em;
	padding: 2px;
	border: 1px solid #bbb;
}

.pagecontents
{
	margin: 1em 0 1em 1.5em;
	padding: 0;
	list-style-type: none;
}

.pagecontents li
{
	padding-left: 10px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
}