@charset "utf-8";

* {
	margin:0;
	padding:0;
}
	
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	height:100%; 
}

body {
	font-size: 62.5%;
	background-color: #000000;
	height:100%; 
}

#wrapper {
	width: 880px;
	margin: 20px auto;
}

#headerimg {
	float: left;
	margin-bottom:5px;
}

hr.underline {
	margin:0;
	padding:0;
	margin-bottom: 20px;
}

#headerlinks, #footerlinks {
 	float: left;
	width: 100%;
	margin-bottom:5px;
	background-image:url(assets/mainbackground.jpg);

	background-repeat:repeat-x;
	background-color: #000000;
	overflow: hidden;
}


#footerlinks {	
	overflow: hidden;
}

#headerlinks a, #footerlinks a {
	float: left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight:bolder;
	background-color: #2a0001;
	color: #000000;

	border-right: 4px solid #000000;
	padding: 5px;

	overflow:hidden;
	text-decoration: none;
	background-image:url(assets/mainbackground.jpg);
	background-repeat:repeat-x;
	
}



#footerlinks a {
	font-size: 1.2em;
}


#headerlinks a:hover, #footerlinks a:hover {
	background-color: #990000;
	background-image: none;
	color: #ffffff;
}

.contactus {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.8em;
	color: #ffffff;
}

.contactus a {
	color: #ffffff;
}

.contactus a:hover {
	text-decoration:none;
}


.contactus p span {
	color: #ff0111;
	width: 60px!important;
}

.contactus span.label {
	float: left;
	width: 70px!important;
}

#footerlinks ul {

	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 20px;
}

#headerlinks li, #footerlinks li {
	display: inline;
	margin-right: 20px;
}

#headerlinks li a, #footerlinks li a {
	color: #666666;
	
	text-decoration: none;
}

#headerlinks li a:hover #footerlinks li a:hover {
	color: #666666;
	text-decoration: underline;
}



.searchform {
	float: right;
}

.searchform div label {

	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
}

.searchform div input {
	border: 1px solid #000000;
}


#main1 {
	margin:5; padding:0;
	background:#000000;


}
	
#main2 {
	margin:0; 
	padding:0;
	margin-bottom: 5px;
}

#projectdisplay {
	height: 250px;
	background-color:#000000;
	background-image:url(assets/bigblackimage.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom: 5px;
}

#dashboardcontainer {
	
		height:100%;
		background:#ffffff; 

}



.content {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	font-size: 1.4em;
	background:#cccccc;
}

.contactSubmit {
	border:none!important;
	width:102px;
	height:32px;
	background-image:url(assets/submit.jpg);
	background-repeat:no-repeat;
}

.gallerybox {
	margin-bottom: 20px;
	background:url(assets/gallerygrid.jpg);
}

.content h2 {
	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.4em;
	font-weight: bold;
	color:#000000;
	margin-bottom: 10px;
	
		margin: 0; padding: 5px;

	background-image:url(assets/mainbottombackground.jpg);
	background-repeat:repeat-x;

	border-bottom: 5px solid #000000;
	
}

.content h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #ff0111;
}

.content p {

	
	text-align:justify;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.content a {
	font-weight: bold;
	color: #ff0111; 
}

.content a:hover {
	text-decoration: none; 
}

.content li {

	font-size: 1.0em;
	margin-left: 20px;
	margin-bottom: 10px;
}

.content input,textarea {
	border: 3px solid #000000;
}

.content label {
	color: #ff0111;
	font-weight: bold;
	font-size: 1.0em;
}


.contact-form {
	float:left;
	width: 300px;
	
}

.map {
	text-align:center;
	margin-bottom: 10px;
}

.contact-address {
	float: right;
	width: 450px;
	padding-left: 10px;
	border-left: 5px solid #000000;
}

#ngg-gallery-1-33, #ngg-gallery-1-2 {

	width: 600px!important;
	margin-left: 15%;
}

#ngg-gallery-2-9 {
	width: 740px!important;

	margin-left: 15%;
}






#imageholder {
	width: 500px;
	height:200px;
	margin-bottom: 20px;
	background:#000000;
	border: 5px solid #ffffff;
}



#dashboardcontainer h2 {
	
	font-size: 1.6em;
	font-weight: bold;
	color:#000000;
	margin-bottom: 5px;
}





.texthighlight {
	color: #ff0111;
	font-weight: bold;
}



#right {
		float:right;
		width:250px;
		margin:0; padding:0;
		margin-bottom: 10px;
}

.projects {
	padding: 5px;
	background-color:#999999;
	margin-bottom: 20px;
}
	
.projects h2 {
	text-transform: uppercase;
}

.projects li {
	list-style:none;
	padding: 5px;
	border-bottom: 2px solid #000000;
	font-size: 1.4em;
	
}

.projects li a {
	font-weight: bold;
	color:#FFFFFF;
}
		
		
	#middle {
		margin:0 250px 0 0;
		padding:0;
		background:white;
		}


.left-home {
	float:left;
	width:290.333px;
	background-color: #cccccc;
	height: 250px;
	overflow:auto;
}

.middle-home {
	float:left;
	width:289.333px;
	background-color: #cccccc;
	border-right: 5px solid #000000;
	border-left: 5px solid #000000;
	height: 250px;
		overflow:auto;
}

.right-home {
	float:left;
	width:290.333px;
	background-color: #cccccc;
 	height: 250px;
		overflow:auto;

}
	
.column-in { 
	padding: 10px;
}

.column-in h3 {
	font-size: 1.2em;
	margin:0;
	
	margin-bottom: 10px;
}

.column-in-home-left { 
	
}




.column-in-home-middle { 
	height:100%;
}

.column-in-home-right {

		height:100%;
}

.column-in-home-left h2, .column-in-home-middle h2, .column-in-home-right h2 {

	margin: 0; padding: 5px;

	background-image:url(assets/mainbottombackground.jpg);
	background-repeat:repeat-x;
	display: block;
	border-bottom: 5px solid #000000;
	font-size: 1.6px;
}

.column-in-home-left li {
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.column-in-home-left li a {
	
	color:#ff0111;
}

.column-in-home-left  li a:hover {
	text-decoration: none;
}

#companydetails {
	color: #FFFFFF;
	font-weight: bold;
}

.cleaner {
	clear: both;
}