/* INNER PAGE DIV LAYOUT */
/* load in the reset script first thyis way we dont need to define right id */
/* This way we can refer to p as just p then not worry about it being overwritten in scn*/
/* Classes can also be applied without further defining extra ids*/
@import url(scn.css);

/* Generic Styles */
.blue{color: #008dd2;}
.red{color:#FF0000;}
.italic{font-style:italic;}
.narrow {width: 450px;}
.extra-narrow {width: 230px;line-height: 14px;}
.alt-colour{color: #5D9635;}
.spacer, .add-space {width:140px; display:inline-block !important; display:block; text-align:center; vertical-align:top;}
.spacer.email{width:170px;}
.add-space {width:160px;}
.white {color:#FFF;}
.black {color:#000;}
.fr	{float:right;}
.fl	{float:left;}

.alert {border:1px solid;font-size:0.8em;font-weight:bold;margin:0px 0px 10px 0px;padding:5px 29px; width: 300px;}
	.big-error,.missing
	{
		background:#FFCFCF url(/images/core/big-error.gif) no-repeat scroll 4px 4px;
		border:1px solid #C00;
		color:#900;	
	}
	.wider
	{
		width:370px;
	}
	.missing{background:#FFCFCF; border:2px solid #C00;}
	.success
	{
		background:#D1EEC4 url(/images/core/success.gif) no-repeat 4px 4px;
		border:1px solid #060;
		color:#060;
		padding:8px 29px 10px 29px;
	}
	
	.big-info
	{
		background:#FFFFE6 url(/images/core/big-info.gif) no-repeat 4px 4px;
		border:1px solid #F90;
		color:#F90;
	}




#page-container{background: #fff ;/*url(../../images/core/page-container-bg.gif) repeat-x 0 bottom; */padding-bottom:20px;}
#head-container{overflow:hidden; margin-bottom:5px;}
/*.home #head-container{margin-bottom:0px;}*/
#container{overflow:hidden; margin-bottom:5px;}
#footer-container{overflow:hidden;}
#content{clear:both;overflow:hidden; padding:0;}
.right-wrapper{float:right; padding:0 2px 0 0; width: 756px;}
.home .right-wrapper{ width: 955px; padding:0 0 0 2px; }
/* Navigation Styles */
#nav { overflow:hidden ;height:33px;}
#nav ul	{display:block; background:#999 url(/images/core/nav-bg.gif) no-repeat 0 0; padding:0 0 0 197px; padding-left:150px; clear:both; height:33px;}
#nav ul li:first-child{background:url(../../images/core/nav-bullet.gif) no-repeat left center}
#nav ul li:first-child a{background:url(../../images/core/nav-bullet.gif) no-repeat right 10px}
#nav ul li{display:block; float:left; background:url(../../images/core/nav-bullet.gif) no-repeat right center; margin:7px 0 10px; overflow:hidden;}
#nav ul li a {padding:5px 17px 10px;font-size:0.95em; color:#FFF; font-weight:bold; text-decoration:none;}
#nav ul li.selected a {color:#000;}
#nav ul li a:hover {text-decoration:underline;}
#nav ul li#login-nav, #nav ul li#gmail-nav { margin: 9px 0 0 50px; background:none; min-width:165px;}
#nav ul li#gmail-nav { margin-left:10px}
#nav ul li#login-nav a, #nav ul li#gmail-nav a{
display:inline-block;color:#000000;
background:url(../../images/core/login-bg-slice.gif) no-repeat left top;
padding:0;}
#nav ul li#login-nav a span, #nav ul li#gmail-nav a span{padding:0px 15px 7px 15px;  background:url(../../images/core/login-bg-slice.gif) no-repeat right top; margin:0;}
#nav ul li#gmail-nav a span {padding:0px 10px 7px 10px;}
#nav ul li#login-nav a:hover, #nav ul li#gmail-nav a:hover{text-decoration:none;}
#sub-splash{background:url(../../images/core/sub-splash-v2.jpg) no-repeat left top; width:750px; float:right; margin:0; padding:117px 3px 0px; text-align:left; font-size:1.5em; color:#606060; display:block;} 
#home-logos{
	padding:4px 0 0 0;
	float:left;
	overflow:hidden;
}
.logo-wrapper{float:left; width:169px;padding:0 14px 0;}
.logo-wrapper h2{clear:both; font-size:0.875em;}
.logo-wrapper h2{padding:15px 0 0; text-align:center;}
.home .logo-wrapper h2{margin:40px 0 0; clear:both;}
#home-logos h1{
	background:url(../../images/core/tag-bg.gif) no-repeat 0 0 ;
	text-align:center;
	padding:10px 0;
	color:#FFFFFF;
	font-size:1.5em;
	margin:0;
}
 .img-strip{float:left}
/* left column */
#logo{margin:0 auto;}
h2.slogan {clear:both; font-size:0.875em; padding:0;margin:5px 0; color:#000;}
h2.slogan-inner {clear:both; font-size:0.75em; padding:0 10px; margin:10px 0; color:#000; text-align:center;}
#left-nav {
	min-height: 450px;
	width: 159px;
	margin: 0px;
	float: left;
	padding:0 14px;
}

	#left-nav ul {
		margin: 16px 0px 0px 0px;
		padding: 0px;
		text-align: left;
		width: 160px;
	}
	#left-nav li {
		border-bottom: 1px solid #959595;
		display:block;
		overflow: hidden;
	}
		#left-nav li a {
			display: block;
			padding: 2px 0px 2px 0px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #616161;
			text-decoration: none;
			margin-top: 2px;
		}
			#left-nav li a:hover {
				text-decoration: underline;	
				color: #008DD2;
			}
			#left-nav li.selected a{
				font-weight: bold;
				color: #008DD2;
			}
		#left-nav ul.forms {
			margin-top: 5px;	
		}
		#left-nav ul.forms li a {
			color: #333;
		}


	#left-nav #left-nav-close, .admin-testimonial{
		margin-top: 30px;
		margin-bottom:10px;
		padding: 72px 0 0 53px ;
		min-height: 190px;
		height:auto!important;
		_height:190px;
		background: url(../../images/core/testimonial-bg.gif) no-repeat 0px 0px;
		color:#616161;
	}
	#left-nav-close p, .admin-testimonial p
	{
		font-size:0.7em;
	}
/* end left column */

/* Home page Styles */
#home-quicklinks
{
	display:block;
	padding:0 20px 0 10px;
	height:158px;
}
#home-quicklinks .quicklinks-block
{
	width:260px;
	display:block;
	float:left;
	padding:0 0 0 48px;
	margin:0;
	zoom:1;
	/*background:#FF0000;*/
	/*height:170px;*/
}
.quicklinks-title{}
#home-quicklinks a {color:#000000; text-decoration:none; }
#home-quicklinks a:hover {text-decoration:underline;}
.quicklinks-title{ width:260px; overflow:hidden; vertical-align:top;}
#home-quicklinks h3{margin:0; padding:0;}
.quicklinks-title h3 a {color:#000000; font-size:1.25em; text-align:left; padding:13px 0 13px 15px; margin:0; width:260px; display:block; float:left;}
#area1{ background:url(../../images/core/area1-bullet.gif) no-repeat 0 top;}
#area2{ background:url(../../images/core/area2-bullet.gif) no-repeat 0 0;}
#area3{ background:url(../../images/core/area2-bullet.gif) no-repeat 0 0;}
#area1 .quicklinks-title h3 a{background:url(../../images/core/area1-title-bg.gif) 0 0}
#area2 .quicklinks-title h3 a{background:url(../../images/core/area2-title-bg.gif) 0 0}
#area3 .quicklinks-title h3 a{background:url(../../images/core/area3-title-bg.gif) 0 0}
/* right column */

#right {
	float: left;
	width: 732px;
	width: 435px;
	margin: 0px;
	padding: 0px 5px 20px 3px;
	overflow: hidden;
	clear:left;
	
}
/*#right.portfolio {width:732px;}*/
#right-title {background:#f8f8f8; clear:both; padding:0px 2px 3px; color:#606060; margin: 0px 0px 10px;}

	#right.full-width {
		float: left;
	}
	
	#right.half-width {
		width: 450px;
		float: left;
	}
/* GENERIC FONT STYLES */
	h1 {
		font-weight: bold;
		font-size: 1.5em;	
		padding: 3px 0px 3px 0px;
	}

	h2 {
		font-weight: bold;
		margin: 11px 0 5px;
		padding: 7px 0px 7px 35px;
		border: 0px;
		line-height:1.3em;
		clear:both;
		font-size:1em;
	}
	.right-wrapper h2
	{
		background:url(../../images/core/h2-bg.gif) no-repeat 0 2px;
	}

	h3 {
		font-weight: bold;
		font-size: 0.75em;
		padding:7px 0px 12px 7px;
		margin: 10px 0 10px;;
		color:#4D4D4D;
	}
	
	.right-wrapper h3{background:url(../../images/core/h3-portfolio-bg.gif) no-repeat 0 0; display:block; margin:20px 0 0; }
	#right  h3{background: url(../../images/core/h3-bg.gif) no-repeat 0 0; display:block; margin:5px 0 10px; }
		h3 a {
			text-decoration: underline;
			color: #008DD2;
		}
		h3 a:visited{color: #1f59ac;}
			h3 a:hover {
				text-decoration: none;
			}
		h3 span {
			color: #008DD2;
		}
			h3 span a {
				color: #1f59ac;
				text-decoration: none;
			}
				h3 span a:hover {
					text-decoration: underline;
				}
	
	h4 {
		font-weight: bold;
		font-size: 0.8em;
		padding: 0px 0px 3px 0px;
		margin: 0px;
	}
	
	h4.highlight {
		font-weight: bold;
		font-size: 0.8em;
		padding: 5px 0px 5px 0px;
		margin: 5px 0 10px;
		border:#CCC solid thin;
		text-align:center;
	}
	h4.highlight { background:#EDF7FC;}
	
	.contact .details h4{font-size:0.95em; line-height:1em;}
	.contact .details{background: url(../../images/core/contact-box.jpg) no-repeat 0 0; height:38px; padding:0; margin:10px 0;}
	.contact .details.blue{background: url(../../images/core/contact-box-blue.jpg) no-repeat 0 top;height:42px;}
	.contact .details.textarea{background: url(../../images/core/contact-box-textarea.jpg) no-repeat 0 0; height:150px; }
	.contact .details.textarea .add-space{text-align:left; width:180px;}
	
	.contact-enquiry span.form-label{ width:120px; display:block; float:left; font-size:0.75em;}
	.contact-enquiry .form-row{margin:2px 0;}
	.contact-enquiry .form-row input,.contact-enquiry .form-row textarea{width:300px;}
	.contact-enquiry .form-row textarea{ min-height:100px;}
	
	p {
		font-weight: normal;
		font-size: 0.75em;
		margin: 0px;
		padding: 0px 10px 10px 5px;
		line-height: 1.2em;
		color:#333;
	}
	
		blockquote {padding:0 25px; font-size:0.75em; font-style:italic;color:#008ED2;}
		blockquote:before{content:'"';}
		blockquote:after{content:'"';}
		p a
		{
			color: #333;
			text-decoration: underline;
		}
		p a:hover
		{
			text-decoration: none;
		}
	
		p span.orange {
			font-weight: bold;
			color: #333;
		}
	
	#right ul {
		text-align: left;
		clear: both;
		margin:0 0 15px;
	}
		#right li {
			background:  url(../../images/core/right-li-bullet.gif) no-repeat 10px 10px;
			font-weight: bold;
			font-size: 0.75em;
			padding: 3px 0px 2px 25px;
			vertical-align: top;
		}
		li a {
			color: #333;
			text-decoration: underline;
		}
			#right li a:hover {
				text-decoration: none;
			}
			
		a.portfolio-return	
		{
			display:block;
			background:url(../../images/core/cta-grey-large.jpg) no-repeat 0 0;
			font-weight:bold;
			font-size:0.875em;
			color:#FFFFFF;
			text-decoration:none;
			padding:3px 0 5px 55px;
			margin-bottom:35px;
		}
			a.portfolio-return:hover	{text-decoration:underline;}
/*  CONTACT ICONS */
.contact .details h4{padding:7px 38px 15px; margin:0px;}
.textarea h4{}
.contact .tel{background:url(../../images/core/icons/contact-tel.jpg) no-repeat left 0;}
.contact .fax{background:url(../../images/core/icons/contact-fax.jpg) no-repeat left 0;}
.contact .email{background:url(../../images/core/icons/contact-email.jpg) no-repeat left 0;}
.contact .enquiry{background:url(../../images/core/icons/contact-enquiry.jpg) no-repeat left 0;}
.contact .address{background:url(../../images/core/icons/contact-address.jpg) no-repeat left 5px;}	
	
/*  PORTFOLIO  */
	.portfolio h3{background:url(../../images/core/h3-bg.gif) no-repeat 0 0;}
	.portfolio h4{background:url(../../images/core/h4-portfolio-bg.gif) no-repeat 3px 4px; padding:5px 0 5px 23px;}
	.portfolio-list{background:#EDF7FC; padding:10px 5px 35px; margin:0 0 10px; width:660px; border-top:2px #008FD3 solid; overflow:hidden;position:relative;}
	.portfolio-list p {display:block; padding-bottom:31px; padding-bottom:10px;}
	.portfolio-desc{background:#EDF7FC; padding:5px; margin:0 0 10px; display:block;}
	.portfolio-list img{margin:0 5px 0 0;}
	.portfolio-list ul {padding-left:15px; list-style:inside disc;}
	.portfolio-list ul li {font-size:0.75em;}
			
/* CALL TO ACTION STYLES */
.cta-fom:hover,.cta:hover{text-decoration:underline;}

.cta-fom{ background:url(../../images/core/cta-grey-v2.jpg) no-repeat left center; display:inline-block!important; display:block; height:20; width:165px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:5px 0 5px 40px; text-align:center; }

.cta-fom.fr{  position:absolute; right:5px; bottom:5px; margin-top:10px; display:block;}


		
/*  Image Styles */	
  .img-col{float:left; width:263px; display:block; margin:0 10px;}
  .image{float:right; display:block; width:263px; margin:0px 0px 0px; overflow:hidden; font-weight:bold; font-size:11px;}
  	.image.default .desc{background:url(../../images/core/image-desc-bg.jpg) no-repeat 0 bottom; vertical-align:bottom;  min-height:15px; color:#000;}
	.image.default.green .desc{background:url(../../images/core/image-desc-bg-green.jpg) no-repeat 0 bottom;  min-height:15px;} 
	
	.default{ background:url(../../images/core/image-bg-right-col.jpg) repeat-y right top; margin-bottom:15px;}
		.default.green{ background: url(../../images/core/image-bg-right-col-green.jpg) repeat-y right top;}

  .desc{ padding:10px 20px 15px; color:#FFFFFF;}
   
  .portfolio-img{ background:#008FD3; width:225px; padding:0 0 5px; margin-bottom:10px; float:left;}
  .enlarge{color:#FFFFFF; text-align:left; background:url(../../images/core/enlarge.jpg) no-repeat 0 0; margin:0 auto; padding:8px 0 12px 40px; display:block;}
  .enlarge a{color:#FFFFFF;}
  a.view-portfolio{
	  font-size:16px;
	  color:#FFFFFF;
	  max-width:260px;
	  clear:both;/* text-shadow:#E25029 2px 2px;*/
	  padding:7px 35px 10px 81px;
	  display:inline-block;
	  background:url(../../images/core/cta-orange-v2.jpg) no-repeat 0 0; 
	  font-weight:bold; 
	  letter-spacing:1px; 
	  text-decoration:none; 
	  clear:right;
  }
  .view-portfolio:hover,a.view-portfolio:hover{text-decoration:underline;}


/*  Footer Styles  */
#footer{font-size:0.7em; text-align:center; clear:both; padding:15px 0 0;}
#footer a {color:#000;}
#footer .details {height:40px;}
#footer .details, #footer-links,#footer address{ font-style:normal; clear:both; display:block; line-height:1.5em;}
#footer-logos {padding:15px 0 0;}
#footer-logos img{padding:0px 10px 0;}