/* dosterconstruction.com   |   screen.css   |   11/18/08 */

* {margin: 0; padding: 0;}

body {
	background: #ead8b0 url(../images/bg.jpg) repeat-x top left;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
body.internal { background: #ead8b0 url(../images/bg.jpg) 0 -60px repeat-x; }

#wrap {
	width: 950px; 
	text-align: left; 
	margin: 0 auto; 
	padding-bottom: 50px;
	position: relative;
	}
	
h1 { text-indent: -9999px; }

#header { width: 950px; }
	
a#logo {
	display: block;
	width: 230px;
	height: 44px;
	background: url(../images/logo.gif) 2px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	}
	
#print-logo { display: none; }

ul#nav {
	width: 677px;
	float: right;
	margin: 30px 0 0 0;
	}
	
ul#nav li { 
	list-style: none;
	float: left;
	}
	
ul#nav li a#home {
	background: url(../images/nav-home.gif) 0 0 no-repeat;
	text-indent: -9999em;
	width: 60px;
	height: 25px;
	margin-right: 20px;
	float: left;
	}
	
ul#nav li a:hover#home { 
	background: url(../images/nav-home.gif) -67px 0 no-repeat;
	}

ul#nav li a#home-active { 
	background: url(../images/nav-home.gif) -67px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 60px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a#about-us {
	background: url(../images/nav-about-us.gif) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a:hover#about-us { background: url(../images/nav-about-us.gif) -106px 0 no-repeat; }
	
ul#nav li a#about-us-active {
	background: url(../images/nav-about-us.gif) -106px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a#portfolio {
	background: url(../images/nav-portfolio.gif) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 110px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a:hover#portfolio { background: url(../images/nav-portfolio.gif) -115px 0 no-repeat; }
	
ul#nav li a#portfolio-active {
	background: url(../images/nav-portfolio.gif) -115px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 110px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a#services {
	background: url(../images/nav-services.gif) 1px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 95px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a:hover#services { background: url(../images/nav-services.gif) -100px 0 no-repeat; }
	
ul#nav li a#services-active {
	background: url(../images/nav-services.gif) -100px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 95px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a#careers {
	background: url(../images/nav-careers.gif) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 93px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a:hover#careers { background: url(../images/nav-careers.gif) -98px 0 no-repeat; }
	
ul#nav li a#careers-active {
	background: url(../images/nav-careers.gif) -98px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 93px;
	height: 25px;
	margin-right: 20px;
	}
	
ul#nav li a#contact-us {
	background: url(../images/nav-contact-us.gif) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 119px;
	height: 25px;
	}
	
ul#nav li a:hover#contact-us { background: url(../images/nav-contact-us.gif) -130px 0 no-repeat; }
	
ul#nav li a#contact-us-active {
	background: url(../images/nav-contact-us.gif) -130px 0 no-repeat;
	text-indent: -9999em;
	float: left;
	width: 119px;
	height: 25px;
	}
	
#content-wrap {
	width: 930px;
	background-color: #fff;
	padding: 10px;
	float: left;
	}
	
#content.home {
	width: 930px;
	background: #fff;
	float: left;
	padding: 10px;
	position: relative;
	}
	
#content {
	width: 930px;
	background: #fff url(../images/content-bg.jpg) 0 0 repeat-y;
	float: left;
	padding-bottom: -10px;
	}
	
img.title { margin-bottom: 10px; }
	
#sidebar {
	background: #e6d3a9 url(../images/sidebar-bg.jpg) bottom left no-repeat;
	width: 186px;
	float: left;
	padding: 35px 15px 15px 15px;
	}
	
#sidebar.sidebar-home { height: 421px; }

* html #sidebar.sidebar-home { padding: 35px 13px 15px 13px; }
	
ul#subnav-home { margin-top: 0px; }

#sidebar li { 
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	}

#subnav li a {
	color: #333;
	display: block;
	width: 130px;
	height: 45px;
	text-decoration: none;
	padding: 17px 0 0 70px;
	margin-bottom: 5px;
	}
	
#subnav-home li a {
	color: #333;
	display: block;
	width: 130px;
	height: 35px;
	text-decoration: none;
	padding: 17px 70px 5px 0;
	margin-bottom: 0;
	}
	
* html #subnav-home li a { width: 115px; }

* html #subnav li a { width: 115px; }
	
#subnav li a:visited, #subnav-home li a:visited { color: #000; }

#subnav li a:hover, #subnav-home li a:hover { color: #ed1b2e; }
	
#subnav-home li a#subnav-education { background: url(../images/education-icon.gif) 120px 5px no-repeat; }

#subnav-home li a#subnav-healthcare { background: url(../images/healthcare-icon.gif) 120px 5px no-repeat; }

#subnav-home li a#subnav-industrial { background: url(../images/industrial-icon.gif) 120px 5px no-repeat; }

#subnav-home li a#subnav-multifamily { background: url(../images/multi-family-icon.gif) 120px 5px no-repeat; }

#subnav-home li a#subnav-other-projects { background: url(../images/additional-icon.gif) 120px 5px no-repeat; }

#sidebar h2 {
	text-transform: uppercase;
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: #666 solid 1px;
	width: 185px;
	}
	
#imgHolder {
	width: 713px;
	height: 471px;
	overflow: hidden;
	}
	
#imgHolder-text {
	position: absolute;
	top: 370px;
	left: 240px;
	font-size: 14px;
	color: #eee;
	width: 660px;
	line-height: 20px;
	}
	
.highlight {
	color: #f4e3c1;
	font-style: italic;
	font-weight: bold;
	}
	
#magnets {
	float: left;
	margin: 8px 0 0 0;
	}
	
#magnets h2 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
	margin-bottom: 5px;
	width: 170px
	}
	
#magnets p {
	color: #333;
	font-size: 12px;
	}
	
#magnets a {
	text-transform: uppercase;
	color: #ed1b2e;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#magnets a:visited { color: #ed1b2e; }

#magnets a:hover { color: #000; }
	
#magnet-01 {
	width: 289px;
	height: 101px;
	background: url(../images/magnet-01-bg.jpg) 0 0 no-repeat;
	float: left;
	padding: 8px;
	margin-right: 8px;
	}
	
#magnet-01 img, #magnet-02 img, #magnet-03 img { 
	float: right;
	margin-left: 15px; 
	border: 0;
	}
	 
#magnet-02 {
	width: 288px;
	height: 101px;
	background: url(../images/magnet-02-bg.jpg) 0 0 no-repeat;
	float: left;
	padding: 8px;
	margin-right: 8px;
	}
	 
#magnet-03 {
	width: 288px;
	height: 101px;
	background: url(../images/magnet-03-bg.jpg) 0 0 no-repeat;
	float: left;
	padding: 8px;
	}
	
#copy #magnet-03 img { 
	float: right;
	margin-left: 15px; 
	border: 0;
	}
	
#copy #magnet-03 h2 {
	border: 0;
	color: #fff;
	margin-bottom: 0px;
	float: left;
	width: 160px;
	font-size: 14px;
	}
	
#copy #magnet-03 a {
	text-transform: uppercase;
	color: #ed1b2e;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#copy #magnet-03 a:visited { color: #ed1b2e; }

#copy #magnet-03 a:hover { color: #000; }
	
#footer {
	clear: both;
	float: left;
	width: 950px;
	margin: 15px 0 15px 70px;
	}
	
* html #footer { 
	margin: 15px 0 0 35px;
	width: 850px;
	}
	
#footer a { 
	color: #333;
	text-decoration: none;
	}

#footer a:visited { 
	color: #333;
	text-decoration: none;
	}
	
#footer a:hover { text-decoration: underline; }

#footer ul {
	margin: -10px 0 0 -10px;
	float: left;
	}
	
#footer ul.copyright {
	margin: -10px 0 0 198px;
	float: left;
	}
	
* html #footer ul.copyright {
	margin: -10px 0 0 115px;
	float: left;
	}
	
#footer li {
	float: left;
	list-style: none;
	border-right: #666 solid 1px;
	font-size: 1.0em;
	padding: 0 10px;
	margin: 20px 0 0 0;
	}
	
#footer li.last { border-right: none; }

#tagline {
	float: left;
	clear: both;
	margin: 10px 0 0 220px;
	}
	
* html #tagline {
	float: left;
	clear: both;
	margin: 10px 0 0 250px;
	}

/*-------------------------INTERNAL STARTS--------------------------*/
	
#copy {
	width: 672px;
	float: left;
	background-color: #efefef;
	padding: 15px;
	margin-left: 10px;
	min-height:430px;
	}
	
* html #copy { height: 442px; }
	
#copy h2 {
	font-size: 1.8em;
	color: #a9a9a9;
	border-bottom: #ed1b2e solid 2px;
	width: 672px;
	text-transform: uppercase;
	margin-bottom: 15px;
	}
	
#copy p {
	font-size: 1.2em;
	margin-bottom: 10px;
	}
	
img.right {
	float: right; 
	margin: 0 0 10px 15px;
	padding: 3px;
	border: #bbb solid 1px;
	}
	
img.left {
	float: left; 
	margin: 0 15px 10px 0;
	padding: 3px;
	border: #bbb solid 1px;
	}
	
img.left-none {
	float: left; 
	margin: 0 15px 10px 0;
	padding: 3px;
	border: 0;
	}
	
#copy img.right-none {
	float: right; 
	margin: 0 0 10px 15px;
	padding: 3px;
	border: 0;
	}
	
#copy ul.number li { 
	list-style: decimal; 
	margin-left: 5px;
	}
	
a.main-manual {
	display: block;
	width: 160px;
	height: 150px;
	background: url(../images/main-doster-brochure.jpg) 0 0 no-repeat;
	float: left;
	margin: 10px 0 10px 18px;
	font-size: 1.2em;
	padding: 110px 0 0 30px;
	color: #ed1b2e;
	text-decoration: underline;
	}
	
* html a.main-manual { 
	margin: 10px 0 0 8px;
	width: 141px;
	height: 0px;
	}
	
a:visited.main-manual {color: #666;}

a:hover.main-manual {color: #000;}
	
#copy a.manual {
	display: block;
	width: 160px;
	height: 150px;
	background: url(../images/healthcare-services-manual-thumb.jpg) 40px 0 no-repeat;
	float: left;
	margin: 0 0 10px 80px;
	font-size: 1.2em;
	padding-top: 110px;
	text-align: center;
	}
	
* html #copy a.manual { margin: 0 0 10px 40px; }
	
#copy img#portfolio {
	float: left;
	margin: 0 20px 20px 0;
	padding: 3px;
	border: #bbb solid 1px;
	}
	
img.copy-bottom { margin-left: 225px; }
	
ul#thumbnails { float: left; }

ul#thumbnails li {
	float: left;
	clear: left;
	list-style: none;
	margin: 0 8px 17px 0;
	}
	
#slideshow {
	float:right;
	width: 415px;
	}

#portfolio-nav { float:right; }	

#pics {
    width: 408px;
	height: 274px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	float: right;
	}
	
#pics img {
	padding: 3px;
	border: #bbb solid 1px;
	}
	
#output {
	float: right;
	font-size: 1.0em;
	color:#666;
	margin: 0 0px 10px 10px;
	}
	
a#prev {
	
	width: 20px;
	height: 20px;
	background: url(../images/previous-arrow.jpg) 0 0 no-repeat;
	float: left;
	}
	
a:hover#prev { background: url(../images/previous-arrow-hover.jpg) 0 0 no-repeat; }
	
a#next {
	
	width: 10px;
	height: 20px;
	background: url(../images/next-arrow.jpg) 0 0 no-repeat;
	float: left;
	}
	
a:hover#next { background: url(../images/next-arrow-hover.jpg) 0 0 no-repeat; }

	
#copy h2.portfolio-title {
	border: none;
	font-size: 1.4em;
	color: #ed1b2e;
	margin: 0 0 5px 0;
	width: 550px;
	}
	
#copy h2.portfolio-title .sub-h2 {
	font-size: 0.9em;
	color: #000;
	text-transform: none;
	}
	
#copy h2.portfolio-title-02 {
	border: none;
	font-size: 1.4em;
	color: #ed1b2e;
	margin: 0 0 5px 0;
	width: 350px;
	}
	
#copy h3 { font-size: 1.2em; }

#copy h3.sub { 
	font-size: 1.4em;
	margin-bottom: 10px; 
	}
	
#copy a {
	color: #ed1b2e;
	text-decoration: underline;
	}
	
#copy a:visited { color: #666; }

#copy a:hover { color: #000; }

#copy ul.about { line-height:1.4em; margin: 0px 20px 20px 20px;}

#copy ul { margin: 0 0 10px 15px; }

#copy li {list-style: disc; }

#locations {width:350px; float:right; background-color:#a9a9a9;}
#locations img {margin:0px 0px 10px 0px; border:1px solid #000000; float:right; display:block;}
#locations hr { border:none; border-bottom:1px solid #ed1b2e; width:310px; height:1px; margin:0px 20px; padding:0px;}
#locations h3.locations {color:#000000; font-size:1.4em; margin:20px 20px 10px 20px; text-transform:uppercase;}
#locations p {margin:20px 20px 30px 20px;}
#locations a {color:#222222; font-weight:bold;}
#locations a:visited {color:#222222;}
#locations a:hover {color:#000000;}


#subnav-internal li { 
	margin-bottom: 10px;
	font-size: 1.4em;
	}

#subnav-internal li a {
	color: #000;
	text-decoration: none;
	line-height: 16px;
	}
	
#subnav-internal li a:visited { color: #000; }

#subnav-internal li a:hover{ color: #ed1b2e; }

#subnav-internal li a.active{ color: #ed1b2e; }

#sub-subnav { 
	padding: 10px 0 5px 10px;
	background-color: #f4ebd9;
	margin: 10px 0;
	}

#sub-subnav li {
	font-size: 0.8em;
	font-style: normal;
	list-style: none;
	}
	
#sub-subnav li a {
	color: #555;
	text-decoration: none;
	line-height: 12px;
	}
	
#sub-subnav li a:visited { color: #666; }

#sub-subnav li a:hover{ color: #ed1b2e; }

#sub-subnav li a.active{ color: #000; }

#sub-sub-subnav { 
	padding: 5px 10px 0 0;
	margin: 5px 10px 5px 0;
	border-top: #ed1b2e solid 1px;
	border-bottom: #ed1b2e solid 1px;
	}

#sub-sub-subnav li {
	font-size: 1em;
	font-style: normal;
	list-style: none;
	text-transform: none;
	}
	
#sub-sub-subnav li a {
	color: #555;
	text-decoration: none;
	}
	
#sub-sub-subnav li a:visited { color: #aaa; }

#sub-sub-subnav li a:hover{ color: #ed1b2e; }

#sub-sub-subnav li a.active{ color: #000; }

#sub-sub-subnav li .note { font-weight: normal; }

#magnet-manual {
	width: 289px;
	height: 101px;
	background: url(../images/magnet-manual-bg.jpg) 0 0 no-repeat;
	float: right;
	padding: 8px;
	margin: 20px 0 20px 30px;
	clear: both;
	}
	
#copy #magnet-manual h2 {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 0;
	width: 145px;
	margin-bottom: 0;
	}
	
#copy #magnet-manual p {
	color: #333;
	font-size: 1.2em;
	}
	
#copy #magnet-manual a {
	text-transform: uppercase;
	color: #ed1b2e;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#copy #magnet-manual a:visited { color: #ed1b2e; }

#copy #magnet-manual a:hover { color: #000; }

#copy #magnet-manual img {
	float: right;
	margin-left: 10px; 
	}
	
#copy a.view-details {
    background: url(../images/content-btn.jpg) 0 0 no-repeat;
    display: block;
    width: 152px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 8px 0;
    text-align: center;
    margin: 0;
	font-size: 1.2em;
    }
    
#copy a:visited.view-details { color: #fff; }

#copy a:hover.view-details {
    background: url(../images/content-btn.jpg) -152px 0 no-repeat;
    color: #000;
    }
	
#video {
	margin: 30px 0 0 75px;
	}

/*-----------------------Jquery Slider-------------------------*/

#slider {
    width: 670px;
    margin: 0 auto;
    position: relative;
	}

.scroll {
    height: 405px;
    width: 670px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #fff
	}

.scrollContainer div.panel {
    padding: 20px;
    height: 405px;
    width: 630px;
	}

#copy ul.navigation {
    list-style: none;
    margin: 0;
    padding-bottom: 9px;
	padding-top: 10px;
	}

#copy ul.navigation li {
    width: 120px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	}

#copy ul.navigation a {
    color: #ed1b2e;
    text-decoration: none;
	display: block;
	height: 30px;
	width: 90px;
	padding: 10px;
	}
	
#copy ul.navigation a:visited { color: #ed1b2e; }

#copy ul.navigation a:hover {
    background-color: #f6f6f6;
	color: #000;
	}

#copy ul.navigation a.selected { 
	background-color: #fff;
	color: #000;
	}

#copy ul.navigation a:focus { outline: none; }
	
#copy .panel h2 {
	font-size: 1.5em;
	color: #a9a9a9;
	border-bottom: #ed1b2e solid 1px;
	width: 630px;
	text-transform: uppercase;
	margin-bottom: 15px;
	}

#copy img.right {
	float: right;
	padding: 3px;
	border: #ccc solid 1px;
	margin: 0 0 0 15px;
	}
	
#copy img.center {
	padding: 0;
	border: 0;
	margin: 0 0 0 15px;
	float: none;
	}
	
/*-------------FEATURED PROJECTS---------------*/

#content-feature {
	width: 930px;
	height: 617px;
	background: url(../images/featured-projects-hewitt-trusville-high-school.jpg) 0 0 no-repeat;
	float: left;
	position: relative;
	}
	
#project-description {
	width: 384px;
	height: 150px;
	position: absolute;
	top: 432px;
	left: 10px;
	background-color: #fff;
	padding: 8px 8px 0 8px;
	filter: alpha(opacity=90); 
	-moz-opacity: .9; 
	opacity: .9;
	}
	
.feature-bottom {
	position: absolute;
	top: 590px;
	left: 10px;
	}
	
#project-description h2 {
	text-transform: uppercase;
	color: #000;
	font-size: 1.4em;
	}
	
#content-feature p {
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #000;
	}
	
#content-feature a {
	display: block;
	width: 12px;
	height: 13px;
	background: url(../images/square.gif) 0 0 no-repeat;
	}
	
#content-feature a.one {
	position: absolute;
	top: 60px;
	left: 360px;
	}
	
#content-feature a.two {
	position: absolute;
	top: 125px;
	left: 130px;
	}
	
#content-feature a.three {
	position: absolute;
	top: 170px;
	left: 417px;
	}
	
#content-feature a.four {
	position: absolute;
	top: 290px;
	left: 200px;
	}
	
#content-feature a.five {
	position: absolute;
	top: 133px;
	left: 330px;
	}
	
#content-feature a.six {
	position: absolute;
	top: 245px;
	left: 323px;
	}
	
#content-feature a.seven {
	position: absolute;
	top: 400px;
	left: 200px;
	}
	
#content-feature a.eight {
	position: absolute;
	top: 110px;
	left: 720px;
	}
	
#content-feature a.nine {
	position: absolute;
	top: 120px;
	left: 430px;
	}
	
#content-feature a.ten {
	position: absolute;
	top: 180px;
	left: 530px;
	}
	
#content-feature a.eleven {
	position: absolute;
	top: 230px;
	left: 690px;
	}
	
#content-feature a.twelve {
	position: absolute;
	top: 290px;
	left: 850px;
	}
	
#content-feature a.thirteen {
	position: absolute;
	top: 350px;
	left: 750px;
	}
	
#content-feature a.fourteen {
	position: absolute;
	top: 415px;
	left: 670px;
	}
	
#content-feature a.fifteen {
	position: absolute;
	top: 480px;
	left: 870px;
	}
	
#content-feature a.sixteen {
	position: absolute;
	top: 420px;
	left: 540px;
	}
	
#content-feature a.seventeen {
	position: absolute;
	top: 430px;
	left: 440px;
	}
	
#content-feature a.eighteen {
	position: absolute;
	top: 250px;
	left: 90px;
	}
	
#content-feature a.nineteen {
	position: absolute;
	top: 190px;
	left: 700px;
	}
	
#content-feature a.twenty {
	position: absolute;
	top: 275px;
	left: 745px;
	}
	
#content-feature a:hover { background: url(../images/square.gif) -12px 0 no-repeat; }
	
#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	display: none;
	font-size: 12px;
	font-weight: bold;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
	}
	
#unitippoint { 
	background: url(../images/TipPoint-green.png) no-repeat; 
	height: 19px; 
	overflow: hidden; 
	}
	
#unitipmid { 
	background: url(../images/TipMid-green.png) repeat; 
	width: 135px;
	height: auto; 
	padding: 0 5px;
	}
	
#unitipcap { 
	background: url(../images/TipCap-green.png) no-repeat; 
	height: 7px; 
	overflow: hidden; 
	}
	
/*----------GREEN STARTS----------*/
#content-green { 
	width: 900px; 
	background: #efefef; 
	padding: 15px;
	float: left;
	}
	

#content-green a {
	color: #ed1b2e;
	text-decoration: underline;
	}
	
#content-green a:visited { color: #ed1b2e; }

#content-.green a:hover { color: #000; }

#content-green ul { 
	margin: 10px 0 10px 15px; 
	font-size: 1.2em;
	}

#content-green li {list-style: disc; }
	
.right.logo { border: 0; margin: 0 0 15px 15px; }

.left-logo { border: 0; margin: 0 15px 15px 0; float: left; }

.left-us { border: 0; margin: 20px 15px 15px 0; float: left; }

#content-green p { 
	font-size: 1.2em;
	margin-bottom: 10px;
	}
	
#content-green h2 {
	font-size: 1.8em;
	color: #a9a9a9;
	border-bottom: #ed1b2e solid 2px;
	width: 900px;
	text-transform: uppercase;
	margin-bottom: 15px;
	}
	
#content-green h3 { font-size: 1.2em; }
	
#content-green #slideshow {
	float:right;
	width: 350px;
	}
	
#content-green #pics {
    width: 330px;
	height: 218px;
	overflow: hidden;
	margin: 0 0 5px 10px;
	float: right;
	}
	
.magnet-green {
	width: 289px;
	height: 101px;
	background: url(../images/magnet-green-bg.jpg) 0 0 no-repeat;
	float: right;
	padding: 8px;
	margin: 10px 0 0 30px;
	}
	
#content-green .magnet-green h2 {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 0;
	width: 145px;
	margin-bottom: 10px;
	}
	
#content-green .magnet-green p {
	color: #ddd;
	font-size: 1.2em;
	}
	
#content-green .magnet-green a {
	text-transform: uppercase;
	color: #ed1b2e;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#content-green .magnet-green a:visited { color: #ed1b2e; }

#content-green .magnet-green a:hover { color: #000; }

.magnet-green img {
	float: right;
	margin-left: 10px; 
	}
	
/*----------NEWS STARTS-----------*/

body#news { 
    background: #dbd9d9 url(../images/cms-bg.jpg) top left repeat-x;
    margin: 30px 0 0 0;
    text-align: center;
    padding: 0;
    }

.news {
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 1.2em;
	line-height: 20px;
	margin-right: 5px;
    }
    
#copy .news td { 
    padding: 15px 0; 
    vertical-align: top; 
    }
    
#copy .news a {
    color: #ed1b2e;
	text-decoration: underline;
	margin-right: 10px;
	}
	
#copy .news a:visited { color: #aaa; }

#copy .news a:hover { color: #000; }

#form1 {
    font-family: Arial, Helvetica, sans-serif; 
	color: #333;
	text-align: left;
	font-size: 1.2em;
	margin: 0 30px 20px 30px;
	}
	
* html #form1 { margin: 0 15px 20px 25px; }
	
#form1 a {
    color: #ed1b2e;
	text-decoration: underline;
	margin-right: 10px;
	}
	
#form1 a:visited { color: #666; }

#form1 a:hover { color: #000; }

#form1 div { margin-bottom: 10px; }

#form1 #Title { font-weight: bold; }

#form1.form td {
    padding: 5px 5px 5px 0;
    border: #ccc solid 1px;
    }

#form1 td { 
    padding: 5px;
    border: 0;
    }
    
#top-nav { 
    width: 930px;
    padding-bottom: 20px;
    }

.NavLink {
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 20px;
    float: left;
    }
    
.LogoutLink {
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 12px;
    float: right;
    }
    
#form1 table { 
    margin-top: 10px;
    width: 910px;
    clear: both;
    }

#form1 td.head { 
    padding: 5px;
    font-weight: bold;
    }
    
.head { 
    padding: 5px;
    font-weight: bold;
    }
    
#cms-wrap {
	width: 950px;
	background-color: #fff;
	padding: 10px 0;
	margin: 0 auto;
	clear: both;
	}
	
* html #cms-wrap { width: 900px; }
	
#cms-wrap div.title {
    width: 910px;
    background: url(../images/cms-title.jpg) 0 0 no-repeat;
    margin: 0 0 10px 10px;
    text-align: right;
    padding: 13px 20px 22px 0;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    }
    
* html #cms-wrap div.title { margin: 0 0 10px 5px; }
	
#news #header {
    width: 950px;
    height: 55px;
    margin: 0 auto;
    padding: 0;
    }
    
#Admin a {
    background: url(../images/button-bg.jpg) 0 0 no-repeat;
    display: block;
    width: 152px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 8px 0;
    text-align: center;
    margin-left: 8px;
    }
    
#NewsAdmin a, #BidAdmin a {
    background: url(../images/button-bg.jpg) 0 0 no-repeat;
    display: block;
    width: 152px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 8px 0;
    text-align: center;
    margin: 0 0 10px 8px;
    }
    
#Admin a:visited, #NewsAdmin a:visited, #BidAdmin a:visited { color: #fff; }

#Admin a:hover, #NewsAdmin a:hover, #BidAdmin a:hover {
    background: url(../images/button-bg.jpg) -152px 0 no-repeat;
    color: #000;
    }
    
.button {
    float: left;
    margin: 7px 0 0 10px;
    }
    
#form1 h2 {
    font-size: 1.5em;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 15px;
	clear: both;
	}
	
hr { margin-bottom: 10px; }

fieldset { border: 0; }

legend { 
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    color: #000;
    }
/*----------NEWS ENDS-----------*/

/*----------BID SCHEDULE STARTS-----------*/

#copy a.login {
    background: url(../images/login-btn-bg.jpg) 0 0 no-repeat;
    display: block;
    width: 152px;
    color: #fff;
    font-weight: bold;
	font-size: 1.2em;
    text-decoration: none;
    padding: 6px 0 8px 0;
    text-align: center;
    margin: 20px 0 20px 90px;
    }
	
#copy a:visited.login { color: #fff; }

#copy a:hover.login {
    background: url(../images/login-btn-bg.jpg) -152px 0 no-repeat;
    color: #000;
    }
    
#form1.bid-schedule {
    font-family: Arial, Helvetica, sans-serif; 
	color: #333;
	text-align: left;
	font-size: 1.2em;
	margin: 0 10px 20px 10px;
	}
    
#form1.bid-schedule table { 
    width: 653px;
    margin: 10px 0;
    }

#copy ul {
	font-size: 1.2em;}

/*----------BID SCHEDULE ENDS-----------*/

/*----------E-NEWS STARTS-----------*/
.magnet-email {
	background-color: #ed1b2e;
	width: 175px;
	padding: 5px;
	margin-top: 10px;
	}
	
#theForm { width: 175px; }
	
#sidebar .magnet-email h2 {
	color: #fff;
	border: 0;
	width: 175px;
	margin: 0 0 8px 0;
	}
	
.magnet-email label {
	font-size: 12px; 
	}
	
.magnet-email input { font-weight: bold; }

.magnet-email input.submit { 
	background: url(../images/enews-btn.gif) 0 0 no-repeat;
	border: 0;
	padding: 4px 0 8px 0;
	display: block;
	width: 96px;
	margin-bottom: 5px;
	}
	
.magnet-email input:hover.submit { 
	background: url(../images/enews-btn.gif) -96px 0 no-repeat;
	border: 0;
	}
	
#confirmation { width: 175px; }
	
#confirmation p {
	font-size: 11px;
	line-height: 12px;
	}
	
a.enews {
	background: url(../images/home-enews-btn.gif) 0 0 no-repeat;
	display: block;
    width: 152px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 8px 0;
    text-align: center;
    margin: 30px 0 0 15px;
	font-size: 1.2em;
	}
	
a:hover.enews { background: url(../images/home-enews-btn.gif) -152px 0 no-repeat; }

/*----------E-NEWS ENDS-----------*/

p.clear { clear: both; }