/* The Big A style Sheet
Copyright The Big A 2008
Author: Robert Games
Development Agency: Pad Media
Development Agency URL: www.padmedia.co.uk
Version: 1.1
Date: 09/01/2008

Notes: N/A
*/

/* Global Settings */

body {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

html {
}


/* Common Formatting */

p {
	font-size:1.2em;
	line-height:1.6em;
	text-align:left;
	margin:0 0 10px 0;
	padding:0;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

blockquote {
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0;
	border-left:10px #A6A6A6 solid;
	line-height:1.6em;
}

img {
}

ul {
	/*margin:0;*/
	/*padding:0;*/
}

li {
	font-size:1.2em;
}

/* Fonts */

/* Links */

/* Global Classes */

.hide {
	display:none; /* This class is used to hide objects from CSS browsers */
}

.clear {
	height:1px;
	overflow:hidden;
	width:100%;
	clear:both;
}

.orange {
	color:#F78F1E;
}

/* Wrapper */

div#wrapper {
	width:600px;
	margin: 12px auto 0 auto;
}

/* Logo */

div#logo {
	width:97px;
	height:163px;
	float:left;
	background:url(http://www.thebiga.co.uk//images/logo.gif) no-repeat;
}

#logo a {
	display:block; /* This is to create a clickable area */
	width:97px;
	height:163px;
	text-indent:-99999px; /* This is to hide the text on the page */
}

/* Common Layout */

#header {
	height:163px;
	margin: 0 0 14px 0;
}

#strapline {
	width:296px;
	height:33px;
	float:right;
	background:url(http://www.thebiga.co.uk//images/strapline.gif) no-repeat;
	text-indent:-999999px;
	position:relative;
	top:122px;
}


#copryright {
	float:left;
	width:200px;
}

/* Footer */

#footer {
	height:20px;
	clear:both;
	margin: 30px 0 10px 0;
}

/* Navigation */

#nav ul {
	height:27px;
	width:100%;
	background:#A3A3A3;
	list-style:none;
	padding:0;
	margin:0 0 21px 0;
}

#nav li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	height:27px;
	font-size:1.4em;
}

#nav li a {
	display:block;
	width:100px;
	height:27px;
	text-align:center;
	line-height:27px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#nav li a:hover, .selected {
	background:#F78F1E;
}

/* Links Navigation */

#links ul {
	float:right;
	width:310px;
	margin:0;
	padding:0;
}

#links li {
	display:inline;
	margin: 0 0 0 5px;
	font-size:1em;
}

#links li a {
	text-decoration:none;
	color:#666666;
}

#links li a:hover {
	text-decoration:undeline;
}

/* Homepage Layout */

#col1 {
	float:left;
	width:285px;
	margin:20px 0 20px 0;
}

#col2 {
	float:right;
	width:285px;
	margin:20px 0 20px 0;
}

/* Folio Page Layout */
#orange-box {
	width:186px;
	float:left;
	background: #F78F1E;
	color: #FFFFFF;
	margin:14px 0;
}

#orange-box p {
	margin:5px;
}

#orange-box h2 {
	margin:5px 5px 0 5px;
	font-size:1.2em;
	font-weight:bold;
}

#description {
	width:393px;
	float:right;
	margin:14px 0;
}

/* Forms */

fieldset {
	padding:0;
	margin:0;
	border:0;
}

fieldset ul {
	list-style:none;
	padding:0;
	margin:0;
}

fieldset li {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	clear:left;
}

legend {
	font-size:1.4em;
	margin:15px 0 20px 0;
	padding:0;
	color:#F78F1E;
	font-weight:bold;
	clear:both;
}

label {
	font-size:1.2em;
	float:left;
	width:125px;

}

input {
	/*float:left;*/
	width:450px;
	background:#FFFFFF;
	border: solid #CCCCCC 1px;
}

input:focus {
	background:#F9F9F9;
}

textarea {
	float:left;
	width:450px;
	height:100px;
	overflow:hidden;
	border: solid #CCCCCC 1px;
}

textarea:focus {
	background:#F9F9F9;
}

.submit {
	width:70px;
	background:#F78F1E;
	border:none;
	color:#FFFFFF;
	height:25px;
	margin:10px 0;
}

.submit:focus {
	background:#F78F1E;
	border:none;
	color:#FFFFFF;
}
/* Tables */

#foliointro {
	margin:0;
	padding:0;
	list-style:none;
}

#foliointro li {
	float:left;
	display:inline;/*Hack for IE6 Double margin bug*/
	width:186px;
	margin-right:20px;
	margin-bottom:16px;
}

img  {
	border:none;
}

/* Folio Navigation */

#folio-nav {
	background:#f78f1e;
	height:25px;
	position:relative;
	top:-21px;
}

#folio-nav ul {
	float:left;
	width:auto;
	margin:0 0 0 30px;
	padding:0;
	list-style:none;
}

#folio-nav li {
	float:left;
	display:block;
	/*border-right:1px solid #CCCCCC;*/
	padding:5px 10px;
	list-style:none;
}

#folio-nav li a {
	text-decoration:none;
	color: #FFFFFF;
}

#folio-nav li a:hover, #folio-nav li a:focus, #folio-nav li a.selected {
	text-decoration:underline;
}

#skip {
	float:right;
	width:auto;
	display:inline;
	margin:0;
	padding:5px 17px;
}

#skip a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	margin-right:7px;
	font-size:1.2em;
}

#skip a:hover {
	text-decoration:underline;
}