body {
	text-align: center;
	background-color: #000;
	color: #fff;
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;	
}
	#header {
		height: 160px;
	}
	#middle {
		position:  relative;
	}
	#footer {
		padding: 0 10px;
		height: 130px;
		background-color: #999;
	}
	
.ninesixty {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.footercopy {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	padding-top: 75px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

#logo {
	float: left;
}

#nav {
	margin-top: 50px;
}


#nav a {
	width: 85px;
	height: 16px;
	/*background-color: #555c73;*/
	background-color: #4b526a;
	padding: 5px;
	margin:10px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-right:0px;
	text-align: center;
	border:1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a:hover, #nav a.current  {
    width: 85px;
	height: 16px;
	background-color: #000000;
	padding: 5px;
	margin:10px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-right:0px;
	text-align: center;
	border:1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
}



p.boxe {
	max-width: 400px;
}


.services {
	margin-right:30px;
	margin-top: 10px;
	width: 300px;
	position: static;
}
.services p b {
		margin-top: 50px;
}
.services.last {
		margin-right: 0;
}
	
.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clear {
	clear: both;
}



/* this is the code for the hover state of the hyperlinks for copy*/
a { 
text-decoration: none; 
} 

.float-right a:hover
{ 
background-color:black;
}
/* this is the code for the hover state of the hyperlinks for copy*/





/* this is the code for the hover state of the services*/
a.serviceoverstate 
{
	border: 1px solid #ffffff;
	width: 300px;
	height: 125px;
	float: left;

}
a.serviceoverstate:hover, a.serviceoverstate.down {
	border: 1px solid #000000;
	width: 300px;
	height: 125px;
	float: left;
}
/*this is the code for the hover state of the services*/





/* this is the code for the j-query image slide show*/

            /* Demo styles */
            html,body{margin:0;}
            .content, .new {color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:960px;margin:0px auto; border: 1px solid #ffffff;}
            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:350px;}
			
/* this is the code for the j-query image slide show*/




/* this is the code for the top area for the about page*/

#slideshow {
	border: 1px solid #ffffff;
	width: 960px;
	height: 350px;
	float: left;
	margin-bottom:14px;
	padding-top:0px;
	padding-left:0px;
	font-style:normal;
	line-height:16px;
	font-weight:normal;
	font-variant: normal
}

#slideshow p {
    margin-left: 10px;   
    }

img.floatRightClear { 
    float: right; 
    clear: right;
    margin: 5px;
	padding-top: 10px;
}



/* this is the code for the top area for the contact page*/


#toparea {
	border: 1px solid #ffffff;
	width: 960px;
	height: 350px;
	text-align: left;
	float: left;
	margin-bottom:14px;
	font-style:normal;
	line-height:16px;
	font-weight:normal;
	font-variant: normal
}
#toparea p {
    margin-left: 10px;   
    }

.child {
	width: 300px;
	height: 300px;
	border: solid 0px #00ff00;
	display: inline-block;
	text-align: left;
	margin-left:135px;
	letter-spacing: normal;
	font-size: normal;
	white-space: normal;
	text-align: normal;
	vertical-align: middle;
}

a.overstate:hover
{ 
background-color:black;
}


/* this is the code for the metal finishing page - services sections*/

.servicessections {
	margin-right:0px;
	margin-top: -18px;
	width: 960px;
	height: 267px;
	position: static;
}
.servicessections p b {
		margin-top: 50px;
}