/* death of the skip CSS Document */

/*****************************/
/* remarkablegroup.co.uk
*****************************/
/*  undo html -> this is to undo all browsers basic built in styles   */
/*****************************/
:link, :visited { text-decoration: none; }

ul { list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select { margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }

img, div, ul  { behavior:url(css/iepngfix.htc) }

a {outline:none;}/* FIREFOX DOTTED LINE FIX */

/*****************************/
/* OPACITY/TRANSPARENCY filter=
filter:alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
*/

body {
font-family: arial, sans-serif;;

	font-size:12px; color:#ffffff;
	margin:0px;
	align:center;text-align:center;
	background:#00121e url('../gfx/bg.gif') no-repeat top;
}
#page {width:980px;margin:0px auto;padding:0;text-align:left; clear:both;}
#body {
	width:640px;height:100%;
	margin:0 0 0px 0px;
	background:#333333 url('') repeat-y top left;
	text-align:left;
	}
.content { text-align:left; padding:10px; }
.clear { clear:both;}	
/* - - - - - - - - - - - - - - - - - - - 
COLOURS
- - - - - - - - - - - - - - - -- - - - */
.light-grey{color:#3f5d72 }
.dark-blue{color:#00121e ;}
.oj {color:#f79223}

/* - - - - - - - - - - - - - - - - - - - 
TYPOGRAPHY
- - - - - - - - - - - - - - - -- - - - */
h1, h2, h3, h4, h5, h6 {color:#ffffff;font-family:Arial Rounded MT Bold, 'Arial Rounded MT Bold', 'Arial Rounded MT Bold', Arial Rounded, arial, sans-serif;}
h1 {font-size:20px;font-weight:normal;margin:0 0 10px 0px;}
h2 {font-size:16px;font-weight:normal;margin:0 0 10px 0;}
h3 {font-size:14px;font-weight:normal;margin:0 0 10px 0px;}
h4 {font-size:12px;font-weight:normal;margin:0 0 5px 0;}
h5 {font-size:10px}
h6 {font-size:9px}
/* links */
a {color:#f79223; padding:0 2px;text-decoration:none;}
a:hover {color:#3f5d72; background:#ffffff;} a:active {background:#ffffff;color:#333333;}

/* - - - - - - - - - - - - - - - - - - - 
FORMS
- - - - - - - - - - - - - - - -- - - - */
input, select, option
{
  border:0px;font-size:13px;
  color:#1d4793;
  cursor:pointer;
  background:#ffffff;
  font-family: Helvetica, sans-serif;
}
/*textarea {background:url('../gfx/bg_textarea.gif') repeat-y top left;font-size:14px;
font-style:italic;
line-height:18px;
}*/
textarea.contact {height:300px;}
.contact {width:100%;}

/* - - - - - - - - - - - - - - - - - - - 
ICONS
- - - - - - - - - - - - - - - -- - - - */
.media_controls {font-family:'webdings','wingdings','web-dings','web dings',webdings,wingdings,web-dings,web dings, none;font-size:16px}
.rss {height:19px;width:19px;display:block;float:left;}
/* - - - - - - - - - - - - - - - - - - - 
HEADER
- - - - - - - - - - - - - - - -- - - - */
.logo-print{display: none;}
.logo { background:url("../gfx/logo-edge.gif") no-repeat top left; width:147px;height:158px; display:block;} .logo:hover {background:url("../gfx/logo-edge.gif") no-repeat top left;} .logo:active {background:url("../gfx/logo-edge.gif") no-repeat top left;}
	.logo span {color:#FFFFFF; position:relative; top:-20px;}
.logo {padding:0 0 10px 10px;margin:-20px 0 0 0; float:left;}	
.contact-details-header {width:780px; height: 40px; overflow: hidden; text-align:right; }

#header {
background:url(../gfx/bg-header.jpg) repeat-x top;
width:100%;
	}
.head_items {
margin:0px auto; width:980px; 	
	}

.flash {width:550px; float:left; margin:0 0 10px 0; }
.main-message { float:left; width:360px; margin:10px 0 0 0 ;  }

/* - - - - - - - - - - - - - - - - - - - 
NAVIGATION
- - - - - - - - - - - - - - - -- - - - */
#navigation {
	width:787px; height:29px; display:inline-block;float:left;margin:0 0 0px 0;background: url("../gfx/bg-nav.gif") repeat top left;
	}
	#navigation ul { }
	#navigation ul li {list-style-type:none;display:inline;margin:6px 10px 10px 10px;float:left;}

	#navigation ul li a { font-size:14px;padding:0px; background:#f79223;color:#00121e;display:inline-block; font-family:Arial Rounded MT Bold, 'Arial Rounded MT Bold', 'Arial Rounded MT Bold', Arial Rounded, arial, sans-serif;}
	#navigation ul li a:hover {color:#ffffff;background:none;}
	#navigation ul li a:active {color:#333;background:none;}
	#navigation ul li a.current {color:#ffffff;background:none;}
	#navigation ul li a.firstcurrent {color:#ffffff;background:none;}
	
	.nav_key.current {color:#ffffff;background:none;}

.sub_nav {
	background:none;width:600px;margin:0px 0 0 0;padding:10px 60px 10px 10px;
	list-style-position:outside;Zlist-style-type:none;text-align:right; float:right;
	
}	.sub_nav ul {display:inline-block; text-align:right; }
	.sub_nav ul li {margin:0 0px 0 25px;padding:0px; display:inline-block; float:left;} 
	.sub_nav ul li a {padding:2px 0px;display:block;border:none;background:none;color:#fff; font-size:14px; display:inline; float:right;} 
	.sub_nav ul li a:hover {border:none;background:none;color:#f79223;}
	
	.sub_nav ul li a.sub_active {border:none;background:none;color:#f79223;}
/* - - - - - - - - - - - - - - - - - - -  
PAGE ELEMENTS
- - - - - - - - - - - - - - - -- - - - */
.left {float:left; width:513px; margin:20px 40px 0 0 ; } 
.middle { float:left; background:url(../gfx/middle-gradient.png) no-repeat top left; width:260px ; height:800px; display:block; }
.right {float:left ; width: 315px; margin:10px 0 0 0;}

.box-top { background:url(../gfx/box-top.gif) ; width:513px; height:16px ; display:block; float:left; }
.box-body { background:url(../gfx/box-middle.gif) repeat-y top left; float:left; padding:30px}
.box-body p { display:block; width:430px; line-height:18px;}
.hr { background:url(../gfx/box-hr.gif) no-repeat; width:486px; height:18px; position:relative; margin:0 0 0 -20px;}
.box-foot { background:url(../gfx/box-bottom.gif) ; width:513px; height:31px; display:block; float:left; }	

.list { color:#FF6600; list-style-type:disc; margin:20px 0 0 20px; line-height:24px}
.list li { margin:0 0 0 25px;}

#login *{border:3px solid #f79223; font-size:14px; }
.email-input { width: 300px; padding:2px; }
.password-input { width: 180px; margin:10px 8px 10px 0; padding:2px; }
.login-input { width: 108px; padding:2px; background:#f79223; color:#FFFFFF; } .login-input:hover { background:#00121e; border-color:#00121e;}

.speech-top { background:url(../gfx/speech-box-top.gif) ; width:315px; height:17px; display:block; float:left; margin:20px 0 0 0;}
.speech-body { background:url(../gfx/speech-box-middle.gif) repeat-y top left; width:315px; float:left; padding:0 10px ; }
.speech-body p { width:280px; display:block; }
.speech-body p.speech { color:#ffffff; font-size:14px; font-style:italic; line-height:22px;}
.speech-body span { display:block; margin:10px 0 0 0 ;}
.speech-foot { background:url(../gfx/speech-box-foot.gif); width:315px; height:50px; float:left; }

/* - - - - - - - - - - - - - - - - - - - 
FOOTER
- - - - - - - - - - - - - - - -- - - - */
#footer {
	width:980px;
	margin:20px auto 0px auto;
	display:block;
	background:none;
	text-align:center;align:center;
	border-top:1px solid #fff;
	padding:20px 0 20px 0;
	}
.footer-links {width: 550px ;float:left; padding:10px; }		
.footer-logos {width:300px; float:left; margin: 0 0 20px 0;}	
.footer_list {text-align:center;align:center; float:right;margin-right:25px;}
.footer_list li { float: left;margin:0 10px 0 0; display: inline;}	
/* - - - - - - - - - - - - - - - - - - - 
WIDGETS
- - - - - - - - - - - - - - - -- - - - */

.requiredField, .error {

	color: #FF0000;

}
.fieldContainer {

	padding-left: 10px;

	padding-bottom: 20px;

}



.fieldLabel {

	float: left;

	width: 150px;

	padding-top: 3px;

}



.fieldItem {

	float: left;

}
.clear {

	clear: both;

	font-size: 1%;

}
/**Map**/

#map{
	float:left;
	}