@charset "utf-8";
/* CSS Document */

* {outline:none}

body {
	background-color: #000;
	text-align: justify;
	margin: 0px auto;	
	height: auto;
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: scroll;
	font-family: Calibri, Geneva, sans-serif;
}

br {
	clear: left;	
}

p {
	text-align: justify;
	text-indent: 40px;
	margin-bottom: 10px;
	width: 700px;
}

.contact-us {
	text-indent: 0;	
}

#bodyWrapper {
	width: auto;
	height: auto;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: scroll;
}

.homeLeft {
	float: left;	
}

#banner {
	background: url("../images/banner.jpg");
	width: 1024px;
	height: 125px;
	text-align: center;
	margin: 0px auto;
	text-indent: -9999;
}

#banner-log-in {
	background:url(../images/log-in-form.png);
	width: 391px;
	height: 68px;
	float: right;
	display: none;
}

#open-login {
	font-size: 12px;
	float:right;
	clear: right;
	margin-right: 11px;
}

#open-login a {
	color: #CCC;	
}

#open-login a:hover {
	color:#666;	
}

#hide-login {
	display: none;	
	width: 100px;
}

#show-login {
	margin-top: 5px;
	width: 100px;	
}

.index-login {
	
}

input {
	width: 76px;
	margin-top: 27px;
	height: 14px;
	background-color: #e4e3e3;
	border: none;
}

.username {
	float: left;
	margin-left: 61px;
}

.password {
	float: right;
	margin-right: 83px;
}

.submit {
	background: url("../images/button-go.png");
	height: 23px;
	width: 36px;
	float: right;
	margin-left:120px;
	margin-top: -21px;
	margin-right: 25px;
}

.submit:hover {
	background: url("../images/button-go.png");
	height: 23;
	width: 36px;
	float: right;
	background-position: bottom;
}

#wrapper {
	width: 1024px;
	height: 1400px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-home {
	width: 1024px;
	height: 1305px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-our-services {
	width: 1024px;
	height: 1310px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-projects {
	width: 1024px;
	height: 1575px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-our-company {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-project-profiles {
	width: 1024px;
	/*height: 1110px;	*/	
	height: 1800px;
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-web-design {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-specialty-interests {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-stair-examples	 {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-references	 {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-blueprints {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-contact-us {
	width: 1024px;
	height: 1507px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-news {
	width: 1024px;
	height: 1187px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#wrapper-structural-steel{
	width: 1024px;
	height: 1850px;		
	margin: auto;
	background-image: url("../images/bgpx.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #626262;
}

#nav-bar {
	background: url("../images/nav-bar.png");
	background-position: 100px 0px;
	width: 1024px;
	height: 60px;
	text-align: center;
	margin: 0px auto;
}

#nav {
	background-position: 50px 10px;
	margin-right: 20px;
	float: right;
	height: 60px;
}

.tab-home {
		background: url("../images/tab-home.png") no-repeat right;
}
.tab-our-services {
	background: url("../images/tab-our-services.png") no-repeat right;
}

.tab-projects {
	background: url("../images/tab-projects.png") no-repeat right;
}

.tab-our-company {
	background: url("../images/tab-our-company.png") no-repeat right;
}

.tab-project-profiles {
	background: url("../images/tab-project-profiles.png") no-repeat right;
}

.tab-contact-us {
	background: url("../images/tab-contact-us.png") no-repeat right;
}

.tab-inactive {
	background: url("../images/tab-inactive.png") no-repeat right;
}

#nav ul {
	list-style: none;
	width: 700px;
	height: 48px;
}

#nav li {
	list-style: none;
	display: inline;
	text-align: center;
	position: 20px 50px;

}

#nav li a {
	text-decoration: none;
	display: block;
	float: left;
	text-indent: -9999px;
}

#nav li a, a:active {
	outline: none;
}

li#home a {
	width: 135px;
	height: 40px;
}

li#our-services a {
	width: 105px;
	height: 40px;
}

li#projects a {
	width: 105px;
	height: 40px;
}

li#our-company a {
	width: 105px;
	height: 40px;
}

li#project-profiles a {
	width: 110px;
	height: 40px;	
}

li#contact-us a {
	width: 135px;
	height: 40px;	
}

#content-left {
	width: 256px;
	float: left;
}

#sidebar {
	padding-left: 15px;
	padding-right: 15px;
}

#sidebar-menu {
	background-image: url(../images/menu-tab-empty.png);
	height: 34px;
	width: 219px;
	text-indent: 20px;
	font:Calibri, Geneva, sans-serif;
	font-size: 20px;
	color:#FFF;
	line-height: 30px;
}

#sidebar-menu-content {
	background: url("../images/menu-gradient-top.png");
	width: 219px;
	height: 505px; /*adjust if an additional links are needed on the sidebar*/
	margin-top: -12px;
}

#sidebar-menu-content ul {
	list-style: none;
	width: 219px;
	font-size: 12pt;
	color: #575757;
	font-family: calibri, tahoma;
	margin-left: -15px;
}

#sidebar-menu-content ul li a, a:link, a:visited {
	text-decoration: none;	
	color: #575757;
}

#sidebar-menu-content ul li a:focus {
	color:#000;	
}

#sidebar-menu-content ul li a:hover {
	/*font-weight: bold;*/
	color: #000;
}


#sidebar-menu-bottom {
	background: url("../images/menu-gradient-bottom.png");
	width: 221px;
	height: 11px;
	margin-top: -2px;
	margin-left: -1px;
}

#sidebar-news {
	background-image: url(../images/menu-tab-empty.png);
	height: 34px;
	width: 219px;
	text-indent: 20px;
	font:Calibri, Geneva, sans-serif;
	font-size: 20px;
	color:#FFF;
	line-height: normal;
	margin-top: 525px; /*adjust if an additional link is needed on the sidebar*/
}


#sidebar-news-content {
	background: url("../images/menu-gradient-top.png");
	width: 219px;
	height: auto;	
	font-size: 12pt;
	color: #575757;
	font-family: calibri, tahoma;
	margin-top: 8px;
}

#sidebar-news-bottom {
	background: url("../images/menu-gradient-bottom.png");
	width: 221px;
	height: 11px;
	margin-left: -1px;
}

#sidebar-friends {
	background-image: url(../images/menu-tab-empty.png);
	height: 34px;
	width: 219px;
	text-indent: 20px;
	font:Calibri, Geneva, sans-serif;
	font-size: 20px;
	color:#FFF;
	line-height: 30px;
	margin-top: 125px;
}

#sidebar-friends-content {
	background: url("../images/menu-gradient-top.png");
	width: 219px;
	height: 90px;	
	font-size: 12pt;
	color: #575757;
	font-family: calibri, tahoma;
	margin-top: 2px;	
}

#sidebar-friends-content ul {
	list-style: none;
	width: 219px;
	font-size: 12pt;
	color: #575757;
	font-family: calibri, tahoma;
	margin-left: -20px;
	margin-top: 0px;	
}

#sidebar-friends-content ul li a, a:link, a:visited {
	text-decoration: none;	
	color: #575757;
}

#sidebar-friends-content ul li a:hover {
	/*font-weight: bold;*/
	color: #000;
}

#sidebar-friends-bottom {
	background: url("../images/menu-gradient-bottom.png");
	width: 221px;
	height: 11px;
	margin-left: -1px;
	margin-top: -2px;
}

#sidebar-contact {
	background-image: url(../images/menu-tab-empty.png);
	height: 34px;
	width: 219px;
	font:Calibri, Geneva, sans-serif;
	font-size: 20px;
	color:#FFF;
	line-height: normal;
	margin-top: 110px;
}

#indent-contact {
	text-indent: 20px;	
}

#sidebar-contact-content {
	background: url("../images/menu-gradient-top.png");
	width: 219px;
	height: auto;	
	font-size: 12pt;
	color: #575757;
	font-family: calibri, tahoma;
	margin-top: 4px;	
}

#sidebar-contact-bottom {
	background: url("../images/menu-gradient-bottom.png");
	width: 221px;
	height: 11px;
	margin-left: -1px;
}

#container-news {
	padding: 15px;
	width: 190px;
	height: auto;	
}

#container-contact {
	padding: 15px;
	width: 190px;
	height: auto;
	text-align:left;
}

#content-right {
	width: 767px;
	float: right;
	/*position: absolute;*/
	/*margin-left: 260px;*/	
}

#content-top {
	background: url("../images/right-content-top2.png") no-repeat left top;
	width: 760px;
	height: 33px;
	margin-top: -6px;
}

#content-main {
	background: url("../images/right-content-gradient2.png") repeat-y;
	padding-left: 30px;
	width: 740px;
	height: auto;
	padding-bottom: 10px;
	margin-left: -5px;
}

#content-main.extend-height {
	height: 990px;	
}

#content-main.project-profiles {
	height: 1600px;	
}

#content-main.projects {
	height: 1200px;	
}

#content-main.structural-steel {
	height: 1650px;	
}

#content-main.contact-us {
	height: 1300px;	
}

#content-bottom {
	background: url("../images/right-content-bottom2.png") no-repeat left top;
	width: 784px;
	height: 59px;
	margin-left: -5px;
}

#container {
	width: 700px;
	height: auto;
}

#container a {
	font-weight:bold;
	color: #000;	
}

#container a:hover {
	color: #333;	
}

/*This is for the contact us form*/

#mail label{
	float: left;
	width: 120px;
	font-weight: bold;
}

#mail input, textarea{
	width: 250px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	height:auto;
	background-color: #fff;
	border: ridge;
}

#mail textarea{
	width: 450px;
	height: 200px;
}

#mail .submitbutton{
	margin-left: 120px;
	margin-top: 5px;
	width: 120px;
	background: none;
}

.thumb-property {
	padding: 8px;
	border: 0px #000;
}

/*This is for the scrolling area on the projects page*/
div.scroll {
	height: 400px;
	width: 100%;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
	margin-top: 30px;
}

div.scroll h3 {
	text-decoration: underline;
}

#footer {
	text-align:center;
	margin-right: 250px;
	color:#d8d8d8;
}

#bgImages {
	width: 1000px;
	background-color: #000;
	margin: 0px auto;	
}

#imgLeft {
	margin-top: 650px;
	width: 450px;
	height: 338px;
	float: right;

}

#imgRight {
	margin-top: 150px;
	margin-left: 1030px;
	width: 298px;
	height: 400px;
	float: right;
	position: absolute;
}

/*Project Profiles*/
#project-profiles {
	width: 700px;
	height: auto;
	padding-bottom: 10px;
	margin-top: 30px;
}

#project-profiles label {
	float: left;
	width: 120px;
	font-weight: bold;
}