/*-----------------------------------------------
| Mansour Paving Stylesheet - MAIN
| Version          : 01.00
-------------------------------------------------*/

@import url(ext.css);
@import url(lightbox.css);
@import url(mail.css);
@import url(sitemap.css);

/*------------------- COMMON -----------------------*/

a:link img {border:none;}
a:link visited img {border:none;}
a img {border-style:none;}

FORM { MARGIN:0px; }

H1 { MARGIN:0px; }
H2 { MARGIN:0px; }
H3 { MARGIN:0px; }
H4 { MARGIN:0px; }
H5 { MARGIN:0px; }
H6 { MARGIN:0px; }

A { TEXT-DECORATION:none }
A:HOVER { color:#48ACC3; text-decoration:underline; }

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0px;
	background-color:#ECECEC;
}

.wrapper { text-align:left; width:984px; margin-right:auto; margin-left:auto; }

.page {
	width:942px;
	float:left;
	background-color:#FFFFFF;
	display:inline;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:42px;
	margin-bottom:100px;
}
.toplink { float:right; padding-top:30px; padding-right:7px; font-size:11px; color:#48ACC3; }
.toplink a { font-size:12px; color:#333333; padding-right:4px; padding-left:4px; }
.toplink a.act { text-decoration:underline; }

.menu { float:left; width:900px; background-image:url(images/menubg.gif); background-repeat:repeat-x; font-size:15px; }

.menu ul { float:left; list-style-type:none; margin:0; padding:0; width:900px; }
.menu li { display:inline; float:left; padding:0; margin:0; }

.menu a {
	line-height:2.6em;
	color:#FFFFFF;
	padding-right:15px;
	padding-left:15px;
	padding-top:11px;
	padding-bottom:11px;
	background-repeat:repeat-x;
	background-image:url(images/menubg.gif);
}
.menu a:hover {
	background-image:url(images/menubg1.gif);
	text-decoration:none;
	color:#FFFFFF;
}
.menu a.act {
	line-height:2.6em;
	color:#FFFFFF;
	padding-right:15px;
	padding-left:15px;
	padding-top:11px;
	padding-bottom:11px;
	background-repeat:repeat-x;
	background-image:url(images/menubg1.gif);
	text-decoration:none;
}
.header {
	width:907px;
	background-image:url(images/headerbg.gif);
	background-repeat:repeat-x;
	float:left;
}

.col-main { float:left; width:900px; background-image:url(images/vline1.gif); background-repeat:repeat-y;  }

.sidebar { float:left; width:169px; }
.sidebar ul { margin:0px; padding:0px; list-style-type:none; float:left; width:169px; }
.sidebar ul li { border-bottom:1px solid #E0F2F5; display:block; margin:0; width:auto; }
.sidebar ul li a { color:#333333; text-decoration:none; }
.sidebar ul li a:hover,
.sidebar ul li a.act{ color:#48ACC3; text-decoration:none; }


.sidebar li.level-1 	{ padding-top:5px; padding-bottom:5px; padding-left:0px; }
.sidebar li.level-1 a 	{ font-size:13px!important; background:url(images/level1_bullet.gif) no-repeat left center; padding-left:11px; }
.sidebar li.level-2 	{ padding-top:5px; padding-bottom:5px; padding-left:10px; }
.sidebar li.level-2 a 	{ font-size:12px!important; background:url(images/level2_bullet.gif) no-repeat left center; padding-left:11px;  }
.sidebar li.level-3 	{ padding-top:5px; padding-bottom:5px; padding-left:20px; }
.sidebar li.level-3 a 	{ font-size:11px!important; background:url(images/level3_bullet.gif) no-repeat left center; padding-left:11px;  }

.sidebar .leftMainHead { width:169px; border-bottom:3px solid #67BBCD; padding-top:10px; }
.sidebar .leftMainHead a,
.sidebar .leftMainHead a:hover { font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:18px; color:#333333; text-decoration:none; font-weight:normal; }

.homepicture {
	float:left;
	width:900px;
}

.toptext {
	font-family:"Arial Narrow";
	font-size:14px;
	text-align:right;
	float:left;
	width:964px;
	color:#666666;
	letter-spacing:8px;
	padding-top:12px;
	padding-bottom:12px;
	text-transform:uppercase;
}
.logo {
	float:left;
}
.breadcrumbs {
	float:left;
	width:724px;
	/*background-image:url(images/bredkrimps_bg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:8px;
	padding-bottom:3px;
	color:#333333;
	/*border-left-width:1px;
	border-left-style:solid;
	border-left-color:#E0F2F5;*/
	display:inline;
	padding-left:6px;
}
.breadcrumbs a {
	color:#48ACC3;
}
.breadcrumbs span {
	color:#969696;
}

.content {
	float:left;
	width:724px;
	/*border-left-width:1px;
	border-left-style:solid;
	border-left-color:#E0F2F5;*/
	padding-bottom:25px;
	display:inline;
	padding-left:6px;
	min-height:350px;
	height:auto !important; 
	height:350px;
}
.picture {
	float:right;
	border:4px solid #ECECEC;
	padding:3px;
	margin-bottom:15px;
	margin-left:15px;
}
.sp {
	float:left;
	border:3px solid #ECECEC;
	padding:2px;
	margin-left:4px;
	display:inline;
	margin-right:4px;
	margin-bottom:8px;
}
.content h1 {
	font-size:23px;
	color:#333333;
	padding-top:5px;
	padding-bottom:4px;
	font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.content h1 span {
	color:#48ACC3;
}
.content p {
	margin-top:10px;
	padding-right:15px;
}
.content a {
	color:#48ACC3;
}
.content .qhead {
	color:#48ACC3;
}
.footer {
	float:left;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.footer a {
	color:#48ACC3;
}
.footer a.websiteDesign, .footer a.websiteDesign:hover {
	color:#999999;
	text-decoration:none;
}
.copyright em {
	font-style:normal;
	color:#48ACC3;
}
.copyright {
	float:left;
	line-height:1.5em;
}
.sitelink {
	float:right;
	line-height:1.5em;
}
/*****************************************************************************************/

.gallery-outer-home{ 
	background: url(images/sliderbg.gif) repeat-x;
	position:relative;
	width:900px;
	margin-top:496px;
	float:left;
	z-index:1; 
}

.gallery-outer{ 
	background:#F5F5F5 url(images/sliderbg.gif) repeat-x;
	position:relative;
	width:900px;
	float:left;
	z-index:1; 
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 820px; /*Width of Carousel Viewer itself*/
	height: 100px; /*Height should enough to fit largest content's height*/
	margin-left:40px;

}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 3px 10px; /*margin around each panel*/
	width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img { float:left; border:2px solid #FFFFFF; }
.stepcarousel .panel .desc { width:250px; float:right; font-family:"AvantGarde Bk BT",Arial,Helvetica,sans-serif; font-size:15px; font-weight:normal; display:inline; position:absolute; padding-left:5px;  }
.stepcarousel .panel .desc h1 a,
.stepcarousel .panel .desc h1 a:hover{ color:#48ACC3; font-size:20px; font-weight:normal; text-decoration:none; }
.stepcarousel .panel .desc h1 a span{ color:#333333;  }
.picture-slides-container { float:left; display:inline; height:605px; }
.picture-slides-image{ position:absolute; }