/* CSS Document */
/*This resets the margin and padding to help get a uniform style across the various browsers*/
* {
  margin:0;
  padding:0;
}

html {
	height:100%;
}
/*This determines the style for the body of the page*/
body {
	background-image:url(images/bg.gif);
	color:#ffffff;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
}
/*This determines the style for any active links*/
a {
	color:#0066CC;
	outline:none;
	text-decoration:none;
}
a:active {outline: none;}
/*This sets any active link images to have no border*/
a img {
	border:0;
}
/*This determines the text style*/
p {
	padding:5px 0 5px 0;
	margin:0;
}

.active a {
	background:scroll url(images/menudot.gif) 0 -10px no-repeat !important;
}
/*This determines the style for the main container in the centre of the page*/
#big {
	background-image:url(images/ar24inlay_bg.gif);
	background-position:50% 0;
	background-repeat:repeat-y;
	min-height:97%;
	height:auto !important;
	height:100%;
	margin:0 auto -30px auto;
	width:854px;
}

h1 {
	font-size: 2.2em;
	padding: 5px 0px 10px 35px;
	font-style: italic;	
}
h2 {
	font-size: 1.4em;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	color:#333;
	padding: 7px 0px 7px 5px;
}
h3 {
	display: block;
	background-image: url(images/menuheader.png);
	color: #FFF;
	width: 5.7em;
	padding: .2em .4em;
	font-weight:bold;
	text-indent: -9999px;
	border-bottom: #FFFFFF solid 2px;
}
p {
	font-size: 1.2em;
	margin-top: 5px;
}
#bpoints {
	font-style:italic;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
#bpointslast {
	margin-bottom: 10px;
	margin-top:0px;
	padding: 0px;
	font-style:italic;
	font-weight:bold;
}
#testimonial {
	font-size: 1.3em;
	font-style:italic;
	margin-top: 10px;
	
}
#nameunderquote {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	
}
#corporatevideoexample {
	margin-top: 25px;
}
#corporate-video-example-sinks {
	margin-top: -20px;
	margin-bottom: 10px;
}
#testimonialhead {
	margin-top: 20px;
	margin-bottom: 5px;
}
#ar24header {
	margin-bottom: 10px;
}
#telling {
	margin-top: 15px;
}

/*This determines the text style on the contact page*/
#email {
	margin-left: 150px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}
#address {
	margin-left: 150px;
	margin-top: 1px;
	font-weight: bold;
	color: #0066CC;
	padding: 2px;
}
#addressfirst {
	margin-left: 150px;
	margin-top: 20px;
	font-weight: bold;
	color: #0066CC;
	padding: 2px;
}
/*This determines the style of the Q and A on the FAQ page*/
#question {
	color: #0066CC;
	font-weight: bold;
}
#answers {
	margin-bottom: 10px;
	font-style:italic;
}
/*ID's etc*/
/*This determines the style of the Navigation Menu*/
div#navcontainer {
	margin: 10px 5px 5px 22px;
	width: 105px;
	float: left;
}

#navcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navcontainer a {
	display: block;
	color: #FFF;
	background-color: #000033;
	width: 85px;
	padding: 2px 6px;
	text-decoration: none;	
	font-weight:bold;
	border-left:#000033 solid 4px;
	border-right:#000033 solid 4px;
	
}

#navcontainer a:hover {
	background-color: #6699CC;
	color: #FFF;
	border-left: #FFF solid 4px;
	border-right: #FFF solid 4px;
}
#navcontainer li { margin: 0 0 3px 0; 
}
/*This determines the style of the main content box*/
#contentb, #contentbshowreel, #contentbcontact, #contentbfaq {
	width: 560px;
	margin: 10px 10px 5px 5px;
	padding: 10px 10px 10px 15px;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	color: #000033;
	float:left;
	border:1px solid #999;	
}
#contentbshowreel {
	height: 750px;
}
#contentb {
	height: 1800px;
}
#contentbcontact {
	height: 650px;
}
#contentbfaq {
	height: 750px;
}
#contentbclients {
	height: 700px;
	width: 550px;
	margin: 10px 10px 5px 5px;
	padding: 10px 10px 10px 15px;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	color: #000033;
	float:left;
	border:1px solid #999;
}
/*This determines the style for the client list box on the right of the page*/
#clientbox {
	width: 100px;
	height: 550px;
	margin: 10px 0px 5px 0px;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	color:#000033;
	float:left;
	text-align:center;
}

#clients {
	background-color:#000033;
	display:block;
	border-bottom: 1px solid #000000;
	color:#FFFFFF;
	font-weight:bold;
	padding: 2px;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
}	

#clientbox li {
	list-style-type: none;
}
#aga, #comedystore, #badlydrawnboy, #manchestercitycouncil, #mcdonalds, #keystone, #more, #somerfield, #sinks {
	width: 100px;
	height: 50px;
	text-indent: -9999px;
	display: block;
	border-bottom: #333 dotted 1px;
	background-repeat: no-repeat;
	padding: 2px 0;
}

#aga {
	background-image: url(images/agalogo.gif);
}
#comedystore {
	background-image: url(images/cslogo.gif);	
}
#badlydrawnboy {
	background-image: url(images/bdblogo.gif);
}
#somerfield {
	background-image: url(images/somerfieldlogo.gif);
}
#manchestercitycouncil {
	background-image: url(images/mcclogo.gif);
}
#mcdonalds {
	background-image: url(images/mcdlogo.gif);
}
#sinks {
	background-image: url(images/sinks.co.uk.gif);
}	
#keystone {
	background-image: url(images/keylogo.gif);
}
#more {
	background-image: url(images/more.gif);
}
/*This determines the style of the footer*/
#footer {
	width: 830px;
	height: 50px;
	font-family:Gill Sans, Verdana, Helvetica, sans-serif;
	color:#fff;
	clear:both;
	background-color:#000033;
	border:1px solid #000000;
	margin-left: 12px;
	margin-top: 30px;
	font-size: 1.1em;
	padding-top: 2px;
	padding-bottom: 10px;
	line-height: 0.4em;
	text-align: center;
	text-decoration: none;

}
#footer a {
	color:#fff;
	text-decoration: none;
}
#topimage {
	margin-left:12px;
}
#video {
	width: 320px;
	margin: 25px 15px 15px 100px;
	padding-top: 10px;
}
#video2 {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;	
}
#youtube-video {
	margin: 10px 0 10px 0;
}
.form_text { text-align: right; padding: 5px; width: 50px; font-size: 14px; color: #000033; font-weight: bold; vertical-align: middle;}
.form_multi_choice {margin: 5px 0 5px 0;}
.form_comments {vertical-align: top;}
.form_submit {padding: 5px 5px; margin: 2px 10px 2px 60px;}
.fm_link {font-size: 10px; text-align: center; padding: 0 10px;}
#contact-form {border: solid 1px #999; padding: 15px 15px 0px 10px;}

#after-testimonial {
	clear: right;}