@import "default.css";

/*-------------------------------------------------------------------

This site developed and maintained by Ninja Multimedia, LLC
http://www.ninjamultimedia.com

We are a Web development firm that specializes in building 
interactive multimedia presentations and websites. Not limited to the Web, 
we can also create experiences for CD/DVD distribution, iTunes, 
kiosks, mobile devices, and social media sites.

Contact: 
Drew Pearson, CEO
Ninja Multimedia, LLC
Atlanta, GA
770-990-6295

-------------------------------------------------------------------*/



/*-------------------------------------------------------------------
[Table of Contents]

1. Body
2. Wrapper
3. Header
4. Navigation Main
5. Flash Home - #home-island
6. Content
7. Footer
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
[1. Body]
*/

body {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#666666;
}

/*-------------------------------------------------------------------
[2. Wrapper]
*/

#wrapper-site {
	margin:0 auto;
	padding:0px;
	width:1000px;
	position:relative;
}

#wrapper-main {
	width:1000px;
	background-image:url(/images/bg-top.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
}


/*-------------------------------------------------------------------
[3. Header]
*/

#logo-main {
	position:absolute;
	top:35px;
	left:100px;
}

#logo-main h1 a {
	width:120px;
	height:80px;
	background-image:url(/images/dlp-construction-logo.jpg);
	display:block;
	text-indent:-9999px;
}

#button-contact {
	position:absolute;
	top:108px;
	left:670px;
}

#subcontractor-login {
	width:420px;
	color:#FFF;
	position:absolute;
	top:10px;
	right:50px;
	float:left;
}

#subcontractor-login a {
	color:#FFF;
	text-decoration:none;
}

#wrapper-username {
	margin:5px 20px 0px 0px;
	text-align:right;
	float:left;
}

#wrapper-username input {
	margin-bottom:5px;
	padding:5px 0px 0px 5px;
	width:150px;
	height:17px;
	background-color:#000;
	border:none;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#wrapper-password {
	margin:5px 10px 0px 0px;
	text-align:right;
	float:left;
}

#wrapper-password input {
	margin-bottom:5px;
	padding:5px 0px 0px 5px;
	width:150px;
	height:17px;
	background-color:#000;
	border:none;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#wrapper-submit {
	margin:10px 0px 0px 0px;
	text-align:right;
	float:left;
}


/*-------------------------------------------------------------------
[4. Navigation Main]
*/

#wrapper-nav-main {
	margin:250px 0px 0px 93px;
	background-color:#FFF;
	float:left;
	position:relative;
}

#nav-main-shadow {
	width:34px;
	height:498px;
	background-image:url(/images/nav-main-shadow.png);
	position:absolute;
	right:0px;
	z-index:2;
}

#nav-main {
	margin:10px 0px 10px 10px;
	padding:18px 0px 18px 15px;
	background-color:#CCC;
	float:left;
}

#nav-main ul li h2 {
	width:110px;
	height:22px;
	border-bottom:1px #adadad solid;
}

#nav-main ul li h2 a {
	margin-top:3px;
	display:block;
	text-indent:-9999px;
}

#nav-main-button-home {
	background-image:url(/images/nav-main-home.gif);
}

#nav-main-button-home.hover {
	background-image:url(/images/nav-main-home-on.gif);
	cursor:pointer;
}

#nav-main-button-home.selected {
	background-image:url(/images/nav-main-home-on.gif);
}

#nav-main-button-projects {
	background-image:url(/images/nav-main-projects.gif);
}

#nav-main-button-projects.hover {
	background-image:url(/images/nav-main-projects-on.gif);
	cursor:pointer;
}

#nav-main-button-projects.selected {
	background-image:url(/images/nav-main-projects-on.gif);
}

#nav-main-button-clients {
	background-image:url(/images/nav-main-clients.gif);
}

#nav-main-button-clients.hover {
	background-image:url(/images/nav-main-clients-on.gif);
	cursor:pointer;
}

#nav-main-button-clients.selected {
	background-image:url(/images/nav-main-clients-on.gif);
}

#nav-main-button-personnel {
	background-image:url(/images/nav-main-personnel.gif);
}

#nav-main-button-personnel.hover {
	background-image:url(/images/nav-main-personnel-on.gif);
	cursor:pointer;
}

#nav-main-button-personnel.selected {
	background-image:url(/images/nav-main-personnel-on.gif);
}

#nav-main-button-about {
	background-image:url(/images/nav-main-about.gif);
}

#nav-main-button-about.hover {
	background-image:url(/images/nav-main-about-on.gif);
	cursor:pointer;
}

#nav-main-button-about.selected {
	background-image:url(/images/nav-main-about-on.gif);
}

#nav-main-button-press {
	background-image:url(/images/nav-main-press.gif);
}

#nav-main-button-press.hover {
	background-image:url(/images/nav-main-press-on.gif);
	cursor:pointer;
}

#nav-main-button-press.selected {
	background-image:url(/images/nav-main-press-on.gif);
}

#nav-main-button-bid {
	background-image:url(/images/nav-main-bid.gif);
}

#nav-main-button-bid.hover {
	background-image:url(/images/nav-main-bid-on.gif);
	cursor:pointer;
}

#nav-main-button-bid.selected {
	background-image:url(/images/nav-main-bid-on.gif);
}

#nav-main-button-contact {
	background-image:url(/images/nav-main-contact.gif);
}

#nav-main-button-contact.hover {
	background-image:url(/images/nav-main-contact-on.gif);
	cursor:pointer;
}

#nav-main-button-contact.selected {
	background-image:url(/images/nav-main-contact-on.gif);
}



/*-------------------------------------------------------------------
[5. Flash Home]
*/

#home-island {
	position:absolute;
	top:20px;
}



/*-------------------------------------------------------------------
[6. Content]
*/

#content-main-wrapper {
	margin:120px 0px 0px 195px;
	padding:0px;
	width:720px;
	background-image:url(/images/shadow-middle.png);
	background-repeat:repeat-y;
	color:#000;
}

#content-main-wrapper a {
	font-weight:bold;
	color:#303060;
	text-decoration:underline;
}

#content-main-wrapper a:hover {
	font-weight:bold;
	color:#303060;
	text-decoration:none;
}

#content-main-wrapper a {
	color:#303060;
	text-decoration:underline;
}

#content-main-shadow-top {
	width:720px;
	height:28px;
	background-image:url(/images/shadow-top.png);
}

#content-main {
	margin:0px 33px 0px 33px;
	padding:18px;
	width:620px;
	background-color:#FFF;
}

#content-main-home {
	margin:0px 33px 0px 33px;
	padding:190px 18px 18px 18px;
	width:620px;
	background-color:#FFF;
	position:relative;
}

.opening-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:22px;
	color:#333;
}

.subheader {
	margin:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	color:#303060;
}

#project-list {
	 overflow:hidden;
}

#project-list li {
	margin:0px 0px 10px 0px;
	position:relative;
	float:left;
	overflow:hidden;
}

.project-header {
	width:620px;
	position:relative;
	overflow:hidden;
	float:left;
	cursor:pointer;
}

.project-content {
	padding-left:22px;
	width:598px;
	position:relative;
	overflow:hidden;
	float:left;
}

.project-description {
	width:258px;
	float:left;
}

.photo-wrapper {
	margin:0px 0px 0px 10px;
	width:320px;
	float:right;
}

.photo-main {
	margin-bottom:10px;
}

.thumb-wrapper {
	margin-top:10px;
	width:330px;
	float:left;
}

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

.alert {
	color:#FF0000;
}

.employee-name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	color:#333;
}

.content-divider {
	margin:20px 0px 20px 0px;
}

#header-dlp {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-dlp-construction.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-projects {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-projects.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-clients {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-clients.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-about {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-about.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-personnel {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-personnel.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-press {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-press.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-bid-on-jobs {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-bid-on-jobs.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-contact {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-contact.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-staff {
	margin:20px 0px 15px 0px;
	width:352px;
	height:20px;
	background-image:url(/images/header-staff.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#two-column-wrapper {
	margin:0px 0px 30px 0px;
	padding:0px;
	overflow:hidden;
}

#two-column-col1 {
	margin:0px 50px 0px 0px;
	width:250px;
	float:left;
}

#two-column-col2 {
	margin:0px 0px 0px 0px;
	width:250px;
	float:left;
}

#logo-rca {
	margin:0px 10px 0px 0px;
}



/*-------------------------------------------------------------------
[7. Footer]
*/

#footer {
	width:1000px;
	height:140px;
	background-image:url(/images/bg-footer.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	position:relative;
	float:left;
}

#copyright {
	margin:5px 117px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	float:right;
}

#footer-nav {
	position:absolute;
	bottom:70px;
	right:185px;
}

#footer-nav ul {
	margin:0px;
	padding:0px;
	
}

#footer-nav ul li {
	margin:0px;
	padding:0px;
	display:inline;
}

#footer-nav ul li h3 {
	margin:0px;
	padding:0px;
	display:inline;
}

#footer-nav ul li h3 a {
	margin:0px 5px 0px 5px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

#footer-nav ul li h3 a.hover {
	color:#FFF;
}

#footer-nav ul li h3 a.selected {
	color:#FFF;
}

#footer-logo {
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:62px;
	right:117px;
	float:left;
}

#footer-logo h3 a {
	width:55px;
	height:37px;
	background-image:url(/images/logo-footer.jpg);
	display:block;
	text-indent:-9999px;
}

#developer {
	/*margin:30px 117px 0px 0px;
	float:right;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	position:absolute;
	bottom:20px;
	right:117px;
}

#developer a {
	color:#666;
	text-decoration:underline;
}