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

* {
margin: 0;
}

html, body {
height: 100%;
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #444;
}

/* COMMON STYLING */

.wrapper {
	min-height: 100%;
}

.headerwrapper {
	height: 436px;
	background: url('../images/headerbg_rpt.jpg') top center repeat-x;
}

.header {
	height: 436px;
	margin: 0 auto;
	width: 960px;
}

.contentwrapper {
	overflow:auto;
	padding-bottom: 220px;	/* FOOTER HEIGHT */
	background: #ffffff url('../images/content_outside_rpt.jpg') top center repeat-x;
}

.content {
	margin: 0 auto;
	width: 960px;
	
}

.footer {
	position: relative;
	margin-top: -220px; /* negative value of footer height below */
	height: 220px;
	clear:both;
	background: #333;
} 

.footer p {
	line-height: 1;
	padding: 0px 0 5px 10px;
	margin: 0;
	color:#777;
	font-size: 12px;
}

.footer a:link {
	display: block;
	margin-top: 10px;
	color:#CCC;
	font-weight: bold;
}

.footer a:visited {
	display: block;
	margin-top: 10px;
	color:#CCC;
	font-weight: bold;
}

.footer a:active {
	display: block;
	margin-top: 10px;
	color:#CCC;
	font-weight: bold;
}

.fbox {
	width: 160px;
	position: relative;
	float: left;
}

h1 {
	display: block;
	position: relative;
	float: left;
	font-size: 32px;
	color: #000;
	line-height: 1;
	letter-spacing: -1px;
	font-weight: 300;
	margin: 0px;
	padding: 0 0 0 20px;
}

h2 {
	display: block;
	positiong: relative;
	float: left;
	font-size: 22px;
	color: #777;
	font-weight: 300;
	padding: 0 0 0 20px;
}

p {
	padding: 0px 20px 10px 20px;
}

p strong {
	font-weight: 600;
}

li strong {
	font-weight: 600;
}

a:link, a:visited, a:active {
	color: #333;
}


/*Opera Fix*/

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* COMMON STYLING: HEADER */

.gasgeplogo {
	background: url('../images/gasgep_hdr.jpg') no-repeat;
	width: 632px;
	height: 126px;
	position: relative;
	float: left;
}

.stahllogo {
	background: url('../images/stahl_hdr.jpg');
	height: 126px;
	width: 328px;
	position: relative;
	float: left;
}

.menubar {
	width: 960px;
	height: 257px;
	float: left;
	border: 0;
	padding: 0;
}

.menubar a.btn_home {  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_home.jpg') no-repeat;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	float: left;
} 

.menubar a:hover.btn_home {  
    background-position: 0 -257px;  
}  


.menubar a.btn_about {  
    display: block;  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_about.jpg') no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	float: left;
} 

.menubar a:hover.btn_about {  
    background-position: 0 -257px;  
}  

.menubar a.btn_products {  
    display: block;  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_products.jpg') no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	position: relative;
	float: left;
} 

.menubar a:hover.btn_products {  
    background-position: 0 -257px;  
}  

.menubar a.btn_services {  
    display: block;  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_services.jpg') no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	position: relative;
	float: left;
} 

.menubar a:hover.btn_services {  
    background-position: 0 -257px;  
}  

.menubar a.btn_stahl {  
    display: block;  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_stahl.jpg') no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	position: relative;
	float: left;
} 

.menubar a:hover.btn_stahl {  
    background-position: 0 -257px;  
}  

.menubar a.btn_contact {  
    display: block;  
    width: 160px;  
    height: 257px;  
    background: url('../images/btn_contact.jpg') no-repeat 0 0;  
    overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;
	position: relative;
	float: left;
} 

.menubar a:hover.btn_contact {  
    background-position: 0 -257px;  
}

.menudropshadow {
	height: 25px;
	width: 960px;
	position: relative;
	float: left;
	background: url('../images/imagebox_dropshadow.png');
}

.contentbridge .left {
	width: 9px;
	height: 28px;
	background: url('../images/contentbridge_left.jpg');
	float: left;
	position: relative;
}

.contentbridge .rpt {
	width: 942px;
	height: 28px;
	background: url('../images/contentbridge_rpt.jpg') repeat-x;
	float: left;
	position: relative;
}

.contentbridge .right {
	width: 9px;
	height: 28px;
	background: url('../images/contentbridge_right.jpg');
	float: left;
	position: relative;
}


/* COMMON STYLING: CONTENT */

.content_centre {
	width: 956px;
	background: #FFF;
	border: 2px solid #ccc;
	border-style: none solid;
	position: relative;
	float: left;
	padding-bottom: 30px;
}


/* COMMON STYLING: FOOTER */

.footerbridge {
	margin: 0 auto;
	width: 960px;
	height: 28px;
}

.footerbridge_left {
	position: relative;
	float: left;
	width: 9px;
	height: 28px;
	background: url('../images/footerbridge_left.jpg');
}

.footerbridge_rpt {
	position: relative;
	float: left;
	background: url('../images/footerbridge_rpt.jpg') repeat-x;
	height: 28px;
	width: 942px;
}

.footerbridge_right {
	position: relative;
	float: left;
	background: url('../images/footerbridge_right.jpg');
	width: 9px;
	height: 28px;
}


/* ===== HOME PAGE STYLING ===== */

.box1hdr {
	width: 956px;
	height: 50px;
	position: relative;
	float: left;
}

.box1hdr h1 {
	padding: 0 0 0 40px;
}

.box1 {
	width: 956px;
	height: 180px;
	float: left;
	position: relative;
	padding: 0 20px 0 40px;
	margin: 0;
}

.box1-img {
	width: 180px;
	height: 160px;
	float: left;
	position: relative;
	background: url('../images/home_reg1.jpg') no-repeat top;
	border: solid 1px #ccc;
}

.box1-text {
	height: 180px;
	width: 736px;
	overflow: hidden;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

.box2-wrap {
	width: 956px;
	position: relative;
	float: left;
}

.box2 {
	width: 318px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.box2hdr {
	width: 956px;
	height: 40px;
	padding-top: 10px;
	margin: 0;
	position: relative;
	float: left;
}

.box2hdr h1 {
	width: 278px;
	padding: 0 0 0 40px;
}

.homeprodlist {
	padding: 10px 30px 0 40px;
}

.homeprodlist li {
	line-height: 1.5;
}

.box2 p {
	padding: 10px 30px 0 40px;
}

.box2 img {
	display: block;
	margin: 0;
	position: relative;
	border: solid 1px #ccc;
	margin: 10px 30px 0 40px;
}

.box3-wrap {
	width: 956px;
	height: 80px;
	position: relative;
	float: left;
}

.box3 {
	width: 318px;
	height: 60px;
	position: relative;
	float: left;
}

.box3 img {
	width: 178px;
	height: 60px;
	position: relative;
	float: right;
	padding: 20px 40px 0 0;
	border: 0;
}

/* ===== ABOUT PAGE STYLING ===== */

.box4 {
	width: 250px;
	position: relative;
	float: left;
}

.box4 img {
	margin: 10px 20px 0px 40px;
	padding: 0;
	border: 1px solid #ccc;
	float: left;
	position: relative;
}

.box5 {
	width: 706px;
	position: relative;
	float: left;
}

.box5 p {
	padding: 20px 20px 0 20px;
}

.box5-hdr {
	width: 706px;
	height: 50px;
	position: relative;
	float: left;
}

/* ===== PRODUCTS PAGE STYLING ===== */

.box6 {
	width: 478px;
	position: relative;
	float: left;
	padding-top: 20px;
}

.box7 {
	width: 478px;
	height: 50px;
	position: relative;
	float: left;
}

.box8image {
	width: 150px;
	height: 150px;
	positiong: relative;
	float: left;
}

.box8 {
	width: 478px;
	height: 120px;
	position: relative;
	float: left;
}

.box8 img {
	position: relative;
	float: left;
	border: 1px solid #ccc;
	margin: 0 20px 0 40px;
}

.box8 p {
	padding: 0 20px 0 210px;
}

.box7 h2 {
	padding: 10px 0 0 40px;
}

.box10hdr p {
	padding: 0px 20px 0px 40px;
	color: #777;
}

.box10hdr {
	width: 956px;
	height: 90px;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

.box10hdr h1 {
	padding: 0 0 10px 40px;
	width: 916px;
}

/* ===== SERVICES PAGE STYLING ===== */

.box5 li {
	padding: 10px 20px 0 5px;
	margin-left: 40px;
	line-height: 1.5;
}

.headerdown {
	padding-top: 20px;
}

/* ===== STAHL ENGINEERING PAGE STYLING ===== */

.box2hdr h2 {
	display: block;
	float: left;
	position: relative;
	width: 278px;
	padding: 0 0 0 40px;
}

.box2 img {
	padding: 0px;
}

.box2-wrap .nopadding {
	padding: 0px;
	height: 25px;
}

.box2 ul {
	padding: 10px 30px 0 40px;
}

.box2 li {
	line-height: 1.5;
	margin-left: 20px;
}

.box1hdr h2 {
	padding-left: 40px;
}

.box9-img {
	width: 250px;
	height: 167px;
	position: relative;
	float: left;
	background: url('../images/stahl_racing.jpg') no-repeat;
	border: 1px solid #ccc;
}

.box9 {
	width: 700px;
	position: relative;
	float: left;
}

.box9 p {
	padding: 0 80px 20px 40px;
}

/* ===== CONTACT PAGE STYLING ===== */

.box11 {
	width: 660px;
	position: relative;
	float: left;
}

.box11 p {
	padding: 0px 0px 15px 40px;
}

.box12 {
	width: 250px;
	position: relative;
	float: left;
}

.box12 img {
	padding: 0;
	border: 1px solid #ccc;
	float: left;
	position: relative;
}

.footerbridge_rpt p {
	text-align: center;
	color: #555;
}