/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.practisinc.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#013927; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(../images/body-bg.jpg) repeat-x;
	  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  color: #3c3c3c;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 900px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
	
	p { margin: 0.8em 0; font-size:14px; line-height:20px }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#00573d; }
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#00573d; text-decoration:underline; }
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 900px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	#nav_sub { float:right; display:inline; text-align:right; font-size:18px; line-height:18px; color:#00573d; height:15px; padding:15px 20px 0 0; }
	#nav_sub .button { margin-right:15px; vertical-align:middle; }
	#nav_sub a,
	#nav_sub a:visited,
	#nav_sub a:hover { color:#00573d; text-decoration:none; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { 
		height:119px; 
		overflow:hidden;
		background:url(../images/branding-bg.jpg) no-repeat;
	}
	
	#branding h1 { width:215px; height:119px; margin:0; padding:0; position:relative; overflow:hidden; position:absolute; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	#branding h2 { position:absolute; margin-top:65px; margin-left:225px; font-size:20px; }
	
	#branding_sub { width:900px; background:url(../images/content-bg.gif) repeat-y top left; overflow:hidden; margin:0 0 20px 0; }
	#branding_sub_top { background:url(../images/content-top.gif) no-repeat top left; }
	#branding_sub_bottom {
		text-align:center;
		padding:30px 20px;
		background:url(../images/content-bottom.gif) no-repeat bottom left;
		min-height:100px; height:auto !important; height:100px; /* IE6 min-height work around */
	}
	
	#branding_sub h1 { color:#3c3c3c; margin:0.2em 0; }
	#branding_sub h2 { color:#3c3c3c; margin:0.2em 0; }
	#branding_sub h3 { color:#3c3c3c; margin:0.2em 0; }
	#branding_sub h4 { color:#3c3c3c; margin:0.2em 0; }
	#branding_sub h5 { color:#3c3c3c; margin:0.2em 0; }
	
	
	/* =Content
	-----------------------------------------------------------------------------*/
	#content { width:900px; background:url(../images/content-bg.gif) repeat-y top left; overflow:hidden; margin:0; }
	#content_top { background:url(../images/content-top.gif) no-repeat top left; }
	#content_bottom {
		padding:20px 20px;
		background:url(../images/content-bottom.gif) no-repeat bottom left;
		min-height:100px; height:auto !important; height:100px; /* IE6 min-height work around */
	}
	
	#content_main { float:left; display:inline; width:550px; border-right:1px solid #cecece; padding:0 20px 0 0; }
	
	#content_sub { float:left; display:inline; width:265px; border-left:1px solid #cecece; margin-left:-1px; padding:10px 0 10px 20px; }

	#content_sub .item { clear:left; margin:0 0 10px 0; }
	#content_sub .item img { float:left; display:inline; margin:0 10px 20px 0; }
	#content_sub .item h3 { color:#00573d; font-size:15px; font-weight:normal; margin:0; }
	#content_sub .item p { font-size:12px; margin:0; line-height:17px; }
	#content_sub .item a,
	#content_sub .item a:visited { text-decoration:none; color:#00573d; }
	#content_sub .item a:hover { text-decoration:underline; color:#00573d; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer_container {
		background:#013927 url(../images/footer-bg.jpg) repeat-x;		
	}
	
	#footer {
		height: 135px;
		padding: 70px 0 0 0;
		color: #fff;
		font-size: 12px;
		line-height: 24px;
		width: 860px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#footer a,
	#footer a:visited { color:#fff; text-decoration:none; }
	#footer a:hover { color:#fff; text-decoration:underline; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	img.left { float:left; display:inline; margin:0 10px 10px 0; }
	img.right { float:right; display:inline; margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	
}