/*
 * Primary styles
 * Loosely based on HTML5 ✰ Boilerplate
 * Author: Quick By Design
 */

/* Default Font */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  font-family: Tahoma,"Arial", sans-serif;
}

/* Link Colours */
a, a:active, a:visited {color: #EF2D24; text-decoration: none;}
a:hover { text-decoration: underline; }

/* Background */
html{
	background-color: #3f3e3e;
}
body{
	background:url(../library/body_bg.jpg) repeat-x top #ffffff;
}

/* Main Page */
#pageholder {
	width:960px;
	margin:0 auto;
}
 
/* Footer */
#botholder {
	position:relative;
	top:0px; 
	width:100%;
	background:#3f3e3e;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#000101), to(#3f3e3e)) #3f3e3e;
	background:-moz-linear-gradient(#000101, #3f3e3e) #3f3e3e;
	background:linear-gradient(#000101, #3f3e3e) #3f3e3e;
	
}


/*
 * Top Section
 */

#top{
	position:relative;
	height:120px;
}

/* Logo */
#logo{
	position:absolute;
	left:0px;
	top:0px;
}

/* Strapline Text */
#strapline {
	position:absolute;
	left:0px;
	top:100px;
}

/* Contact Detail */
#contact_details_holder {
	position:absolute;
	right:0px;
	top:130px;
}
#contact_details_holder .email, #contact_details_holder .tel, #contact_details_holder h2 {
	display:none;
}

/* Slideshow */
#sshow{
	position:absolute;
	width:450px;
	height:90px;
	right:0px;
	top:0px;
}

/* Announcements */
#announcement {
	position:absolute;
	top:-50px;
	right:0px;
	color:#fff;
}

/* Top Navigation */
#tnav{
	position:absolute;
	top:89px;
	left:0px;
	height:30px;
	right:0px;
	text-align:right;
}
	#tnav li{
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	
		#tnav li a{
			display: block;
			height:30px;
			padding:0px 1.9em;
			line-height:30px;
			color:#fff;
			font-size:1.0em;
		}
		
		#tnav li #thisa, #tnav li a:hover{
			background-color:#ef2d24;
			color:#fff;
		}
		
		
/*
 * Middle Section
 */

#middle {
	width:100%;
	background:url(/custom/library/phone_no.png) 760px 15px no-repeat;
}

/* Large Presentation */
#theflashdiv{
	background:transparent;
	border-left:none;
	border-right:none;
}

/* Column Setup */
#columns{
	margin-top:30px;
}
#col2{
	padding:0px 25px;
	width:510px;
}


/*
 * Footer Section
 */
 
#bot{
	position:relative;
	top:0;
	left:0;
	width:960px;
	margin:0 auto;
	padding:10px 10px 40px 10px;
	height:60px;
	color:#fff;
}

#bot .botbox {
	color:#fff;
	width:300px;
}

	#bot .botbox a{
		color:#fff;
	}
	#bot .botbox a:hover{
		text-decoration:underline;	
	}
	#bot .botbox h2{
		color:#ef2d24;
		margin-bottom:5px;
	}
	#bot .botbox ul li {
		list-style-type:none;
		list-style-position:outside;
	}
	#bot .botbox ul li a {
		text-decoration:none;
	}
	#bot .botbox ul li a:hover {
		text-decoration:underline;
	}
	
	/*///////////////// BOX 1 //////*/
	#bot #botbox_1 {
		position:absolute;
		left:10px;
		top:20px;
		z-index:1;
	}
	#botbox_1 a {
		width:100px;
		float:left;
	}
	
	
	/*///////////////// BOX 2 //////*/
	#bot #botbox_2 {
		position:absolute;
		left:300px;
		top:20px;
		width:400px;
	}
	#botbox_2 h2 {
	}
	#botbox_2 #botbox_2_links {	
		position:absolute;
		left:320px;
		top:45px;
		width:300px;
	}
	#search_holder {
		position:relative;
		top:0;
		left:0;
	}
	#search_holder #search {
		position:absolute;
		left:0px;
		top:25px;
		height:16px;
		padding:2px;
		width:220px;
	}
	#search_holder #search_btn {
		position:absolute;
		left:204px;
		top:25px;
	}
	
	
	/*///////////////// BOX 3 //////*/
	#bot #botbox_3 {
		position:absolute;
		top:20px;
		right:10px;
		width:350px;
		z-index:1;
	}
	#botbox_3 h2 {
	}
	
	
	/*///////////////// ICONS //////*/
	#footer_icons{
		position:absolute;
		left:180px;
		width:400px;
		top:25px;
	}


/*
 * Message Popups
 */

#msg {
	border:1px solid #EF2D24;
	background-color:#eee;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	
}
#msg p{
	color: #000;
}

#sender{
	color: #fff;
	background-color:#3B3B3B;
	width:130px;
	height:30px;
	border: 0px;
}

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}