/*------------------------------------reset--------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,blockquote,fieldset,input { margin: 0; padding: 0; }



*html #right-panel {
	height:251px;
}
ul, ol {
	list-style:none;
}
.floatleft {
	float:left;
	padding:0px 10px 0px 0px;
}
.floatright {
	float:right;
	padding-left:20px;
}
img {
	border:none;
}
/*layout*/
.clear {
	clear:both;
}
.clearer { 
clear: both;
height:40px;


}
.clearfix { 
clear: both;
height:20px;
}





/* ---------------------- end reset ---------------------------------*/


body {
	background:url(images/mainbg.jpg) repeat-x 0 0 #e2e2e2;
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	color:#2a2a2a;
	text-align:center;
}

#wrapper {
	width:779px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}


/* ---------------------- start header ---------------------------------*/


#header {
	width:779px;
	height:148px;
	background:url(images/headerbg.gif) no-repeat 0 0;
	over/flow:hidden;
}


#header h1 {
	width:238px;
	float:left;
}

h1#logo {

	display:inline;
	margin:72px 0px 0px 15px;
	background:url(images/logo.png) no-repeat 0 0;
	behavior:url(images/iepngfix.htc);
	width:200px;
	height:60px;


}

h1#logo a {
	width:200px;
	height:60px;
	cursor:pointer;
	display:block;
}


h1#logo a span {
	display:none;
}


#top-right {
	float:right;
	width:541px;
	margin:0px;
	padding:0px;

}


#top-right p {
	float:right;
	display:inline;
	margin:29px 20px 0px 0px;
	font-size:11px;
	color:#ffffff;
}

#nav {
	width:541px;
	height:73px;
	margin:24px 0px 0px 0px;
}


#nav ul {
	float:right;

}

#nav ul li {
	text-align:right;
	vertical-align: bottom;
	display:block;
	float:left;
	w/idth:75px;
	he/ight:19px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	m/argin:0px 0px 0px 3px;
	pa/dding:50px 10px 0px 0px;

}

#nav ul li.menu1 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:19px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:50px 10px 0px 0px;

}

#nav ul li.menu2 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:33px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:36px 10px 0px 0px;

}

#nav ul li.menu3 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:19px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:50px 10px 0px 0px;

}

#nav ul li.menu4 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:33px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:36px 10px 0px 0px;

}

#nav ul li.menu5 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:33px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:36px 10px 0px 0px;

}

#nav ul li.menu6 {
	text-align:right;
	display:block;
	float:left;
	width:75px;
	height:19px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:50px 10px 0px 0px;

}

#nav ul li {
	text-align:right;
	display:block;
	float:left;
	width:85px;
	height:69px;
	background-color:#ef7d51;
	border-bottom:4px solid #ec8a6b;
	margin:0px 0px 0px 3px;
	padding:0px 0px 0px 0px;

}
#nav ul li a {
	vertical-align:text-bottom;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#nav ul li a:hover {
	vertical-align:text-bottom;
	color:#ffffff;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

/*Drop-down menu*/
.nav2 { width:541px; border:none; height:73px; margin:24px 0px 0px 0px; whi/te-space:nowrap /*IE hack*/; } /*Color navigation bar normal mode*/
.nav2 ul { float: right; }
.nav2 ul li { z-index: auto !important; z-index: 1000; text-align: right; width: 80px; display: block; float: left; background-color: #ef7d51; margin: 0px 0px 0px 3px;	padding: 0; vertical-align: text-bottom; }
.nav2 ul li a { float: none !important; float: left; display: block; text-decoration: none; font-weight: bold; color: rgb(255, 255, 255); font-size: 12px; width: 80px;	height: 69px; line-height: 20px; }
.nav2 ul li ul { display: none; border: none; }

/*Non-IE6 hovering*/
.nav2 ul li:hover { position: relative; } /*Sylvain IE hack*/
.nav2 ul li:hover a { background-color: rgb(235, 101, 51); text-decoration: none; } /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width: 120px; position:absolute; z-index:999; top: 69px; margin-top:0; left: -0.3em; }
.nav2 ul li:hover ul li a {white-space: normal; display: block; height: 24px; width: 120px; margin-left:-1px; padding:5px; border: solid 1px rgb(235, 101, 51); border-top: none; background-color:#ef7d51; font-weight:bold; color:rgb(255, 255, 255); text-align: left; line-h/eight:1.8em; } /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover { background-color: rgb(235, 101, 51); text-decoration: none; } /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover { position: relative; z-index: 1000; background-color: rgb(235, 101, 51); text-decoration: none; } /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display: block; width: 120px; position: absolute; z-index: 999; top: 69px; left: -0.5em; }
.nav2 ul li a:hover ul li a {white-space:normal; display:block; height: 24px; width: 120px; padding: 5px; border-left:solid 1px rgb(235, 101, 51); border-bottom: solid 1px rgb(235, 101, 51); background-color:#ef7d51; font-weight:bold; color:rgb(255, 255, 255); text-align: left; } /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(235, 101, 51); text-decoration:none;} /*Color subcells hovering mode*/



/* ---------------------- end header ---------------------------------*/





/* ---------------------- start mainbody ---------------------------------*/

#mainbody {
	background:url(images/body-bg.png) repeat-y 0 0;
	behavior:url(images/iepngfix.htc);
	padding:23px 0px 28px 0px;

}

#mainbody-container {
	wid/th:712px;
	width:779px;
	border:1px solid #888888;	
	overflow:hidden;
	margin:0px 30px 0px 0px;
}

#leftcol {
	width:331px;
	float:left;
}


#rightcol {
	wid/th:381px;
	width:448px;
	float:right;
	background-color:#f5f5f5;
	min-height:521px;
}

#rightcol h2 {
	height:49px;
	background-color:#dfdfdf;
	padding:13px 0px 0px 11px;
	line-height:20px;
}

#rightcol h3 {
	background:url(images/gradient.gif) repeat-x 0 0;
	height:28px;
	wi/dth:369px;
	font-size:20px;
	padding:1px 0px 0px 12px;
	color:#ffffff;
	font-weight:normal;
	margin: 20px 0 20px 0;
}

#rightcol h4 {
	text-align:right;
	background:url(images/callbg.gif) repeat-x 0 0;
	wid/th:376px;
	height:28px;
	font-size:20px;
	color:#FFFFFF;
	padding:1px 5px 0px 0px;
	font-weight:normal;
	margin: 20px 0 0 0;
}

.content {
	padding:8px 10px 8px 12px;
	font-size: 12px;
	
}

.content p {
	padding-bottom:8px;
}

.content p.nopadding {
	margin:0px;
	padding:0px;
}

.content p a {
	font-weight:bold;
}

.services-content {
	wid/th:381px;
	width: inherit;


}
ul#services {
	float:left;
	wi/dth:149px;
	width:199px;
	padding:8px 10px 8px 12px;
}

ul#services li {
	background:url(images/icon-list.gif) no-repeat 0px 2px;
	padding:0px 0px 6px 22px;
}

ul#services li a {
	font-size:11px;
	color:#5c5c5c;
	text-decoration:none;
}
ul#services li a:hover {
	font-size:11px;
	color:#5c5c5c;
	text-decoration:underline;
}


ul#services-gallery {
	float:right;
	width:210px;
	margin:9px 0px 0px 0px;
}

ul#services-gallery li {
	display:inline
}
ul#services-gallery li em {
	float:left;
	display:block;
	margin:0px 0px 5px 0px;
	border-bottom:4px solid #bcbcbc;
	border-top:5px solid #bcbcbc;
	border-left:4px solid #bcbcbc;
	border-right:4px solid #bcbcbc;
	
}
ul#services-gallery li a span {
	display:none;
}

ul#services-gallery li a {
	float:left;
	display:block;
	background:url(images/more-menu.gif) no-repeat 0 0;
	height:62px;
	width:20px;
}


ul#services-gallery li a:hover {
	background:url(images/more-menu.gif) no-repeat -20px 0px;

}

ul#rollerdoors {
	float:left;
	width:100%;
	padding:8px 10px 8px 12px;
}

ul#rollerdoors li {
	background:url(images/icon-list.gif) no-repeat 0px 2px;
	padding:0px 0px 6px 22px;
}

ul#rollerdoors li a {
	font-size:11px;
	color:#5c5c5c;
	text-decoration:none;
}
ul#rollerdoors li a:hover {
	font-size:11px;
	color:#5c5c5c;
	text-decoration:underline;
}


/* ---------------------- end mainbody ---------------------------------*/


/* ---------------------- start footer ---------------------------------*/

#footer {
	width:100%;
	background:url(images/footerbg.gif) repeat-x 0 0;
	height:46px;
	po/sition:absolute;
	position:relative;
	bottom:0;
	right:0;
}


#footer-container {
	width:779px;
	height:46px;
	margin:0px auto;
	background:url(images/footerbg1.gif) no-repeat 0 0;

}

#footer-container p {
	font-size:11px;
	padding:12px 0px 0px 0px;
	color:#FFFFFF;
}
#footer-container p a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer-container p a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}



/* ---------------------- end footer ---------------------------------*/


/* ---------------------- classes ---------------------------------*/

h2 {
	font-size:20px;
	font-weight:normal;
}

.text-bold {
	font-weight:bold;
}

.text-hightlight {
	color:#f47316;
}




