body {line-height:1;}
	body.design .component .contentarea {border:1px dashed transparent;} 
.contentarea {min-height:28px;overflow:hidden;} /* - sets min height of all contentareas -*/

.hideTitleDesc .contentarea{ display: none; }

#w4xpreview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:9999999;
}

#subnav_1 {margin-top:20px!important;}

/*  Neutralize styling for all templates */
* {margin:0;}
h1, h2, h3, h4, h5, h6, p {font-size:1em;}

a {text-decoration:none;outline:none;}

a img {border:none;}
img { /* this fix's a Firefox bug */
	border:none;
	border: 0;											
}
/* - Makes bullet and numbering work in the content area - */
	.contentarea ul,
	.contentarea ol {margin-top:14px;margin-bottom:14px;}

.component {margin:1px!important;} /* - Allows for outline hovering to work in IE8 etc -*/


/*#content #c-middle img,*/
#subnav_1 #sn-middle #sn_1-content img,
#footer #footerinner img {margin:0 10px 0px 10px;}


/* to override default styling of hover on no access pages  */
a.no-access span{cursor:not-allowed !important;}

/* --HTML TAG CSS FOR ALL INSERTED ELEMENTS--*/

div.line hr{display:none;} /* take out the trouble HR */
 
/* --Fix Bleeding background bug in IE on fieldsets--*/
fieldset{
position: relative;
margin-top: 10px;
padding-top: 20px;
}

legend{
position:absolute;
top: -0.6em;
left: 0.2em;
}
/* --END FIX--*/

.subnav_1-tab-sub {margin-left:14px!important;}/* Positioning for sub tab icon in subnav_1 */

.subnav_1-tab-sub .uc-img {display:block; position:absolute; z-index:999;}/* Positioning for U/C icon in subnav_1 tab */


/* - Margins for floated images -*/
.contentarea img.left {margin-right:10px; float:left;padding:1px;margin-bottom:16px;}
.contentarea img.right {margin-left:10px;float:right; padding:1px;margin-bottom:16px;}
.contentarea img.center {padding:1px;margin-bottom:16px; margin-top:16px;}

/* - Image Class Styling -*/
img.default{border:none;}
img.nostyle{border:none; padding:0;}
img.shadow{
	 border-right:1px solid #999;
	 border-bottom:1px solid #999;
	 padding-right:1px;
	 padding-bottom:1px;
	}
img.ridge {border:4px double #ccc;padding: 1px;	}
	
img.greyborder {border:1px solid #ccc; padding:1px;} 
img.dashed {border:1px dashed #ccc; padding:1px;} 
img.dotted {border:2px dotted #ccc; padding:1px;} 
	
img.twotone {
	border-top: #DBEEF2 3px solid;  
	border-right: #B7DDE6 3px solid;  
	border-bottom: #B7DDE6 3px solid;  
	border-left: #DBEEF2 3px solid;  
	padding: 2px;
	background:#fff;
} 
		
img.shadow_left{
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	padding-left:1px;
	padding-bottom:1px;
}	
		
img.photo1 {	
	padding:6px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:#fff;
}
		
img.polaroid {	
	padding:8px;
	padding-bottom:20px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:#fff;
		}
	
img.classic{
	border: 3px #666 double;
	padding: 1px;
	background-color: #DCDCED;
	}
img.fun	 {
	border: 5px ridge #29C3FF;
	background:#FFF;
	}
	
img.arty {  
	 padding: 2px;  
	 border:2px solid #082F70;
	 }  
	
img.professional  {
	padding: 3px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background: #fcfcfc;
	}



/*---IMAGE GALLERY GLOBAL STYLING---*/	
.lightbox-gal img{/*styling for lightbox gallery images*/
	height:127px;
	width:125px;
	padding:10px;
	background:url(/webroot/websystem/skins/web4companies/images/gallery/frames/small/square.png) no-repeat;
	margin:10px;
}
.cycle-gallery{ 
	width: 270px!important;
	height: 270px!important;
	display:block;	margin-bottom:20px;
}
.cycle-gallery img {/*styling for cycle gallery preview images*/
	height:250px;
	width:250px;
	padding:10px;
	background:url(/webroot/websystem/skins/web4companies/images/gallery/frames/med/square.png) no-repeat;
	margin-top:5px;
}
.w4x-gallery {margin:0 auto!important; text-align:center;}
.anythingSlider, #s3slider, .ft-container {margin:0 auto!important; text-align:center;}
.ft-container {width:500px;}



/* - TEMP FIX'S UNTIL USER CAN CUSTOMISE -- */
#main-nav li span.top{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px!important;}

#subnav_1-tab li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; word-wrap: break-word;font-size:12px;}

.contentarea hr {
	margin:20px auto 20px auto!important;
	display:block;
	}
.contentarea, .contentarea p  {
	word-wrap: break-word; /*forces long (unbroken) text to wrap in a new line*/
	line-height:1.6;
}

.contentarea table tbody p {line-height:1.6;margin-bottom: 0;} /*overrides p setting for inside a background-image*/

/*-- Keeps table structure when it has no content */
.contentarea table th,
.contentarea table td {height:20px;}


.webcontent h1,
.webcontent h2,
.webcontent h3,
.webcontent h4, 
.webcontent h5,
.webcontent h5,
.webcontent h6 {
	word-wrap: break-word;/*forces long (unbroken) text to wrap in a new line*/
	margin:0 0 0.2em 0;}

/*.webcontent li{ text-indent:40px; list-style-position:outside!important;}*/

.contentarea img.center, .contentarea .w4x-gallery.center { /*centers an image and gallery when image is floated to "centre"*/
   display: block;
   margin:0 auto!important;
 }
 
.back2top { /*-- Styles back to top link in template_v1 -- */
	position:absolute;
	bottom:2px;
	right:4px;
	z-index:10000;
}
	/*-- Back2top style variations -- */
	.back2top.top1 {
		width:125px;
		height:55px;
		background:url(/webroot/websystem/skins/totop/top1.png) no-repeat;
	}
	.back2top.top2 {
		width:26px;
		height:55px;
		background:url(/webroot/websystem/skins/totop/top2.gif) no-repeat;
	}
	.back2top.top3 {
		width:63px;
		height:22px;
		background:url(/webroot/websystem/skins/totop/top3.png) no-repeat;
	}
	.back2top.top4 {
		width:24px;
		height:29px;
		background:url(/webroot/websystem/skins/totop/top4.png) no-repeat;
	}

	.back2top.top5 {
		width:24px;
		height:29px;
		background:url(/webroot/websystem/skins/totop/top5.jpg) no-repeat;
	}
	
	.back2top.top6 {
		width:32px;
		height:32px;
		background:url(/webroot/websystem/skins/totop/top6.png) no-repeat;
	}
	
	.back2top.top7 {
		width:24px;
		height:24px;
		background:url(/webroot/websystem/skins/totop/top7.png) no-repeat;
	}
	
	.back2top.top8 {
		width:24px;
		height:24px;
		background:url(/webroot/websystem/skins/totop/top8.png) no-repeat;
	}
		
	.back2top.top9 {
		width:24px;
		height:24px;
		background:url(/webroot/websystem/skins/totop/top9.png) no-repeat;
	}
	
	.back2top.top10 {
		width:26px;
		height:26px;
		background:url(/webroot/websystem/skins/totop/top10.png) no-repeat;
	}
		
	.back2top.top11 {
		width:24px;
		height:24px;
		background:url(/webroot/websystem/skins/totop/top11.png) no-repeat;
	}
	

#main-nav li a:hover {text-decoration:none!important;} /*-- TEMP FIX FOR ORANGE HOVER ON MAIN NAV -- */


.flashunit {
	padding: 4px;
	/*background: #fff;*/
	/*border: 4px solid #ddd;*/
	margin: 10px auto;
	position:relative;
	z-index:100!important;
	overflow:hidden;
}
.flashunit h2 {
/*	font: 18px normal Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	background: #f0f0f0;*/
	margin: 0;
	padding: 10px;
	/*color: #111;*/
	text-align: center;
	display:none!important;
}
.flashunit p {
/*	font: 12px normal Arial, Helvetica, sans-serif;*/
	padding: 10px;
	margin: 0;
/*	border: 1px solid #ddd;
	background: #f0f0f0;*/
	word-wrap: break-word;
	display:none!important;
}
object.flashvideo {
	width: 100%;
	height:350px;
	position:relative;
	z-index:100!important;
}

.flashvideo .vid {width:100%; height:350px;}


 /*--Prevents coloums from dropping below height of subnav_1  */
.g_container{position:relative!important;} 

/*--Prevents scrollbar from appearing when dragging content areas-- */
#p-middle {min-height:20px;}
#page #p-middle {padding-top:10px!important;padding-bottom:10px;} /*- gj testing removing additional space fix -*/
/*#c-middle {overflow:hidden!important;}*/
.centered {text-align:center;} /* - Centers a number of elements including widgets - */ 

/*--control for backgrounds that use the outer image (found within body module)-- */
#outer {width:100%!important;min-width:980px!important;position:absolute!important;top:0!important;left:0!important;background-position:center top!important; background-repeat:no-repeat!important;z-index:1!important;}

#container #cont-middle {overflow:visible!important;}

#footer-content.webcontent,
#footer-content.webcontent p {text-align:center!important;}

#header	.imagenode, #header	.textnode {overflow:hidden;z-index:1;}
	
#header	.textnode {z-index:10;}

#header p, #header p + p  {line-height:1.6!important;}