/* @override http://localhost/wadsworth/wadsworth.css */

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 130%;
	margin-top: 0;
	margin-bottom: 15px;
	background: #878787 url('images/bg.jpg') repeat-x;
 }

a img { border: none }
ul, ol { margin: 0; padding: 0}

h1, h2, h3, p { margin-top: .5em; margin-bottom: 1em; }

h1 { font-size: 18px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }

#wrapper { width: 940px; margin: 0 auto; background: url('images/bg-wrapper.png') repeat-y; }

/* center sections within wrapper */
#header, #banner, #column-wrap, #gallery, #project, #project-list, #admin-main { width: 916px; margin: 0 auto; }

#header { border-top: solid 1px #2d2d2d; border-bottom: solid 1px #FFFFFF; }

#logo { margin: 10px 17px 7px 17px }

#nav {
	background: black; border-top: solid 1px #2c2c2c;
	list-style: none; height: 24px;
}
#nav li {
	display: inline;
	font-size: 11px; line-height: 25px;
	padding-left: 36px; padding-right: 11px;
}

#nav li a { color: #8b8b8b; text-decoration: none }
#nav li a:hover { color: white; }
#nav li.selected a { color: white; }

#column-wrap {
	clear: both;
	background: url('images/bg-columnwrap-home.gif') repeat-y;
	border-top: solid 1px black;
}

.break {
	clear: both;
}

#copy {
	width: 505px;
	padding: 20px 100px 20px 60px;
	float: left;
}

#copy h2 {
	font-size: 16px;

}
#copy h3 {
	font-size: 14px;
	margin: 20px 0 7px 0;
}
#copy h5 {
font-size: 16px;
margin: 7px 0 0 0;
padding: 0;
}
#copy h6 {
font-size: 14px;
margin: 0 0 20px 0;
padding: 0;
}

#copy ul{
	padding:0;
	margin: 0 0 25px 25px;
}

#copy ul li{
	list-style-type: square;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

#copy p {
	color: #333;
}


#right-nav {
	width: 251px;
	float: right;
	list-style: none;
}

#right-nav li {
	color: #ffffff;
	border-bottom: solid 1px #8f8f8f;
	cursor: pointer;
	height: 40px;
	padding: 25px 10px 10px 30px;
}

#right-nav.subnav li {
	height: 30px;
	padding: 15px 10px 0 30px;
	background: url('images/bullet-right.png') no-repeat 18px 21px;
}

#right-nav li.selected  {	background-color: #8f8f8f }
#right-nav.subnav li.selected { background-color: #a5a5a5}
#right-nav li:hover { background-color: #8f8f8f }

#right-nav li a {
	color: #ffffff;
	text-decoration: none;
}

.clickhere {
	color: #bdbdbd;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}

#banner {
	background: #6e6f72 url('images/sprite-banners.jpg') 0 -310px no-repeat;
	width: 916px;
	height: 75px;
	position: relative;
	color: #FFF;
}

#banner h1 {
	margin: 0;
	position: absolute;
	top: 26px;
	left: 22px;
	color: white;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 33px;
}

#banner.home {
	background: url('images/sprite-banners.jpg') no-repeat;
	height: 300px;
}

#banner.home h1 {
	top: 30px;
	left: 114px;
	position: absolute;
	z-index: 2;
}

#slides {
	list-style: none;
	width: 620px;
	float: right;
	position: relative;
	z-index: 1;
}

#slides li {
	display: none;
	line-height: 0;
}

#banner.tabs {
	height: 85px;
}

#admin-links {
	padding: 5px 0 0 30px;
}

#admin-links a {
	color: #000;
	text-decoration: none;
}

#admin-links a:hover {
	text-decoration: underline;
}

#mid-nav {
	position: absolute;
	z-index: 3;
	bottom: 0;
	list-style: none;
	text-align: right;
	width: 308px;
}

#mid-nav li {
	line-height: 33px;
	background: url('images/bg-whiteline.png') no-repeat 0 bottom;
	cursor: pointer;
}

#mid-nav li a {
	color: black;
	text-decoration: none;
	padding-right: 16px;
	background: url('images/bullet-right.png') no-repeat right;
}

#mid-nav li:hover {
	background: url('images/bg-whiteline.png') repeat-y;
}



/* tabs */

#tabnav {
	position: absolute;
	top: 64px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	border-bottom: 1px solid black;
	list-style-type: none;
	width: 896px;
	padding: 3px 10px 2px 10px;
}

#tabnav li { display: inline; }

#tabnav li a {
	padding: 3px 16px;
	border: solid #CCC;
	border-width: 0 1px;
	background-color: #ccc;
	color: #666;
	text-decoration: none;
}

#tabnav li.selected a {
	background-color: #fff;
	color: #000;
	border: solid 1px #000;
	border-bottom-color: #FFF;
}

#tabnav a:hover { background: #fff; }


/*gallery*/

#gallery {
	margin: 20px auto 10px auto;
	height: 300px;
	overflow: auto;
}

#gallery ul li {
	color: #666;
	font-size: 11px;
	line-height: 14px;
	width: 285px;
	float: left;
	padding: 5px;
	border: solid 1px transparent;
	cursor: pointer;
}

#gallery ul li:hover {
	background: #f1f1f1;
	border: solid 1px #999;
}

#gallery ul li h2 {
	color: #000;
	font-size: 14px;
	margin-bottom: 2px;
}

#gallery ul li a {
	color: #000;
	font-size: 9px;
	text-transform: uppercase;
}

#gallery-controls {
	text-align: center;
	width: 800px;
	margin:15px auto 25px;
}

#gallery-controls a { padding-top: 1px ;padding-bottom: 4px; color: #666; }
#gallery-controls a:hover { color: #333; }

#gallery-controls a.prev {
	padding-left: 26px;
	float: left;
	background: url(images/sprite-carousel-controls.gif) no-repeat 0 -52px;
}
#gallery-controls a.next {
	padding-right: 26px;
	float: right;
	background: url(images/sprite-carousel-controls.gif) no-repeat right 0;
}

#gallery-controls a.prev:hover { background-position: 0 -78px; }
#gallery-controls a.next:hover { background-position: right -26px; }


/*project*/
#project {
	padding-top: 25px;
	padding-bottom: 25px;

}

#project-summary {
	float: left;
	margin-left: 50px;
	width: 300px;
}

#project-summary h2 {
	margin: 0;
}

#project-summary ul {
	list-style: none;
	margin: .8em 0;
}

#project-summary ul.featured {
	list-style: square;
	margin: 0 0 25px 20px;
}

#project-photos {
	float: right;
	margin-right: 45px;
}

#project-photos ul {
	list-style: none;
}

#project-photos img.next {
	cursor: pointer;
}

#photo-nav {
	text-align: right;
	margin-right: 15px;

}

#photo-nav img {
	border: solid 1px #8f8f8f;
	cursor: pointer;
}

#photo-nav img.prev, #photo-nav img.next {
	cursor: pointer; border: 0;
	background: url(images/sprite-carousel-controls.gif);
}

#photo-nav img.prev { background-position: center -149px; }
#photo-nav img.prev:hover { background-position: center -168px; }

#photo-nav img.next { background-position: center -111px; }
#photo-nav img.next:hover { background-position: center -130px; }

#photo-nav img.selected, #photo-nav img.box:hover {
	border: solid 1px #7e7e7e;
	background: #d0d0d0;
}


#admin-main {
	width: 800px;
	padding-top: 25px;
	padding-bottom: 25px;

}

#admin-main h2 {
	margin-top: 0;
	margin-bottom: .5em;
	word-spacing: 2px;
}

#admin-main h2 a {
	color: #666;
	font-size: 11px;
	word-spacing: normal;
	padding-left: 3px;
	text-decoration: none;
}

#admin-main h2 a:hover {
	text-decoration: underline;
}

#admin-main p {
	font-size: 13px;
	line-height: 1.2em;
}

#project-list {
	width: 800px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#project-table {
	width: 800px;
	margin-top: 15px;
	font-size: 13px;
	border: solid #ccc;
	border-width: 0 1px;
}

#project-table tr.sortrow { cursor: default; background: #000; }
#project-table tr { cursor: pointer; }
#project-table tr.sortrow:hover { background: #000 }

#project-table tr:hover, #project-table tr.darkrow:hover { background: #ccc; }
#project-table tr.darkrow { background: #eee; }


#project-table th {
	padding: 5px 20px 4px 5px;
	text-transform: lowercase;
	font-weight: normal;
	text-align: left;
	color: #fff;
}


#project-table th a { color: #fff; text-decoration: none; }
#project-table th a:hover { text-decoration: underline; }

#project-table td {
	border-bottom: solid 1px #ccc;
	padding: 5px 20px 3px 5px;
	text-align: left;
}

#project-table td a { color: #000; text-decoration: none; }

#project-table td.location { white-space: nowrap; text-align: left;}

.admin-form {
	margin-top: 15px;
	font-size: 13px;
	border: solid 1px #ccc;
	padding: 5px 20px 3px 5px;
}

.admin-form td {
	text-align: left;
	padding: 5px 20px 3px 5px;
}

.admin-form small {
	color: #666;
	font-style: italic;
}

#project-images img {
	border: solid 3px #CCC;
	float: left;
	margin: 5px;
	padding: 0;
}

#project-images img.delete {
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE */
	background: #F00;
	border-color: #F00;
}

#project-images img.main {
	border: solid 3px #0B0;
}

#project-form td.error { border: solid #FF0000 1px; background: #FFDDDD }

.error { color: #FF0000; font-weight: bold }
.success { color: #008000; font-weight: bold }
a.delete { color: #FF0000; font-size: 10px; padding-left: 10px }

/*footer*/

#footer {
	width: 940px; height: 37px;
	margin: 0 auto;
	background: url(images/bg-footer.png) no-repeat;
	font-size: 12px; color: #868686;
}

#footer-logo {
	margin-top: 9px;
	margin-left: 23px;
}

#footer-links {
	display: inline;

	position: relative;
	top: -2px;
}

#footer a { color: #868686; text-decoration: none; padding: 0 6px; }
#footer a:hover { color: #FFFFFF }

.green, .green a {
color:#336600;
}

.left {
float: left;
margin: 10px 15px 15px 0;
}

/* Subcontractor of the month */
#subcontractor-of-the-month {
	border: solid 1px #000;
	padding: 5px 10px;
	background: #DDD;
}

#subcontractor-of-the-month img {
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #888;
}