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

body{
	margin: 0;
	padding: 0;
	font: Arial, Helvetica, sans-serif;
	background: #feb920 url(../images/bg.gif) repeat-x;
	background-position: 50% 0px;
}

.txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.headertxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.headertxt2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.headertxt3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.num{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#container {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 882px;
}
#container-about {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 922px;
}
#container-about2{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 875px;
}

#container-contact {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 882px;
}
#header {
	height: 313px;
	width: 880px;
	margin: 0px;
	background:url(../header.swf) no-repeat;
	margin-bottom: 4px;
}

#button{
	width: 880px;
	height: 25px;
	background:#240005;
}

#menu_bar {
	margin:0px;
	padding:0px;
	clear:both;
	background: #240005t;
}

#navcontainer ul {
	height:25px;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	background-color: #240005;
	color: White;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	}

#navcontainer ul li { display:inline; }

#navcontainer ul li a {
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left:15px;
	padding-right:15px;
	background-color: transparent;
	color: White;
	text-decoration: none;
	float: left;
}

#navcontainer ul li a:hover {
	height:15px;
	background-color: #DE6B02;
	color: #fff;
}
#menu_bar li#category-active a {background:#DE6B02; font-weight:bold;}

#content{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 932px;
}
#contentindex{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	/*height: 1000px;*/
}
#contentcontact{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 1077px;
}
#contentlicenses{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 959px;
}
#contentgallery{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 1832px;
}
#contentgallery2{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 1px;
}
#contentdirectors{
	float:left; width:880px; margin:0; padding:0 0 0 0px;
	height: 583px;
}
#contenttop{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:310px;
}
#contentbetween{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:100px;
}
#contenttop-about{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:350px;
}

#contenttop-about2{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:300px;
}
#contenttop-contact{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:900px;
}
#contentmiddle{
	background-color:#a08b83;
	width:880px;
	margin:0;
	height:30px;
}
#fotter {
	background-color:#23823E;
	width:880px;
	margin:0;
	height:85px;
	margin-left:auto;
	margin-right:auto;
}
#fotter-content {
	background-color:#23823E;
	width:100%;
	margin:0;
	height:85px;
}

 /* header Bottom */

#contentbottom{
	background-color:#e3d6c6;
	width:880px;
	margin:0;
	height:200px;
}
.headertxtb{
	float: left;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left:25px;
	padding-right:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}
.led{
	text-align:left;
	padding-left:25px;
	padding-top:0px;
	float:left;
	width:380px;
	height:190px;
}
.ledt{
	text-align:left;
	padding-right:00px;
	padding-top:0px;
	float:right;
	width:350px;
	height:190px;
}
.captioned_image{
	margin-right: 70px;
	margin-top: 15px;
}
.led ul#ul {
	margin-top: 0px;
	list-style-image: url("../images/bullet.gif");
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

    /* left column - PL */

    #contenttop ul#pl {
	padding: 0;
	list-style: none;
	margin-left: 25px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
    #contenttop ul#pl li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #contenttop ul#pl li a {display:block; padding:3px 0 3px 22px; background:url("../images/body_16.gif") 5px 6px no-repeat; text-decoration:none; color:#000000;}
    #contenttop ul#pl li a:hover {background-color:#e3e3e3; color:#cf2b24; font-weight:bold;}

    /* left column - PS */

    #contenttop ul#ps {padding:0; list-style:none; margin-left:25px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop ul#ps li {display:block; padding:3px 0 3px 22px; background:url("../images/body_13.gif") 5px 6px no-repeat; text-decoration:none; color:#000000;}

   /* Content - More */
    #contenttop .l-more {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
    #contenttop .l-more a  {display:block; padding:3px 0 3px 22px; background:url("../images/body_21.gif") 92px 9px no-repeat; text-decoration:none; color:#000000;}
    #contenttop .l-more a:hover { color:#ff0a00;}

   /* Content - More2 */
    #contentbottom .led .l-more {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
    #contentbottom .led .l-more a  {display:block; padding:3px 0 3px 22px; background:url("../images/body_21.gif") 92px 9px no-repeat; text-decoration:none; color:#000000;}
    #contentbottom .led .l-more a:hover { color:#ff0a00;}

   /* Content - More3 */
    #contentbottom .ledt .l-more {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
    #contentbottom .ledt .l-more a  {display:block; padding:3px 0 3px 22px; background:url("../images/body_21.gif") 92px 9px no-repeat; text-decoration:none; color:#000000;}
    #contentbottom .ledt .l-more a:hover { color:#ff0a00;}
.pl	{
	width:200px;
	text-align:left;
	float: left;
	margin: 3px 0 5px 0;
    padding: 5px;
}

.header {
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 5px;
	margin-left:30px;
	color: #508B4B;
	background:#CFE4CD;
}
.intro1 {
	float: left;
	width: 250px;
	margin: 3px 0 5px 0;
	margin-left:17px;
	padding: 5px;
}
.intro1-1 {
	float: left;
	width: 870px;
	margin: 3px 0 5px 0;
	padding: 5px;
}
.intro2 {
	float: left;
	width: 250px;
	margin: 3px 0 5px 0;
	padding: 5px;
}
.intro3 {
	float: left;
	width: 310px;
	margin: 3px 0 5px 0;
	padding: 5px;
}
	
h2 {
	font-size: 110%;
	padding: 5px;
	margin:5px;
	color: #508B4B;

}
.picbox {
    width: auto;
    line-height: 22px;
    color: #DD7CB4;
    padding: 0px 0px 6px 6px;
    border-top: none;
    text-align: center;
}

#fotter .mysitemalixi a{
	margin-top:20px;
	width:250px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#fotter .mysitemalixi a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#fotter .web-counter{
	margin-top:50px;
	margin-left:220px;
	width:190px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#fotter .mm{
	margin-top:10px;
	margin-right:40px;
	width:180px;
	float:right;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/* ABOUT US */
#about-us-header{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	height: 90px;
	background:url(../images/about-us.gif) no-repeat;
	background-position:center;
	border: 0;
}
#director-header{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	height: 40px;
	background:url(../images/director.gif) no-repeat;
	background-position:center;
	border: 0;
}

    #contenttop-about ul#director-pl {padding:0; list-style:none; margin-left:25px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop-about ul#director-pl li {display:block; padding:3px 0 3px 22px; background:url("../images/body_16.gif") 5px 6px no-repeat; text-decoration:none; color:#000000; border-bottom:1px dashed #cfcece;}
	
	 #contenttop-about ul#director-pl2 {padding:0; list-style:none; margin-left:10px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop-about ul#director-pl2 li {display:block; padding:3px 0 3px 22px; text-decoration:none; color:#000000; border-bottom:1px dashed #cfcece;}
	
	#contenttop-about ul#director-pl3 {padding:0; list-style:none; margin-left:10px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop-about ul#director-pl3 li {display:block; padding:3px 0 3px 22px; text-decoration:none; color:#000000;}
	
	#contenttop-contact ul#contact-pl3 {padding:0; list-style:none; margin-left:10px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop-contact ul#contact-pl3 li {display:block; padding:3px 0 3px 22px; text-decoration:none; color:#000000; border-bottom:1px dashed #9d7841;}
	
	#contenttop-contact ul#contact-pl4 {
	padding: 0;
	list-style: none;
	margin-left: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
    #contenttop-contact ul#contact-pl4 li {display:block; padding:3px 0 3px 22px; text-decoration:none; color:#000000; }
	
	#contenttop-contact ul#contact-pl5 {padding:0; list-style:none; margin-left:10px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    #contenttop-contact ul#contact-pl5 li {display:block; padding:3px 0 3px 22px; text-decoration:none; color:#000000; }

.director-content1 {
	float: left;
	width: 300px;
	margin: 0px 0 0px 0;
	margin-left:50px;
	padding: 0px;
}
.director-content2 {
	float: left;
	width: 250px;
	margin: 0px 0 0px 0;
	padding: 0px;
}
.director-content3 {
	float: left;
	width: 250px;
	margin: 0px 0 0px 0;
	padding: 0px;
}
#director-content4 {
	float: left;
	width: 200px;
	margin: 30px 0 0px 0;
	margin-left:50px;
	padding: 0px;
}
#director-content5 {
	float: left;
	width: 20px;
	margin: 30px 0 0px 0;
	padding: 0px;
}
#director-content6 {
	float: left;
	width: 250px;
	margin: 30px 0 0px 0;
	padding: 0px;
}
#about-us-content{
	margin: 0 0 0px 0;
	padding-top:0px;
	width: 880px;
	background-position:center;
	border: 0;
}
/* contact US */
#contact-bg{
	margin: 0 0 0px 0;
	padding-top: 20px;
	width: 880px;
	height: 267px;
	background:url(../images/contact.jpg) no-repeat;
	background-position:bottom;
	border: 0;
}
#director-contact1 {
	float: left;
	width: 150px;
	margin: 75px 0 0px 0;
	margin-left:270px;
	padding: 0px;
	text-align:right;
	font-weight:bold;
}
#director-contact2 {
	float: left;
	width: 20px;
	margin: 75px 0 0px 0;
	padding: 0px;
}
#director-contact3 {
	float: left;
	width: 400px;
	margin: 75px 0 0px 0;
	padding: 0px;
}

/* PRODUCTS LINES */

#product-lines-header{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	height: 40px;
	background:url(../images/product-lines.gif) no-repeat;
	background-position:center;
	border: 0;
}
#contenttop-product-lines{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:2601px;
}
#product-content{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	background-position:center;
	border: 0;
}
#container-product-lines {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 3175px;
}

/* SAFETY PRODUCTS */

#safety-products-header{
	margin: 0 0 0px 0;
	padding-top:15px;
	width: 880px;
	height: 40px;
	background-position:center;
	border: 0;
}
#container-product {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 7003px;
}
#contenttop-product{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:6430px;
}

/* PROJECT WRITE UPS */
#project-write-ups-header{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	height: 40px;
	background:url(../images/project-write-ups.gif) no-repeat;
	background-position:center;
	border: 0;
}
#container-project-write {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 1242px;
}
#contenttop-projects-write{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:700px;
}

/* LICNESES */
#licenses-header{
	margin: 0 0 0px 0;
	padding-top:10px;
	width: 880px;
	height: 40px;
	background:url(../images/licenses.gif) no-repeat;
	background-position:center;
	border: 0;
}
#container-licenses {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 1332px;
}
#contenttop-licenses{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:760px;
}
/* GALLERY */
#gallery-header{
	margin: 0 0 0px 0;
	padding-top:15px;
	width: 880px;
	height: 40px;
	background:url(../images/traffic-signalization.gif) no-repeat;
	background-position:center;
	border: 0;
}

#lane-marking{
	margin: 0 0 0px 0;
	padding-top:15px;
	width: 880px;
	height: 40px;
	background:url(../images/lane-marking.gif) no-repeat;
	background-position:center;
	border: 0;
}

#road-signs{
	margin: 0 0 0px 0;
	padding-top:15px;
	width: 880px;
	height: 40px;
	background:url(../images/road-signs.gif) no-repeat;
	background-position:center;
	border: 0;
}
	
#gallery-content{
	margin: 0 0 0px 0;
	padding-top:0px;
	width: 880px;
	background-position:center;
	border: 0;
}
#contenttop-gallery{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:1600px;
}
#contenttop-gallery2{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:400px;
}
#contenttop-roadmarking{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:1650px;
}
#container-gallery{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 1983px;
}
#container-gallery2{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 793px;
}

#container-roadmarking{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 2041px;
}


.contact-main{
	font-size:14px;
	color:#F00;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

.contacttxt{
	font-size:14px;
	color:#000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

/* CLIENTS */
#clients-header{
	margin: 0 0 0px 0;
	padding-top:15px;
	width: 880px;
	height: 40px;
	background:url(../images/traffic-signalization.gif) no-repeat;
	background-position:center;
	border: 0;
}
	
#clients-content{
	margin: 0 0 0px 0;
	padding-top:0px;
	width: 880px;
	background-position:center;
	border: 0;
}
#contenttop-clients{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:1600px;
}
#contenttop-clients{
	background-color:#FFFFFF;
	width:880px;
	margin:0;
	height:400px;
}

#container-clients{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 1983px;
}
#container-clients{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	height: 793px;
}


.contact-main{
	font-size:14px;
	color:#F00;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

.contacttxt{
	font-size:14px;
	color:#000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

.wrapper{
	margin:0 auto;
	width:80%;
	
}

.videowrapper{
	position:relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0px;
}

.videowrapper iframe{
	position:absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width:100%;
}