/**
 * screen.css
 * Author: Gavin Monroe <gavin@globalreach.com>
 */
 
/** XHTML Elements **/
body {
	background: #edecec
	}

/** Classes **/

.img-replace span {
	position: absolute;
	margin: 0 0 0 -2000px;
	}

/** Layout **/
#container {
	background: url('/images/bg.gif') repeat-y top center;
	margin: 0 auto;
	width: 938px
	}
#header {
	background: url('/images/header_bg.jpg');
	height: 159px;
	width: 938px
	}	
#logo { margin-left: 49px }
#logo a {
	background: url('/images/logo.jpg');
	display: block;
	height: 155px;
	width: 215px
	}
#logo img, #logo span { display: none }
#navigation {
	background: url('/images/navigation_bg.jpg');
	height: 32px;
	width: 938px
	}
#navigation ul {
	list-style-type: none;
	padding-left: 75px
	}	
#navigation li { float: left }
#navigation a {
	color: #fff;
	display: block;
	height: 32px;
	text-decoration: none;
	width: 200px
	}
#navigation a:hover, #navigation a.current {
	background: url('/images/nav_r.gif') no-repeat top right;
	color: #666
	}
#navigation span {
	display: block;
	font-size: 1.3em;
	height: 32px;
	padding: 11px 20px 0 20px;
	}
#navigation a:hover span, #navigation a.current span { background: url('/images/nav_l.gif') no-repeat }
#ledge {
	height: 12px;
	width: 938px
	}
#ledge-inner {
	border-bottom: 1px solid #dedede;
	height: 11px;
	margin: 0 auto;
	width: 914px
	}
#main { color: #666 }
#main-inner {
	background: url('/images/main_bg.gif') repeat-x;
	line-height: 1.35;
	margin: 0 auto;
	min-height: 500px;
	width: 914px
	}
#main .left {
	border-right: 1px solid #dedede; 
	float: left;
	min-height: 500px;
	padding: 20px;
	width: 600px
	}
#main .right {
	float: right;
	padding-top: 20px;
	width: 273px
	}
#main .right .section {
	border-bottom: 1px solid #dedede;
	padding: 12px
	}
#main .right .last { border-bottom: 0 }
#main .right h3 { margin-bottom: 0.2em }
#footer {
	background: #edecec url('/images/footer_bg.gif') no-repeat;
	color: #666;
	padding: 21px 12px 0 12px
	}
#footer div {
	height: 46px
	}
#footer p { float: left }
#footer ul {
	float: right;
	list-style-type: none
	}
#footer li {
	display: inline;
	margin-left: 10px
	}
#footer a {
	color: #666;
	text-decoration: none
	}
#footer a:hover { text-decoration: underline }
#poweredby {
	clear: both;
	height: auto;
	text-align: center
	}
	
/** Homepage Layout **/
/* NOTE: This section can be moved to a separate CSS file and only included in
	the homepage */
#intro {
	background: #F7F7F7 url('/images/intro_bg.gif') repeat-x bottom left;
	height: 363px;
	position: relative
	}
#intro .col1 {
	background: url('/images/money_house.jpg') no-repeat bottom left;
	float: left;
	height: 100%;
	width: 269px
	}
#intro .col2 {
	background: url('/images/money_house.jpg') no-repeat -269px 20px;
	float: left;
	height: 323px;
	padding: 20px 20px 0 0 ;
	width: 315px
	}
#intro .col2 p { margin-bottom: 2em }
#intro .col2 .div1 {
	float: left;
	width: 162px
	}
#intro .col2 .div2 {
	float: right;
	width: 153px
	}
#intro .col3 {
	float:left;
	padding-top: 12px;
	width: 310px
	}
#intro .note {	
	bottom: 8px;
	font-size: 0.9em;
	left: 10px;
	position: absolute
	}
#index .left {
	background: url('/images/vline.gif') no-repeat top right;
	border: 0;
	float: left;
	min-height: 0;
	padding: 10px;
	width: 437px
	}
#index .right {
	float: right;
	padding: 10px;
	width: 436px
	}

/** CSS Hacks **/
/* Fixes for Opera and IE 6 */
#navigation { overflow: hidden }
#nav-home { width: 74px !important }
#nav-faq { width: 205px !important }
#nav-getstarted { width: 107px !important }
#nav-taxdates { width: 159px !important }
#nav-jobs { width: 114px !important }
#nav-contact { width: 105px !important }