/* X Communications Stylesheet */
* { margin: 0; padding: 0; }	/* Reset all padding and margin */

html { height: 100%; margin-bottom: 1px; }

/* Basic and global definitions */
body { background:#000 url(../img/black/bodybg.gif) no-repeat 100% 0; font-family: 'Trebuchet MS', Arial, Helvetica, Arial, sans-serif; font-size: 66.5%; color: #CBD6D6; margin:0 auto; }

.printlogo	{
	display:none;
}

#homeBody { background-image:url(../img/black/homebg.gif); }

.clear { width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both; }
div>.clear { height:1px; }

a { color:#f00; outline:0; }
a:hover	{ color:#0f0; }

img	{ border:none; display:block; }
.inlineImg { display: inline;}


/* image replacement for graphical links */
.imgRep {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	float:left;
	width:180px;
	height:35px;
	background:#000 url(../img/black/navigation.gif) no-repeat;
}

.imgRep:hover {
	background-position:0 -35px;
}

/* Layouts */
#header {
	margin:0 auto;
	height:130px;
	width:760px;
}

#main {
	margin:0 auto; 
	width:760px;
}

#navcol {
	float:left;
	width:180px;
}

#contcol {
	float:right;
	width:560px;
	margin-bottom:40px;
}

#footer {
	margin:0 auto; 
	clear:both;
	width:760px;
}

/* float images */
.ifl 	{ float:left; margin:0 20px 10px 0; border:5px solid #1F2121; }
.ifr 	{ float:right; margin:0 0 10px 20px; border:5px solid #1F2121; }

/* Header  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* @Accessibility menu */
#accessmenu {
	height:2em;
	background:#000;
}

#accessmenu li {
	display:inline;
	padding:0 5px 0 0;
}

#accessmenu:hover a {
	color:#4F5656;
}

#accessmenu li a {
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}

#accessmenu li a:hover {
	color:#9C9D9D;
}

/* @Logo */
#logo {
	background:#000 url(../img/black/xcommunications-logo.gif) no-repeat;
	text-decoration: none;
	color:#000;
	display:block;
	float:left;
	width:190px;
	height:70px;
}

#logo:hover {
	color:#9C9D9D;
	background-position: 0 -70px;
}

#logo span {
	display:none;
}

#logo em {
	display:block;
	font-style:normal;
	font-size:0.9em;
	padding:50px 0 0 0;
}

/* @Header Navigation */
#headernav {
	float:right;
	width:560px;
}

/* @Home Header */
#homeheadLeft {
	float:left;
	width:420px;
}

#homeBody #header {
	height:360px;
	background: url(../img/black/homeheadbg.gif) repeat-x;
}

#homeheadLeft #logo {
	float:none;
	height:64px;
}

#homeX {
	float:right;
}

#flashcontent {
	float:left;
	border:red;
}

/* @Main Menu  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#mainmenu {
	float:right;
}

#homeheadLeft #mainmenu {
	float:left;
	margin:1px 0 20px 0;
}

#mainmenu li {
	display:inline;
}

#mainmenu a {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	float:left;
	width:80px;
	height:35px;
	background:#000 url(../img/black/navigation.gif) no-repeat;
}

#mi01 a	{ background-position: 0 0; width:55px; }
#mi02 a	{ background-position: -55px 0; width:83px; }
#mi03 a	{ background-position: -138px 0; width:78px; }
#mi04 a	{ background-position: -216px 0; width:88px; }
#mi05 a	{ background-position: -304px 0; width:72px; }
#mi06 a	{ background-position: -376px 0; width:44px; }

#mi01.on a	{ background-position: 0 -100px; width:55px; }
#mi02.on a	{ background-position: -55px -100px; width:83px; }
#mi03.on a	{ background-position: -138px -100px; width:78px; }
#mi04.on a	{ background-position: -216px -100px; width:88px; }
#mi05.on a	{ background-position: -304px -100px; width:72px; }
#mi06.on a	{ background-position: -376px -100px; width:44px; }

#mi01 a:hover	{ background-position: 0 -50px; width:55px; }
#mi02 a:hover	{ background-position: -55px -50px; width:83px; }
#mi03 a:hover	{ background-position: -138px -50px; width:78px; }
#mi04 a:hover	{ background-position: -216px -50px; width:88px; }
#mi05 a:hover	{ background-position: -304px -50px; width:72px; }
#mi06 a:hover	{ background-position: -376px -50px; width:44px; }

/* @breadcrumbs */
#bcrumbs {
	margin-top:5em;
}

#bcrumbs li { display:inline; list-style:none; font-size:0.9em; color:#7F8080; padding:0 10px 0 5px; background: url(../img/black/bcrumb_arrow.gif) no-repeat 100% 6px; }
#bcrumbs li.first { padding:0 10px 0 0; }
#bcrumbs li.end { background:none; }
#bcrumbs a { color:#9C9D9D; text-decoration:none; }
#bcrumbs a:hover { color:#9C9D9D; border-bottom:1px dotted #4F5656; }


/* @Navigation Column  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#navcol {
	border-top:1px solid #E06A3B;
}

#lvlonemenu li, #lvltwomenu li, #catmenu li, #extramenu li { width:180px; list-style:none; }

#navcol li a { display:block; color:#9C9D9D; text-decoration:none; list-style:none; border-bottom:1px solid #323636; padding:4px 4px 4px 4px; }
#navcol li a:hover { color:#CBD6D6; }

#lvlonemenu, #catmenu 			{ margin-bottom:3em; }
#lvlonemenu a.on, #catmenu a.on	{ background:#1F2121; color:#CBD6D6; border-bottom:1px solid #1F2121; }

#lvltwomenu 			{ background:#1F2121; }
#lvltwomenu li a 		{ border-top:1px dotted #000;  border-bottom:1px solid #1F2121; padding:2px 8px 2px 18px;}
#lvltwomenu li.last a 	{ padding:4px 4px 8px 18px; }
#lvltwomenu a.on 		{ color:#CBD6D6; }

#catmenu, #extramenu 	{ border-top:1px solid #4F5656; }

/* @extra menu section */
#navcol h3 				{ color:#E06A3B; font-style:italic; font-size:1.2em; }
#extramenu li a 		{ border-bottom:1px solid #202222; }	
#make_an_enquiry 		{ background-image: url(../img/black/imgRep/make_an_enquiry.gif); }

/* Content Styles -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Main heading */
/* @headingswrap */
#headingswrap {  }
h1#makesifr { color:#fff; text-transform:uppercase; }
#headingswrap h2 { color:#CBD6D6; text-transform:uppercase; }
#headingswrap p { color:#9C9D9D; font-weight:bold;  }


.level1 		{ border-top:1px solid #E06A3B; }
.level1 div 	{ padding:8px 80px 4px 80px; min-height:52px;  border-bottom:1px solid #E06A3B;  }
.level1 h1		{ margin-top:4px; }
.level1 p 		{ margin:10px 15px;  }

.level2left 	{ min-height:212px; border-top:1px solid #E06A3B; border-bottom:1px solid #323636; background:#1F2121; background-position:left; }
.level2left h1 	{ margin:20px 0 0 220px; min-height:35px;}
.level2left h2 	{ margin:0 0 0 220px; } 
.level2left p 	{ margin:15px 15px 0 220px; }

.level2right 	{ height:212px; border-top:1px solid #E06A3B; border-bottom:1px solid #323636; background:#1F2121; background-position:right; }
.level2right h1 { margin:20px 0 0 20px; height:35px;}
.level2right h2 { margin:0 0 0 20px; }
.level2right p 	{ margin:15px 240px 0 20px; }

.levelAlt	 	{ height:89px; border-top:1px solid #E06A3B; border-bottom:1px solid #323636; background:#1F2121; background-position:right; }
.levelAlt h1 	{ margin:15px 0 0 20px; height:35px;}
.levelAlt h2 	{ margin:0 0 0 20px; }

.level3			{ height:133px; border-top:1px solid #E06A3B; border-bottom:1px solid #4F5656; }
.level3 h1		{ color:#9C9D9D; font-weight:normal; padding:4px 7px; margin:0 0 10px 0; font-size:1.4em; }
.level3 h2		{ margin:10px 0 5px 10px; }
.level3 p	 	{ margin:0 220px 0 10px; }
 
/* Big X bgs */
.paintsplat				{ background:#1F2121 url(../img/black/bigX/paint_splat.gif) no-repeat right; }
.beans_services			{ background:url(../img/black/bigX/beans_services.jpg) no-repeat ; }
.fabric					{ background:#1F2121 url(../img/black/bigX/fabric.gif) no-repeat ; }
.news					{ background:#1F2121 url(../img/black/bigX/news.gif) no-repeat ; }
.spots_cont_man			{ background:url(../img/black/bigX/spots_cont_man.gif) no-repeat ; }

		/* bigX on the left */
		.beans_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/beans.jpg) no-repeat; }
		.ctest_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/ctest.jpg) no-repeat; }
		.felt_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/felt.jpg) no-repeat; }
		.lego_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/lego.jpg) no-repeat; }
		.lights_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/lights.jpg) no-repeat; }
		.marker_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/marker.jpg) no-repeat; }
		.paint_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/paint.jpg) no-repeat; }
		.paths_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/paths.jpg) no-repeat; }
		.postit_bxl				{ background:#1F2121 url(../img/black/bigX/bigXlhs/postit.jpg) no-repeat; }
		
		/* bigX on the right */
		.beans_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/beans.jpg) no-repeat; }
		.ctest_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/ctest.jpg) no-repeat; }
		.felt_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/felt.jpg) no-repeat; }
		.lego_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/lego.jpg) no-repeat; }
		.lights_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/lights.jpg) no-repeat; }
		.marker_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/marker.jpg) no-repeat; }
		.paint_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/paint.jpg) no-repeat; }
		.paths_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/paths.jpg) no-repeat; }
		.postit_bxr				{ background:#1F2121 url(../img/black/bigX/bigXrhs/postit.jpg) no-repeat; }
		
		/* bigX 1 line */
		.beans_onelx			{ background:#1F2121 url(../img/black/bigX/1line/beans.jpg) no-repeat; }
		.ctest_onelx			{ background:#1F2121 url(../img/black/bigX/1line/ctest.jpg) no-repeat; }
		.felt_onelx				{ background:#1F2121 url(../img/black/bigX/1line/felt.jpg) no-repeat; }
		.lego_onelx				{ background:#1F2121 url(../img/black/bigX/1line/lego.jpg) no-repeat; }
		.lights_onelx			{ background:#1F2121 url(../img/black/bigX/1line/lights.jpg) no-repeat; }
		.marker_onelx			{ background:#1F2121 url(../img/black/bigX/1line/marker.jpg) no-repeat; }
		.paint_onelx			{ background:#1F2121 url(../img/black/bigX/1line/paint.jpg) no-repeat; }
		.paths_onelx			{ background:#1F2121 url(../img/black/bigX/1line/paths.jpg) no-repeat; }
		.postit_onelx			{ background:#1F2121 url(../img/black/bigX/1line/postit.jpg) no-repeat; }
		
		/* bigX 2 lines */
		.beans_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/beans.jpg) no-repeat; }
		.ctest_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/ctest.jpg) no-repeat; }
		.felt_twolx				{ background:#1F2121 url(../img/black/bigX/2lines/felt.jpg) no-repeat; }
		.lego_twolx				{ background:#1F2121 url(../img/black/bigX/2lines/lego.jpg) no-repeat; }
		.lights_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/lights.jpg) no-repeat; }
		.marker_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/marker.jpg) no-repeat; }
		.paint_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/paint.jpg) no-repeat; }
		.paths_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/paths.jpg) no-repeat; }
		.postit_twolx			{ background:#1F2121 url(../img/black/bigX/2lines/postit.jpg) no-repeat; }
		
		/* bigX 3 lines */
		.beans_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/beans.jpg) no-repeat; }
		.ctest_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/ctest.jpg) no-repeat; }
		.felt_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/felt.jpg) no-repeat; }
		.lego_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/lego.jpg) no-repeat; }
		.lights_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/lights.jpg) no-repeat; }
		.marker_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/marker.jpg) no-repeat; }
		.paint_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/paint.jpg) no-repeat; }
		.paths_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/paths.jpg) no-repeat; }
		.postit_threelx			{ background:#1F2121 url(../img/black/bigX/3lines/postit.jpg) no-repeat; }

/* @content */
#content {
	margin:20px 0;
	color:#9C9D9D;
}

#content h3 { margin:0 0 5px 0; font-size:1.35em; font-weight:normal; text-transform:uppercase; color:#CBD6D6; border:1px solid #242626; border-width:1px 0; padding:5px 0;}
#content h4 { margin:0 0 5px 0; font-size:1.25em; font-weight:normal; color:#CBD6D6; }
#content h5 { margin:0 0 5px 0; font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#CBD6D6; }
#content h6 { margin:0 0 5px 0; font-size:1.1em; font-weight:normal; color:#CBD6D6; }

#content p 	{ padding:0 0 15px 0; line-height:1.65em; }
#content em { color:#CBD6D6; font-style:normal; }

#content a 	{ color:#CBD6D6; text-decoration:none; border-bottom:1px dotted #E06A3B; }
#content a:hover { color:#fff; text-decoration:none; border-bottom:1px dotted #4F5656; }

#content ul { margin:0 0 20px 20px; }
#content ol { margin:0 0 20px 26px; }
#content ul li { list-style-image: url(../img/black/bullet.gif); margin:0 0 4px 0;}

#content dt { color:#CBD6D6; }
#content dd { margin:0 0 5px 0; }
#content dl { margin:0 0 15px 0; }

#content blockquote		{ background:#1F2121; padding:5px 10px; border:1px solid #323636; border-width:1px 0; margin:0 0 5px 0;}
#content blockquote p	{ padding:0; }

/* icons */
#content .iconsList		{ margin:0; padding:0; }
#content .iconsList li	{ display:inline; list-style:none; margin:0 0 0 2px; padding:0; }
#content .icons			{ width:16px; height:16px; border:0; background-color:#4F5656;}
#content .icons:hover	{ background-position:0; border:0; background-color:#9C9D9D; }
.cd						{ background:url(../img/black/imgRep/icon_cd.gif); }
.cms					{ background:url(../img/black/imgRep/icon_cms.gif); }
.tscrn					{ background:url(../img/black/imgRep/icon_tscrn.gif); }
.web					{ background:url(../img/black/imgRep/icon_web.gif); }

/* ext links */
#content .extLink		 	{ list-style: none; margin:0 0 10px 5px; }
#content .extLink	li 	{ margin:0 0 6px 0; list-style: none;  }
#content .extLink	li a 	{ background: url(../img/black/extLinkbg.gif) no-repeat 0 3px; padding:0 0 0 18px; border:0;}
#content .extLink	li a:hover	{
	background-position: 0 -47px; 
}

/* service details */
#service_leftbar 			{ float:left; width:200px;  }
#service_pic 				{ background:#151616; padding:5px; margin:0 0 10px 0; }
#service_pic div			{ height:20px; }
#content #service_pic p 	{ float:left; padding:2px 0 0 0; }
#service_pic a				{ font-size:0.9em; border:0; color:#9C9D9D; }
#service_pic a:hover		{ border:0; }
#content #service_pic ul	{ float:right; margin:4px 0 0 0; }
#content #service_leftbar blockquote 		{ border:0; background:#000; padding:0; }
#service_leftbar blockquote p		{ font-style:italic; font-size:1.25em; color:#CBD6D6; line-height:1.3em; }
#service_leftbar blockquote span	{ color:#E06A3B; font-family:Serif; }
#service_leftbar cite			{ font-size:0.9em; font-style:normal; color:#4F5656; }
#service_leftbar cite em 		{ color:#9C9D9D; }
#service_leftbar cite a			{ color:#4F5656; border:0; }
#service_leftbar cite a:hover	{ color:#9C9D9D; border:0; }

#service_rightbar				{ float:right; width:340px;  }
#service_rightbar #srbHWrap		{ border-top:1px solid #E06A3B; border-bottom:1px solid #E06A3B; padding:6px 10px 0 0; margin:10px 0 0 0; background:url(../img/black/srbHWrap_bg.gif) no-repeat right; }
#service_rightbar #srbHWrap h3	{
	border:0; padding:0;
}
#service_rightbar dt a 			{ display:block; border:0; }
#service_rightbar dt a:hover	{ display:block; border:0; }
#service_rightbar dt 			{ border-top:1px solid #282B2B; padding:4px 0px; background:url(../img/black/unfold_arrow.gif) no-repeat right; }
#service_rightbar dd			{ padding:0 2px 6px 2px;  }
#service_rightbar dl 			{ border-bottom:1px solid #282B2B; }
#service_rightbar .srlGoto		{ font-size:0.9em; margin:4px 0; }

/* services listing */
#content .services_listing 		{ margin:0; padding:0; height:89px; border-top:1px solid #323636; }
#content .services_listing dt	{ font-weight:normal; font-size:1.25em; margin:10px 0 10px 160px; }
#content .services_listing dt a	{ border-color:#4F5656;  }
#content .services_listing:hover dt a, #content .services_listing dt a:hover { border-color:#E06A3B;  }
#content .services_listing dd 	{ margin:0; padding:0; }
#content .services_listing dd a.servPic			{ float:left; background:#1F2121 url(../img/black/servPic_arrow.gif) no-repeat right; padding:10px 15px 10px 10px; margin:-38px 10px 20px 0; border:0;}
#content .services_listing:hover dd a.servPic, #content .services_listing dd a.servPic:hover	{ background:#E06A3B url(../img/black/servPic_arrow.gif) no-repeat right; }
#content .services_listing.last	{ border-bottom:1px solid #323636; }

/* case studies listings */
#casestud_colleft			{ float:left; width:270px;  }
#casestud_colright			{ float:right; width:270px;  }
#content .cStudpic 			{ background:#1F2121 url(../img/black/casestudies_arrow_01.gif) no-repeat bottom; display:block; padding:10px 10px 15px 10px; margin:0; border:none; }
#content .cStudpic:hover, #content .cStud:hover .cStudpic 	{ background:#E06A3B url(../img/black/casestudies_arrow_01.gif) no-repeat bottom; border:none; }
.cStud						{ margin:0 0 30px 0; }
.cStud div					{ background:#151616 url(../img/black/casestudies_arrow_02.gif) no-repeat bottom; height:29px; }
#content .cStud h3		 	{ float:left; padding:0 0 0 5px; border:none; text-transform:none; }
#content .cStud a			{ font-size:1em; font-weight:normal; border-color:#4F5656; color:#CBD6D6; }
#content .cStud a:hover, #content .cStud:hover a			{ border-color:#E06A3B; color:#fff; }
#content .cStud ul			{ float:right; margin:4px 0 0 0; }
#content .cStud p 			{ padding: 4px 10px 10px 10px; border-bottom:1px solid #242626; }

/* Our Work Example */
#workeg_top 			{ }
#workeg_top #owlbHWrap	{ color:#4F5656; border-top:1px solid #E06A3B; background:#151616 url(../img/black/owurlBg.gif) no-repeat left bottom; margin:4px 0 10px 0; height:42px;}
#content #workeg_top h3 			{ float:left; color:#9C9D9D; text-transform:none; font-weight:normal; font-size:1.5em; border:0;  padding:6px 0px 12px 8px; }

#workeg_top #owlbHWrap p	{ float:right;  padding:8px 10px;  }
#workeg_top #owlbHWrap p a { border:0; color:#9C9D9D; font-size:0.95em; text-transform:uppercase; background: url(../img/black/unfold_arrow.gif) no-repeat right; padding:0 20px 0 0;}
#workeg_top #owlbHWrap p a:hover { color:#fff; }

#workeg_end 			{  }
#workeg_end #owrbHWrap	{ border-top:1px solid #E06A3B; padding:6px 10px 0 0; margin:10px 0 0 0; }
#workeg_end dl			{ margin:0 0 5px 0; font-size:1em; float:left; width:270px; margin:0 10px 20px 0; }			
#workeg_end dt			{  border-top:1px solid #242626;background-color:#151616; margin:0 0 2px 0; padding:2px 6px; }
#workeg_end dd			{  padding:2px 6px; margin:0; }
#workeg_end dd a		{ border-bottom-color:#4F5656; color:#9C9D9D; }

#img_gall	{ border-top:1px solid #E06A3B; padding:6px 10px 0 0; margin:10px 0 0 0; }
#content #workeg_thumbs				{ list-style:none; margin:0; padding:0; height:100px;}
#content #workeg_thumbs li			{ list-style-image:none; float:left; list-style-image:none; margin:0 2px 0 0; padding:0; }
#content #workeg_thumbs li.last		{ margin:0; }
#workeg_thumbs a			{ border:5px solid #4F5656; display:block; } 
#workeg_thumbs a:hover			{ border:5px solid #E06A3B; display:block; } 

#content .client_logos				{ list-style:none; margin:0; padding:0; }
#content .client_logos li			{ list-style-image:none; float:left; list-style-image:none; margin:0 2px 1px 0; padding:0; }
#content .client_logos li img 	{ border:5px solid #4F5656; display:block;}
#content .client_logos li.last	{ margin:0 0 1px 0; }

/* news items */
.newsitem			 	{ border-bottom:1px solid #282B2B; margin:0 0 8px 0;}
#content .newsitem h3 	{ text-transform:none; font-weight:normal; font-size:1.5em; padding:0; border:none; }
#content .newsitem h3 a	{ border:0; }
.niInfo					{ background:#1F2121; clear:both; height:20px; margin:0 0 5px 0; }
#content .tags			{ color:#4F5656; float:left; padding:0 22px 4px 22px; background:url(../img/black/tag_off.gif) no-repeat; }
#content .tags a		{ color:#9C9D9D; border:0; }
#content .tags a:hover	{ border-bottom:1px dotted #E06A3B; color:#CBD6D6; }
#content .newsdate		{ color:#4F5656; float:right; text-align:right; padding:1px 4px 0 20px; background:url(../img/black/cal_off.gif) no-repeat; }

#content .short 		{ height:32px; }
#content .short h3		{ float:left; }

/* treat for modern browsers */
#content .newsitem:hover .tags		{ background:url(../img/black/tag_on.gif) no-repeat; color:#9C9D9D; }
#content .newsitem:hover .newsdate	{ background:url(../img/black/cal_on.gif) no-repeat; color:#9C9D9D; }
#content .newsitem:hover .tags a	{ color:#CBD6D6; }

/* Forms  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Content Form */
form #content  			{ margin:10px 0 0 0; }
form #content fieldset 	{ border:0; }
form #content legend 	{ color:#CBD6D6; margin:0 0 5px 0; font-weight:bold; font-size:1.4em; }

form .formline 			{ border-top:1px solid #282B2B; clear:both; margin-left:5px;}
.formline label 		{ display:block; padding:7px 10px; float:left; width:155px; border-right:1px solid #282B2B; }
.formline label.noBg	{ background:none; }
.formline input 		{ margin:4px; padding:3px; font-size:1em; float:left; width:250px; background:#4F5656; border:0; color:#CBD6D6; border-bottom:1px solid #9C9D9D; }
.formline textarea 		{ margin:4px; padding:3px; font-family: Arial, Helvetica, Arial, sans-serif; font-size:1em; float:left; width:250px; border:0; background:#4F5656; color:#CBD6D6; border-bottom:1px solid #9C9D9D; }
.formline select 		{ margin:4px; padding:3px; font-size:1em; width:250px; border:0; background:#4F5656; color:#CBD6D6; border-bottom:1px solid #9C9D9D;  }
.formline input.cb 		{ margin:0; padding:0; width:15px;}
.formline p 			{ padding:7px 10px; }

.fullline 			{ padding:7px 10px 6px 10px; margin:0; }
.fullline label 	{ background:none; display:inline; float:none; border:0; margin:0; padding:0 0 0 10px; }
form .button 		{ clear:both; padding:6px; background: #282B2B; }
form .button input { font-size:1em; padding:4px 10px; }

.radioList 			{ list-style: none; float: left; padding:4px 0 4px 16px; margin:0 0 0 -1px; border-left:1px solid #282B2B; }
.radioList li 			{ clear:both; list-style-image: none; }
.radioList label	 	{ background:none; border:none; }
.radioList input 		{ display:block; float:left; margin:10px; }
.radioList input.cb 	{ margin:6px 0; width:15px; }

/* errors */
form .error 		{ border:1px solid #E06A3B; background:#282B2B; }
form .error label 	{ color: #E06A3B; font-weight:bold; }
form .error input, #content form .error select { color: #fff; }
form .errText 		{ display:block; padding:0 10px 6px 10px; clear:both; width:149px; font-size:0.9em; }


/* table  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#content .datagrid 			{ border-collapse: collapse; border:1px solid #282B2B; width:100%;  }
#content .datagrid caption	{ text-align:left; margin:10px 0; font-size:1.35em; text-transform:uppercase; }
#content .datagrid td 		{ border:1px solid #282B2B; padding:2px 4px; vertical-align:top; text-align:left; }
#content .datagrid tr.odd 	{ background-color:#1F2121; }
#content .datagrid th 		{ border:1px solid #282B2B; background: #1F2121; padding:4px; vertical-align:top; text-align:left; }
#content .datagrid a 		{ border: none; }

/* 2 col split  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.col50 {
	float: left;
	width: 49.5%;
}

/* Footer Styles -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#footer {
	border-top:1px solid #292C2C;
	margin:10px auto;
}

#footerLeft {
	float:left;
	width:400px;
}

#footerLeft address { padding:20px 2px 5px 2px; font-style:normal; color:#4F5656; }
#footerLeft address em { font-style:normal; color:#9C9D9D; }

#footerLeft p { padding:10px 2px 10px 2px; color:#4F5656; }
#footerLeft p em { font-style:normal; display:block; float:left; width:18px; }

#footerLeft a { color:#4F5656; text-decoration:none; border-bottom:1px dotted #4F5656; }
#footerLeft a:hover { color:#9C9D9D; text-decoration:none; border-bottom:1px dotted #E06A3B; }

#footerRight {
	float:right;
	width:340px;
	padding:20px 0;
}

#footerRight ul { margin:0 0 16px 0; }
#footerRight li { display:inline; padding:0 10px; border-right:1px solid #4F5656; }

#footerRight .end { border:0; }
#footerRight li a { color:#4F5656; text-decoration:none; }
#footerRight li a:hover { color:#9C9D9D; text-decoration:none; border-bottom:1px dotted #E06A3B; }

#endimage {
	float:right;
	margin-top:55px;
	background-image: url(../img/black/imgRep/endimage.gif);
	width:87px;
	height:15px;
}

#endimage:hover {
	background-position:0 -25px;
}


/* Home Content */
#homeLeftcol, #homeLeftcol02 {
	float:left;
	width:240px;
}

#homeRightcol, #homeRightcol02 {
	float:right;
	width:500px;
}

#homeRightcol02 {
	background-image:url(../img/black/reqQuoteBG.gif);
	height:35px;
}


#homeLeftcol02, #homeRightcol02 {
	margin:20px 0 40px 0;
}

#homeLeftcol h1 {
	font-weight:normal;
	font-size:1.5em;
	padding:7px 0;
	border-top:1px solid #E06A3B;
	border-bottom:1px solid #4F5656;
}

#homeLeftcol p {
	padding:12px 0 0 0; line-height:1.45em;
}

#homeLeftcol em { color:#CBD6D6; font-style:normal; }

#homeService { 
	border-top:1px solid #E06A3B;
	border-bottom:1px solid #4F5656;
	text-transform:none;
	font-weight:normal;
	font-size:1.5em;
	padding:7px 0;
	margin:20px 0 0 0;
	background:url(../img/black/srbHWrap_bg.gif) no-repeat right;
	}

#reqQuote {
	background:url(../img/black/imgRep/requestquote.gif) no-repeat; width:159px;
	float:right;
}

#reqQuote:hover {
	background-position:0 -50px;
}

/* Exranet Login */
#clientExtra	{ background:url(../img/black/imgRep/clientextranet.gif) no-repeat; width:240px; }
#homeLeftcol02 div.contForm		{ padding:3px 16px 10px 16px; background:#262828; margin:-2px 0 0 0; position:absolute; }
#homeLeftcol02 div.contForm fieldset 	{ border:none; }
#homeLeftcol02 div.contForm legend 		{ display:none; }
#homeLeftcol02 div.contForm .formline 	{ height:30px; }
#homeLeftcol02 .formline label 	{ padding:7px 0; display:block; float:left; width:74px; }
#homeLeftcol02 .formline input 	{ margin:4px; padding:0px; float:left; width:120px; font-size:1em; background:#4F5656; border:0; color:#CBD6D6; }
#homeLeftcol02 div.contForm .button 	{ clear:both; padding:4px 0; }
#homeLeftcol02 div.contForm .button input { font-size:1em; padding:2px 10px; }


/* home news items */
.homenewsitem				 		{ border-bottom:1px solid #282B2B; height:36px; }
#homeRightcol .homenewsitem h3 		{ text-transform:none; font-weight:normal; padding:6px 0 0 0; font-size:1.3em; float:left; }
#homeRightcol .homenewsitem h3 a		{ border-bottom:1px dotted #4F5656; color:#CBD6D6; text-decoration:none; }
#homeRightcol .homenewsitem h3 a:hover	{ border-bottom:1px dotted #E06A3B; color:#FFF;  }
#homeRightcol .homenewsdate			{ color:#4F5656; float:right; text-align:right; margin:8px 0 0 0; padding:1px 4px 0 20px; background:url(../img/black/cal_off.gif) no-repeat; }
#homeRightcol .homenewsitem:hover .homenewsdate	{ background:url(../img/black/cal_on.gif) no-repeat; color:#9C9D9D; }

#homeNewsHead { 
	height:35px;
	border-top:1px solid #E06A3B;
	border-bottom:1px solid #4F5656;
	}
	
#homeNewsHead h2 {
	float:left; 
	padding:7px 0;
	font-weight:normal;
	font-size:1.5em;
	}
	
#homeNewsHead .homerss	{ 
	color:#4F5656;
	float:right;
	text-align:right;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:3px 18px 0 0;
	background:url(../img/black/home_rss_off.gif) no-repeat 100% 5px;
}

#homeNewsHead .homerss:hover	{ 
	color:#CBD6D6;
	background:url(../img/black/home_rss_on.gif) no-repeat 100% 5px;
}

/* Service List */
#hsl01						{ float:left; width:245px; }
#hsl02						{ float:right; width:245px; }
#homeRightcol dt a 			{ display:block; border:0; color:#9C9D9D; text-decoration:none; }
#homeRightcol dt a:hover	{ display:block; border:0; color:#fff; }
#homeRightcol dt 			{ border-bottom:1px solid #282B2B; padding:4px 0px; background:url(../img/black/unfold_arrow.gif) no-repeat right; }
#homeRightcol dd			{ padding:0 2px 6px 2px;  }
#homeRightcol .srlGoto		{ font-size:0.9em; margin:4px 0; color:#CBD6D6; border-bottom:1px dotted #E06A3B;  text-decoration:none; }
#homeRightcol .srlGoto:hover { color:#fff; border-bottom:1px dotted #4F5656; }


/*** sifr 3 ***/
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

.sIFR-active h1#makesifr {
	visibility: hidden;
	font-size: 28px;
	line-height:28px;
  }

.sIFR-active #headingswrap h2 {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-active .level1 p {
	visibility: hidden;
	font-size: 14px;
}

.sIFR-active .level2right p, .sIFR-active .level2left p {
	visibility: hidden;
	font-size: 13px;
}

.sIFR-active .level3 h2 {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-active .level3 p {
	visibility: hidden;
	font-size: 13px;
	line-height:13px;
}

.sIFR-active .#navcol h3 {
	visibility: hidden;
	font-size: 13px;
	line-height:13px;
}

.sIFR-active #service_rightbar h3, .sIFR-active #workeg_end h4, .sIFR-active #img_gall h4 {
	visibility: hidden;
	font-size: 14px;
	line-height:14px;
	height: 16px;
}


/* Lightbox Styles */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #CBD6D6;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding:0px;	
	}

#imageContainer{
	padding:10px;
	}


	
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }

/* background image for IE */
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev_minus.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next_plus.gif) right 50% no-repeat; }

/* background image for compliant browsers */
#hoverNav>#prevLink:hover, #hoverNav>#prevLink:visited:hover { background: url(../img/prev_chevron.png) left 50% no-repeat; }
#hoverNav>#nextLink:hover, #hoverNav>#nextLink:visited:hover { background: url(../img/next_chevron.png) right 50% no-repeat; }


#imageDataContainer{
	background-color: #CBD6D6;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ padding:10px 0; font-size:1em; color:#1F2121;	}
#imageData #numberDisplay{ display: block; font-weight:bold; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 28px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* Captcha */
.formline img.captchaImg		{ margin:4px 0px 0px 80px; display:inline}