/*
Default Theme Stylesheet
Name:Style.CSS
Author: Nauman Hameed
Organisation: mystifyingeffects.com
Description: default theme
Date of Start: September 20th 2009
Date of Last Changes: Octaber 1st 2009
*/


/* Default Tags - Re-defined
----------------------------------------------------------------------------------- */

body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input, a, ol, img, span, hr, label, textarea, fieldset, legend, br, * {
	margin: 0;
	padding: 0;
	border:0;
}

.clear {
	clear:both;
}

a {
	color:#ffc000;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#ffc000;
	text-decoration:none;
	outline:none;
}

h1 {
	float:left;
	font-size:18px;
	color:#FFFFFF;
	padding:0 0 10px 0;
	width:400px;
	font-family:verdana;
}

h2 {
	float:left;
	font-size:17px;
	color:#ffc000;
	padding:0 0 10px 0;
	width:400px;
}

h3 {
	float:left;
	font-size:13px;
	color:#CCC;
	padding:10px 0px 10px 0;
	width:400px;
}

.right_para {
	float:right !important;
	padding:0 !important;
	margin:25px 0 0 0 !important;
}

.right-p {
	float:right !important;
	padding:0 !important;
	margin:0 !important;
}


/* Body
----------------------------------------------------------------------------------- */

body {
	background:#272425 url(../images/site_background.jpg) repeat-x;
	font:normal normal normal 11px/1.4 Tahoma;
	color:#adadad
}

/* Site Wrapper
----------------------------------------------------------------------------------- */

#site-wrapper {
	margin:0 auto;
	width:1004px;
	border-bottom:4px solid #000;
}


/* Logo Container
----------------------------------------------------------------------------------- */

#logo-container {
	width:1004px;
	float:left;
	min-height:80px;
	height:auto !important;
	height:80px;
}

#logo-container img.slogan {
	float:left;
	margin:24px 0 0 15px;
}

#logo-container img.phone {
	float:right;
	margin:12px 10px 0 0;
}


/* Site Navigation
----------------------------------------------------------------------------------- */

#navigation {
	width:1004px;
	float:left;
}

#navigation ul{
	width:1004px;
	list-style-type: none;
	float:left;
	height:63px;
	padding-bottom:0;
}

#navigation li{
	float: left;
}

#navigation a{
	display: block;
	color: black;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:63px;
	text-indent:-9999px;
}

#navigation a:hover, #navigation a.selected{
	color: #d6e0ea;
}

#menu_home a, #menu_home a:visited {
	width:200px;
	background:url(../images/site_navigation.jpg) no-repeat 0px 0px;
}
#menu_home a:hover{
	background:url(../images/site_navigation.jpg) no-repeat 0px -65px;
	width:200px;
}
#home_select {
	background:url(../images/site_navigation.jpg) no-repeat 0px -65px;
	width:200px;
	height:63px;
	text-indent:-9999px;
}


#menu_about a, #menu_about a:visited {
	width:200px;
	background:url(../images/site_navigation.jpg) no-repeat -200px 0px;
}
#menu_about a:hover{
	background:url(../images/site_navigation.jpg) no-repeat -200px -65px;
	width:200px;
}
#about_select {
	background:url(../images/site_navigation.jpg) no-repeat -200px -65px;
	width:200px;
	height:63px;
	text-indent:-9999px;
}


#menu_product a, #menu_product a:visited {
	width:200px;
	background:url(../images/site_navigation.jpg) no-repeat -400px 0px;
}
#menu_product a:hover{
	background:url(../images/site_navigation.jpg) no-repeat -400px -65px;
	width:200px;
}
#product_select {
	background:url(../images/site_navigation.jpg) no-repeat -400px -65px;
	width:200px;
	height:63px;
	text-indent:-9999px;
}

#menu_tech a, #menu_tech a:visited {
	width:200px;
	background:url(../images/site_navigation.jpg) no-repeat -600px 0px;
}
#menu_tech a:hover{
	background:url(../images/site_navigation.jpg) no-repeat -600px -65px;
	width:200px;
}
#tech_select {
	background:url(../images/site_navigation.jpg) no-repeat -600px -65px;
	width:200px;
	height:63px;
	text-indent:-9999px;
}

#menu_contact a, #menu_contact a:visited {
	width:204px;
	background:url(../images/site_navigation.jpg) no-repeat -800px 0px;
}
#menu_contact a:hover{
	background:url(../images/site_navigation.jpg) no-repeat -800px -65px;
	width:204px;
}
#contact_select {
	background:url(../images/site_navigation.jpg) no-repeat -800px -65px;
	width:204px;
	height:63px;
	text-indent:-9999px;
}


/* Site Headers
----------------------------------------------------------------------------------- */

#header {
	width:1004px;
	float:left;
	height:293px;
	border-bottom:solid 5px #000;
	border-top:solid 5px #000;
	background:url(../images/home_header.jpg) no-repeat center top;
}

#header_home {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/home_header.jpg) no-repeat center top;
}

#header_aboutus {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/aboutus_header.jpg) no-repeat center top;
}

#header_lightweight {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/lightweight_header.jpg) no-repeat center top;
}

#header_solid {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/solid_header.jpg) no-repeat center top;
}

#header_double {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/double_header.jpg) no-repeat center top;
}

#header_beam {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/beam_header.jpg) no-repeat center top;
}

#header_wall {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/wall_header.jpg) no-repeat center top;
}

#header_cell {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/cell_header2.jpg) no-repeat center top;
}

#header_skin {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/skin.jpg) no-repeat center top;
}

#header_pre_beams {
	width:1004px;
	float:left;
	height:293px;
	background:url(../images/pre_beams.jpg) no-repeat center top;
}



#header img.logo {
	float:left;
	margin:1px 0 0 69px;
}

#header img.sponcer {
	float:right;
	margin:25px 0 0 0;
	clear:right;
}

#header img.tagline {
	float:right;
	margin:35px 0 0 0;
	clear:right;
}



/* Body Container
----------------------------------------------------------------------------------- */

#content_container {
	width:998px;
	float:left;
	border-top:solid 3px #1c191a;
	border-right:solid 3px #1c191a;
	border-left:solid 3px #1c191a;
	border-bottom:solid 2px #272425;
	background:#0c0c0c url(../images/body_container_background.jpg) repeat-y;
}

#welcome_container{
	width:658px;
	float:left;
	min-height:353px;
	height:auto !important;
	height:353px;
	padding:0 47px 0 9px;
}

#welcome_container img {
	float:left;
	margin:28px 14px 0 0;
}

#welcome_container p{
	float:left;
	width:490px;
	padding:15px 0 0 0;
}

#welcome_container ul{
	width:108px;
	list-style-type: none;
	float:right;
	height:27px;
	padding-bottom:0;
	margin:25px 0 0 0;
}

#welcome_container li{
	float: left;
}

#welcome_container li a{
	display: block;
	color: black;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:27px;
	text-indent:-9999px;
}

#welcome_container li a:hover, #welcome_container a.selected{
	color: #d6e0ea;
}

#welcome_container p a {
	color:#ffffff;
	text-decoration:none;
	outline:none;
}

#welcome_container p a:hover, #welcome_container p a.selected {
	color:#ffffff;
	text-decoration:underline;
	outline:none;
}

.menu_readmore a, .menu_readmore a:visited {
	width:108px;
	height:27px;
	background:url(../images/readmore_button.gif) no-repeat 0px 0px;
}
.menu_readmore a:hover{
	background:url(../images/readmore_button.gif) no-repeat 0px -27px;
	width:108px;
	height:27px;
}

/* Right Column
----------------------------------------------------------------------------------- */

.button {
	 margin:10px 4px 0 0;
	 float:right !important;
}

#right_column_form {
	width:239px;
	height:189px;
	float:right;
	padding:0 25px 0 0;
	background:url(../images/brochure-bg.jpg) no-repeat center top; 
}

#right_column_form p {
	float:left;
	width:200px;
	padding:0 0 6px 0;
	margin-left:10px;
}

#right_column_form input {
	float:left;
	width:220px;
	margin:0 0 6px 10px;
	background-color:#333;
	border:#666 solid 1px;
	color:#ccc;
	font-size:11px;
	padding:3px 2px 2px 2px;
}

#right_column_form textarea {
	float:left;
	width:220px;
	height:65px;
	margin:0 0 6px 10px;
	background-color:#333;
	border:#666 solid 1px;
	color:#ccc;
	font-size:11px;
	padding:3px 2px 2px 2px;
}

#right_column{
	width:280px;
	float:right;
	min-height:373px;
	height:auto !important;
	height:373px;
	margin-left:1px;
	padding:31px 0 0 0px;
}

#right_column img{
	float:left;
	margin-bottom:19px;
}

#right_column ul{
	list-style-type:none;
	margin-left:15px;
}

#right_column li{
	float:left;
	width:210px;
	padding:0 0 10px 20px;
	background:url(../images/bullet.gif) no-repeat left 4px;
}

#con {
	float:right !important;
	width:247px !important;
	padding:0 16px 0 0 !important;
}

/* Feature Container
----------------------------------------------------------------------------------- */

#featured_container{
	width:651px;
	float:left;
	min-height:246px;
	height:auto !important;
	height:246px;
	border-top:4px solid #1c191a;
	padding:20px 40px 0 23px;
}

#featured_container img.project {
	float:right;
	margin:0;
}

#featured_container img {
	float:left;
	margin:0 0 10px 0; 
}

#featured_container p {
	float:left;
	width:400px;
	padding:5px 0 0 0;
}

#featured_container ul{
	width:108px;
	list-style-type: none;
	float:right;
	height:27px;
	padding-bottom:0;
	margin:17px 90px 0 0;
}

#featured_container li{
	float: left;
}

#featured_container a{
	display: block;
	color: black;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:27px;
	text-indent:-9999px;
}

#featured_container a:hover, #featured_container a.selected{
	color: #d6e0ea;
}

#menu_more a, #menu_more a:visited {
	width:108px;
	background:url(../images/readmore_button.gif) no-repeat 0px 0px;
}
#menu_more a:hover{
	background:url(../images/readmore_button.gif) no-repeat 0px -27px;
	width:108px;
}


/* Footer
----------------------------------------------------------------------------------- */

#footer-container{
	background:#272626 url(../images/footer_bg.gif) repeat-x;
	width:100%;
	min-height:78px;
	height:auto !important;
	height:78px;	
}

#footer{
	width:1004px;
	margin:0 auto;
}

#footer p{
	width:495px;
	float:left;
	padding:32px 0 0 7px;
}

#footer p.credits{
	width:495px;
	float:right;
	padding:32px 7px 0 0;
	text-align:right;
	color:#ffc000;
}


/* Inner Pages Body Container
----------------------------------------------------------------------------------- */

#content_container_inner {
	width:998px;
	float:left;
	border-top:solid 3px #1c191a;
	border-right:solid 3px #1c191a;
	border-left:solid 3px #1c191a;
	border-bottom:solid 2px #272425;
	background:#0c0c0c url(../images/innerpage_body_background.gif) repeat-y;
}


/* Inner Pages Left Navigation Container
----------------------------------------------------------------------------------- */

#leftpanel_container_inner {
	float:left;
	width:234px;
	padding:8px 0;
}


/* Left Navigation
----------------------------------------------------------------------------------- */


#leftpanel_container_inner ul{
	width:234px;
	list-style-type: none;
	float:left;
}

#leftpanel_container_inner li{
	float: left;
}

#leftpanel_container_inner a{
	display: block;
	color: black;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:70px;
	text-indent:-9999px;
}

#leftpanel_container_inner a:hover, #leftpanel_container_inner a.selected{

}

#menu_lightweight a, #menu_lightweight a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px 0px;
}
#menu_lightweight a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px 0px;
	width:234px;
}
#lightweight_select {
	background:url(../images/left_navigation.gif) no-repeat -234px 0px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_prestressed a, #menu_prestressed a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -70px;
}
#menu_prestressed a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -70px;
	width:234px;
}
#prestressed_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -70px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}


#menu_double a, #menu_double a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -140px;
}
#menu_double a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -140px;
	width:234px;
}
#double_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -140px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_integrated a, #menu_integrated a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -210px;
}
#menu_integrated a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -210px;
	width:234px;
}
#integrated_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -210px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_walls a, #menu_walls a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -280px;
}
#menu_walls a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -280px;
	width:234px;
}
#walls_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -280px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_cell a, #menu_cell a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -350px;
}
#menu_cell a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -350px;
	width:234px;
}
#cell_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -350px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_skin a, #menu_skin a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -420px;
}
#menu_skin a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -420px;
	width:234px;
}
#skin_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -420px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

#menu_beams a, #menu_beams a:visited {
	width:234px;
	background:url(../images/left_navigation.gif) no-repeat 0px -490px;
}
#menu_beams a:hover{
	background:url(../images/left_navigation.gif) no-repeat -234px -490px;
	width:234px;
}
#beams_select {
	background:url(../images/left_navigation.gif) no-repeat -234px -490px;
	width:234px;
	height:70px;
	text-indent:-9999px;
}

/* Inner Pages right content Container
----------------------------------------------------------------------------------- */

#right_container_inner {
	float:left;
	width:700px;
	padding:20px 23px 5px 30px;
}

#right_container_inner img {
	float:left;
	margin:20px 0 25px 0;
}

#right_container_inner img.right {
	float:right;
	margin:80px 0 0 0;
}

#right_container_inner img.right_tech {
	float:left;
	margin:10px 0 20px 10px;
}


#right_container_inner p {
	float:left;
	width:400px;
	padding: 0 0 15px 0;
}

#right_container_inner span {
	float:left;
	color:#ffc000;
	width:700px;
}

.width {
	width:690px !important;
}

#right_container_inner ul {
	list-style:none;
}

#right_container_inner li {
	float:left;
	width:350px;
	padding:0 0 10px 15px;
	background:url(../images/arrow_bullet.gif) no-repeat left 5px;
}

.list ul{
	list-style:none;
}

.list li {
	float:left;
	width:650px !important;
	padding:0 0 10px 15px;
	background:url(../images/arrow_bullet.gif) no-repeat left 5px;
}

#tech {
	width:722px;
	float:right;
	padding:0 0 20px 0
}

#tech ul{
	width:208px;
	list-style-type: none !important;
	float:left;
	height:27px;
	margin:25px 0 0 0 ;
}

#tech li{
	float: left;
	background-image:none;
}

#tech a{
	display: block;
	color: black;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:27px;
	text-indent:-9999px;
}

#tech a:hover, #tech a.selected{
}

.menu_tech_button a, .menu_tech_button a:visited {
	width:208px;
	background:url(../images/tech_button.gif) no-repeat 0px 0px;
}
.menu_tech_button a:hover{
	background:url(../images/tech_button.gif) no-repeat 0px -27px;
	width:208px;
}

.menu_pro_button a, .menu_pro_button a:visited {
	width:208px;
	background:url(../images/pro_button.gif) no-repeat 0px 0px;
}
.menu_pro_button a:hover{
	background:url(../images/pro_button.gif) no-repeat 0px -27px;
	width:208px;
}

#table {
	float:left;
	width:700px;
	margin:0;
	padding:15px 0 40px 0 ;
}

.color {
	color:#fff;
	font-size:13px;
	height:25px;
}

.line-height {
	line-height:18px;
}

/* About Us Page
----------------------------------------------------------------------------------- */

#about_container{
	width:980px;
	float:left;
	min-height:223px;
	height:auto !important;
	height:223px;
	padding:0 9px 16px 9px;
}

#contact_details	{
	width:357px;
	margin:15px 0 0 0;
	float:left;
	border:#303030 1px solid;
	background:#1c1c1c;
	padding:10px;
	}

#about_container form{
	width:400px;
	float:left;
	padding:10px 0 0 0;
	}
	
#about_container ul{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:300px;
	}
	
#about_container li{
	float:left;
	margin:0;
	padding:0;
	width:370px;
	background: url(../images/input-bg.jpg) no-repeat right top;
	}
	
#about_container li.txt{
	float:left;
	margin:0;
	padding:0;
	height:95px;
	background: url(../images/txt-bg.jpg) no-repeat right top;
	}			
	
#about_container form label{
	float:left;
	margin:0;
	padding:5px 10px 0 0;
	}
	
#about_container form input{
	width:276px;
	float:right;
	margin:5px 10px 10px 0px;
	font: normal 11px tahoma;
	color:#ADADAD;
	background:none;
	border:none;
	padding:3px 0 0 0px;
	}
	
#about_container form input.btn{
	width:74px;
	float:right;
	height:23px;
	font-size:11px;
	background: url(../images/btn-bg.jpg) no-repeat left top;
	color:#FFF;
	padding:0 0 2px 0;
	}
	
#about_container form textarea{
	float:right;
	margin:5px 10px 10px 0px;
	font: normal 11px tahoma;
	background:none;
	overflow:auto;
	border:none;
	color:#ADADAD;
	width:276px;
	padding:3px 0 0 0px;
	}				




#about_container img {
	float:left;
	margin:28px 14px 0 0;
}

#about_container p{
	float:right;
	width:797px;
	padding:15px 15px 0 0;
}

#rest_content_container {
	width:998px;
	float:left;
	border-top:solid 3px #1c191a;
	border-right:solid 3px #1c191a;
	border-left:solid 3px #1c191a;
	border-bottom:solid 2px #272425;
	background-color:#0c0c0c;
}