/*
Quick.Cms default stylesheet

Edited by : Craig Gilbert
Edited on : Nov 2008
Contact: craig@gilbe.co.uk

@import url( 'plugins.css' );

/* Basic Page formatting */

* {margin: 0em; padding: 0em; }

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #004974;
	}

ul {list-style: none inside;  font-size:1.0em; line-height:1.5em;}
h1, h2, h3 {line-height:1.2em;  color: #03349a; }
h1 {font-size: 2.0em;padding:0.5em 0em 0.5em 0.9em;}
h2 {font-size: 1.6em;padding:0.5em 0em 0.5em 1.3em;}
h3 {font-size: 1.3em;padding:0.5em 0em 0.5em 1.6em;}
p { font-size:1.2em; line-height:1.5em;}

a { outline:none; color: black; padding: 1em; text-decoration:none;}
a:hover { color: #006674; text-decoration: underline;}

iframe {
		background-color: white;
			padding: 0.4em; 
			border: 1px solid #888;  
			display: block;
			position: relative;
			left: -8px;
			top: -8px;
		}

/* CMS Styles */

.Bold {
	font-weight: bold;
}

.Italic {
	font-style: italic;
}

.Underline {
	text-decoration: underline;
}

.StrikeThrough {
	text-decoration: line-through;
}

.Subscript {
	vertical-align: sub;
}

.Superscript {
	vertical-align: super;
}

.left {
	float:left;
}
.right {
	float:right;
}


/* Content and Structure */

#page-wrap {
	width: auto;
	background:url(images/bg_bottom.jpg) bottom left repeat-x;
	background-color: #a9cfe6;
	}

#header {
	width: auto;
	background:url(images/bg_top.jpg) top left repeat-x;
	min-height: 21.9em;
	}
	#header h1 {
	min-height: 5.7em;
	margin: 0 auto;
	width: 47em;
	text-indent: -999em;
	background:url(images/logo.jpg) no-repeat;
		}
		#header h1 a {
		 display: block;
		 width: 18em;
		 height: 3.5em;
		 }

	/* Main Navigation */
	#header ul{
		margin: 0 auto; 
		width:95.4em;
		}
		#header ul li {
			display: inline;
			float: left;
			background: url(images/tab-right.gif)  bottom right no-repeat;
			}
			#header ul li.selected {
				display: inline;
				float: left;
				background: url(images/tab-right.gif)  top right no-repeat;
				}
				#header ul li a {
					margin: 0 auto;
					display: block;
					padding: 0 2em;
					line-height: 2.5em;
					background: url(images/tab-left.gif) no-repeat bottom left;
					text-decoration: none;
					color: #000;
					font-size: 1.3em;
					}
					#header ul li a:hover {
						text-decoration: underline;
						}
						#header ul li a.selected {
							font-weight: bold;
							color: #004974;
							background: url(images/tab-left.gif) no-repeat top left;
							}
	/* Grey Menu Bar */
	#nav_bar {
		height: 5.2em;
		min-width: 95.4em;
		background: url(images/nav_bar.jpg) top left repeat-x;
		clear:both;
		}
		#nav_bar span {
			display:block;
			}
		#nav_bar ul{
			margin: 0 auto; 
			width:95.4em;
			}
			#nav_bar ul li {
				display: inline;
				float: left;
				background: none;
				}
				#nav_bar ul li.selected {
					display: inline;
					float: left;
					background: none;
					}
					#nav_bar ul li a {
						display: block;
						background: none;
						}
							#nav_bar ul li a.selected {
								background: none;
								} 
		

	/* CONTENT */
	.box {
		margin-bottom: 1em;
	}

	.img {
	background: url(images/shadow_pic.gif) no-repeat bottom right;
	float:left;
	margin-left: 2.5em;
	margin-right: 0.2em;
	margin-top: 1.5em;
	line-height:0;
	}

	.gallery {
	float: left;
	min-height: 30em;
	margin: 0 4% 0 7%;
	}

	#news {
		float: left;
		width: 15em;
		}
		#news h1 {
		padding:0.5em 0em 0.5em 0.5em;
		}
		#news p {
			padding: 0em;
			font-size: 1.1em;
			
			}
			#news ul {
				line-height: 1em;
				font-size: 1em;
				padding: 0em 1em 0em 1em;
				
				}
				#news ul li {
					padding: 1em 0 1em 0;
					text-indent: 0em;
									
					}
					#news a {
						font-size: 1.3em;
						font-weight: bold;
						line-height: 1.2em;
						text-decoration: none;
						padding: 0em;
						color: #000; 
						}
						#news a:hover {
							text-decoration: underline;
							}
	#mainContent {
		width: 79em;
		float: right;
		}
	
		#main a {
			color: #03349a;	
			padding: 0em;
			margin: 0em;
			}
			#main img {
				background-color: white;
				border: 1px solid #888;
				
				padding: 0.4em;
				margin: 1.5em; 
				}
				#main a img {
					background-color: white;
					padding: 0.4em; 
					border: 1px solid #888;
					float:left;  
					display: block;
					position: relative;
					left: -8px;
					top: -8px; 
					margin: 0em;
					}
				
					#main p  {
						text-indent: 0em;
						line-height: 1.5em;
						padding: 0em 2em 0.5em 2em;
						}
						#main ul {
							padding: 0em 2em 0em 0em;
							margin: 0;
							}
							#main ul li {
								margin: 1em 0em 0 0;
								padding: 0em;
								font-size: 1.2em;
								}
								#main ul li a {
									font-size: 1.2em;
									margin-left: 1.5em;
									
									}
									#main ul li p {
										font-size: 1em;
										margin-top: 0.7em;
										}
						
	#footer p {
			margin: 0.3em 0.5em 0em	0.5em;
			padding: 0em;
			font-size:1.0em;
			color: #fff;
			}
			#footer a {
				text-decoration:none;
				color: #fff;
				font-size: 1.1em;
				}
				#footer ul {
					padding-top: 2em;
					}
					#footer ul li {
						background: transparent url(http://www.gilbe.co.uk/ranana/images/button.gif) no-repeat left center;
						display: inline;
						margin-left: 1em;
						padding-left: 2em;
						}

/* Form CSS */

form {
	margin:0;
	padding:0;
}

fieldset {
	margin: 0em 0.5em 0em 0.7em;
	padding:0.5em;
	border: none;
	width:37em;
	float: right;
	border-left: 0.1em solid #aaa;
	}
	fieldset p {
		margin:0em 0em 0.2em 0em;
		padding:0.4em;
		}
		fieldset legend {
		padding: 1em 0em 0.5em 3.6em;
		width: 11em;
		}
		fieldset dl {
			margin:0 auto;
			padding-left:3em;
			}
			fieldset dt {
				float:left;
				width:11em;
				padding:0.6em;
				}
				fieldset dd {
					margin:0em;
					padding:0.7em;
					}
					fieldset dl dd input#submit {
						float: right;
						margin: 0em 0.9em 0em 0em;
						}
	input, textarea {
		padding: 0.2em;
		}	
	
	#name, #email, #phone, #enquiry, #homenumber, #address, #org, #mobile{
		width:195px; /* Let as PX becuse of enquiry box slightly out */
		border: 0.1em solid #888;
		}

	#name:focus,#email:focus, #phone:focus, #enquiry:focus, #homenumber:focus, #address:focus, #org:focus, #mobile:focus, input:focus, textarea:focus {
		border: 0.2em solid #03349a;
		}

	#name.error, #email.error, #phone.error, #enquiry.error, #homenumber.error, #address.error, #org.error, #mobile.error {
	border: 2px solid red;
	}